@charset "UTF-8";
/*===========================================================

  @nifty wimax(ワイマックス)
  2018.11

============================================================*/
/*************************************
font
**************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&text=0123456789');

.num-adjust .comma {
  font-size: 72%;
  position: relative;
  top: -0.04em;
}


/*************************************
common
**************************************/
.wimax-top .sec-area .inner {
  padding: 65px 0;
}

.sec-area .inner {
  padding: 40px 0;
}

.group+.group {
  margin-top: 45px;
}

.groups+.groups {
  margin-top: 30px;
}

.wrap+.wrap {
  margin-top: 15px;
}

.mark-item {
  display: inline-block;
  font-size: 11px;
  padding: 0 2px;
  position: relative;
  top: -6px;
}

.is-dotted-top {
  border-top: 3px dotted #eff0f4;
}

.is-dotted-b-top{
  border-top: 8px dotted #eff0f4;
}

.font-white {
  color: #fff;
}

.font-blue {
  color: #005ad2;
}

.font-lightblue {
  color: #0066d6;
}

.font-red {
  color: #ff1744;
}

.font-green {
  color: #04bf85;
}

.font-yellow {
  color: #ffc900;
}

.font-orange {
  color: #ff7f00;
}

.font-gray {
  color: #666;
}

.text+.img {
  margin-top: 15px;
}

.text+.tbl {
  margin-top: 15px;
}

.img {
  text-align: center;
}

.img+.text {
  /* margin-top: 15px; */
}

.text+.btn-wrap {
  margin-top: 15px;
}

.btn-wrap+.text {
  margin-top: 15px;
}

.flex-center{
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  align-items:center;
  -webkit-align-items:center;
  justify-content:center;
  -webkit-justify-content:center;
}

.is-i-block{
    display:inline-block;
}

@media screen and (max-width: 768px) {
  .wimax-top .sec-area .inner {
    padding: 30px 12px;
  }

  .sec-area .inner {
    padding: 25px 12px;
  }

  .group+.group {
    margin-top: 30px;
  }

  .mark-item {
    font-size: 10px;
  }
}

/*================================
ttl / heading-text
=================================*/
.ttl-wrap {
  margin-bottom: 30px;
}

.ttl-wrap-group {
  margin-bottom: 20px;
}

.ttl-wrap-group.is-border {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.ttl-main {
  margin-bottom: 10px;
}

.ttl-main-text {
  color: #fff;
  font-size: 13px;
  padding: 0 11px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 228px;
  margin: 0 auto 25px;
}

.ttl-sec {
  color: #001393;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
}

.ttl-band {
  border-right: 2px solid #0b1360;
  border-left: 2px solid #0b1360;
  padding: 5px 15px;
}
.ttl-sec-small {
  color: #001393;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  display:inline-block;
  padding: 0 15px;
}
.ttl-sec-sub {
  font-size: 16px;
  text-align: center;
}

.is-line-bottom {
  border-bottom: 1px solid #005ad2;
  font-size: 19px;
  padding: 5px 2px;
  margin-bottom: 16px;
  text-align: center;
}
.is-line-bottom.al-left{
  text-align:left;
}

.ttl-group.is-line-bottom {
  font-size: 28px;
  font-weight: bold;
  padding: 3px 0;
  text-align: left;
}

.ttl-group.is-line-bottom.is-small {
  font-size: 22px;
}

.ttl-sec+.ttl-text {
  margin-top: 10px;
}

.ttl-sec .text-sub {
  font-size: 18px;
  font-weight: normal;
}

.ttl-sec .text-sub.is-block {
  display: block;
}

.ttl-group {
  font-size: 30px;
  font-weight: bold;
}

.ttl-group.is-center {
  text-align: center;
}

.ttl-group .text-sub {
  font-size: 18px;
  font-weight: normal;
}

.ttl-text.is-lead {
  font-size: 17px;
}

.ttl-text+.ttl-img {
  margin-top: 20px;
}

.ttl-img {
  margin-top: 10px;
  text-align: center;
}

.is-balloon {
  background: #8793af;
  border-radius: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 14px 12px;
  margin-bottom: 17px;
  text-align: center;
  position: relative;
}

.is-balloon:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 13px 0 13px;
  border-color: #8793af transparent transparent transparent;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -13px;
}

.balloon-tail-long{
  background: #9aaacc;
  border-radius: 10px;
  font-size: 26px;
  padding: 8px 22px;
  text-align: left;
  margin-bottom: 40px;
}
.balloon-tail-long:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 20px 24px 20px 24px;
  border-color: #9aaacc #9aaacc transparent transparent;
  position: absolute;
  bottom: -29px;
  left: 60px;
  transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
}
.is-balloon.is-black {
  background: #000;
  color: #fff;
}

.is-balloon.is-black:after {
  border-color: #000 transparent transparent transparent;
}

.is-balloon.is-small {
  font-size: 16px;
  padding: 5px 17px 4px;
  margin-bottom: 12px;
}

.is-balloon.is-small:after {
  bottom: -7px;
}

.is-balloon.is-small.is-inline {
  display: inline-block;
  padding: 4px 58px 3px;
}

.is-balloon-border {
  border: 1px solid #0066d6;
  color: #0066d6;
  font-size: 18px;
  font-weight: bold;
  padding: 4px 12px;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
}

.is-balloon-border:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 11px 0 11px;
  border-color: #0066d6 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -11px;
}

.is-balloon-border:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -11px;
}

.autoHeight-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ttl-shadow_ribbon {
  position: relative;
  padding: 0.5em;
  background: #2D66ED;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.ttl-shadow_ribbon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.ttl-leftItem {
  font-size: 18px;
  font-weight: bold;
  padding-left: 22px;
  position: relative;
}

.ttl-leftItem:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 100%;
  background: linear-gradient(to bottom, #147ddb 0%, #147ddb 50%, #034694 50%, #034694 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.ttl-bg {
  background: #e7eef7;
  border-left: 6px solid #0257bc;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.ttl-bg-split {
  background: linear-gradient(-60deg, #0066d6 0%, #0066d6 92%, #0257bc 92%, #0257bc 100%);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 13px 20px;
}

.text-read {
  font-size: 16px;
}

.text-lead-frame {
  border: 1px solid #cecece;
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  text-align: center;
}

.text-lead {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .ttl-wrap {
    margin-bottom: 20px;
  }

  .ttl-wrap-group {
    margin-bottom: 17px;
  }

  .ttl-wrap-group.is-border {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }

  .ttl-main {
    text-align: center;
  }

  .ttl-main img {
    width: 260px;
  }

  .ttl-main-text {
    width: 100%;
    max-width: 500px;
  }

  .ttl-sec {
    font-size: 21px;
  }

  .ttl-sec-small {
    font-size: 18px;
  }

  .ttl-sec-sub {
    font-size: 14px;
  }

  .ttl-sec .text-sub {
    font-size: 14px;
  }

  .ttl-group {
    font-size: 18px;
  }

  .ttl-group .text-sub {
    font-size: 15px;
  }

  .is-balloon {
    font-size: 16px;
    padding: 6px 15px;
    margin-bottom: 30px;
  }

  .is-balloon:after {
    border-width: 8px 11px 0 11px;
    bottom: -8px;
    margin-left: -11px;
  }
  .balloon-tail-long:after {
    border-width: 10px 14px 10px 14px;
    border-color: #9aaacc#9aaacc transparent transparent;
    position: absolute;
    bottom: -16px;
    left: 40px;
  }

  .is-balloon.is-small {
    font-size: 12px;
    padding: 4px 8px 3px;
  }

  .is-balloon.is-small:after {
    bottom: -6px;
  }

  .is-balloon.is-small.is-inline {
    padding: 4px 25px 3px;
  }

  .is-balloon-border {
    font-size: 16px;
  }

  .ttl-group.is-line-bottom {
    font-size: 18px;
  }

  .ttl-leftItem {
    font-size: 16px;
    padding-left: 20px;
  }

  .text-read {
    font-size: 14px;
  }

  .text-lead-frame {
    font-size: 17px;
  }

  .text-lead {
    font-size: 16px;
  }
}

/*------------------------------
ttl →リニューアル前の古いタイトルたち。WiMAXリニューアル後削除予定
-------------------------------*/
.lyt_h3_01 .sup {
  font-weight: bold;
}

.lyt_h3_01 .sub {
  font-size: 120%;
  font-weight: normal;
  line-height: 1.4;
}

.lyt_h3_01 .hdg {
  font-size: 34.0167px;
  line-height: 34.0167px;
  font-weight: bold;
}

.str_lyt_h4_01 {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 2px;
  border: 1px solid #dadada;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  box-shadow: rgba(239, 239, 239, 0.5) 0px 1px 1px 1px;
  -webkit-box-shadow: rgba(239, 239, 239, 0.5) 0px 1px 1px 1px;
  -moz-box-shadow: rgba(239, 239, 239, 0.5) 0px 1px 1px 1px;
  -o-box-shadow: rgba(239, 239, 239, 0.5) 0px 1px 1px 1px;
  -ms-box-shadow: rgba(239, 239, 239, 0.5) 0px 1px 1px 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.str_lyt_h4_01 .lyt_h4_01 {
  padding-top: 2px;
}

.str_lyt_h4_01 h4 {
  background: #f9f8f3;
  font-size: 115%;
  padding: 2px 9px 0 8px;
  position: relative;
  font-weight: bold;
}

.str_lyt_h4_01 .ttl-blue-line {
  border-left: 4.5px solid #034694;
  padding-left: 12px;
}

@media screen and (max-width: 768px) {
  .top-area.is-old-page-ttl .inner {
    padding: 20px 12px 5px;
  }

  .lyt_h3_01 .sup {
    font-size: 13.0167px;
    line-height: 22.3833px;
  }

  .lyt_h3_01 .hdg {
    font-size: 26.0333px;
    line-height: 26.0333px;
  }

  .str_lyt_h4_01 h4 {
    font-size: 18.0667px;
    line-height: 31.0667px;
  }
}




/*================================
btn
=================================*/
.btn {
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.btn:hover:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  position: absolute;
  top: 0;
  left:0;
}

.btn.is-orange {
  background: url("/wimax/common/images/icon-arrowOrange.svg"), linear-gradient(to bottom, #ff8700 0%, #ff7d00 100%);
  background-repeat: no-repeat, repeat;
  background-size: 15px auto, auto;
  background-position: right 10px center, 0;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 34px 8px 20px;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.btn.is-blue {
  background: url("/wimax/common/images/icon-arrowOrange.svg"), linear-gradient(to bottom, #005fd4 0%, #0051ce 100%);
  background-repeat: no-repeat, repeat;
  background-size: 22px auto, auto;
  background-position: right 10px center, 0;
  border-radius: 4px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 20px 38px 20px 20px;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.btn.is-blue.is-middle {
  background-size: 16px auto;
  box-shadow: 0 3px 0 #e6e6e6;
  font-size: 20px;
  padding: 12px 35px 12px 20px;
}

.btn.is-blue.is-small {
  background-size: 15px auto;
  font-size: 15px;
  padding: 12px 35px 12px 20px;
}

.btn.is-blue.bg-border {
  background: #fff;
  border-radius: 8px;
  padding: 8px;
  max-width: 480px;
  margin: 0 auto;
}

.btn.is-w-border{
  background-size: 20px auto, auto;
  background-position: right 20px center, 0;
  color: #fff;
  font-size: 24px;
  padding: 18px 34px 18px 20px;
  border:8px solid #fff;
  border-radius: 13px;
}

.btn.is-blue.bg-border .text {
  display: block;
  background: url("/wimax/common/images/icon-arrowOrange.svg"), linear-gradient(to bottom, #005fd4 0%, #0051ce 100%);
  background-repeat: no-repeat, repeat;
  background-size: 22px auto, auto;
  background-position: right 10px center, 0;
  border-radius: 4px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 20px 38px 20px 20px;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}

.btn.bg-border.is-apply {
  background: #ece8de;
  border: 1px solid #c0bab1;
  border-radius: 4px;
  padding: 6px;
}

.btn.is-apply .text {
  display: block;
  width: 100%;
  background: linear-gradient(to bottom, #FFD694, #FFC66B 50%, #FFC66B 50%, #E79513);
  border-radius: 4px;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding: 26px 20px;
  text-align: center;
  cursor: pointer;
}

.btn.is-apply .text-sub {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.btn.is-apply.is-small .text {
  font-size: 18px;
  padding: 16px 20px;
}

.btn.is-border {
  background: #fff url("/wimax/common/images/icon-arrowBlue.svg") no-repeat center right 10px;
  border: 1px solid #0051d3;
  border-radius: 999em;
  color: #0b1360;
  font-size: 14px;
  text-align: center;
  padding: 11px 29px 11px 18px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 250ms;
  transition: all 250ms;
  text-decoration: none;
}

.btn.is-border.is-small {
  max-width: 250px;
  padding: 5px 35px 5px 30px;
}

.btn.is-border.is-inline {
  display: inline-block;
  padding: 12px 39px 12px 28px;
}

.btn.is-border.val-02 {
  border: 2px solid #0051d3;
  color: #0051d3;
  font-size: 16px;
  font-weight: bold;
}

.btn.is-brown {
  background: #bca378 url("/wimax/common/images/icon-arrowWhite.svg") no-repeat center right 12px;
  border-radius: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 30px 15px 20px;
  text-align: center;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.btn.is-black {
  background: url("/wimax/common/images/icon-arrowOrange.svg"), linear-gradient(to bottom, #333 0%, #010101 100%);
  background-repeat: no-repeat, repeat;
  background-size: 22px auto, auto;
  background-position: right 10px center, 0;
  border-radius: 999em;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 20px 38px 20px 20px;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.btn.is-black.is-small {
  background-size: 19px auto, auto;
  font-size: 16px;
  padding: 12px 34px 12px 20px;
}

/*------------------------------
bg-btn-area
-------------------------------*/
.bg-btn-area {
  background: #f2f2f2;
  padding: 40px 20px;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .btn:hover:after {
    display: none;
  }

  .btn.is-blue {
    background-size: 16px auto, auto;
    font-size: 18px;
    padding: 12px 35px 12px 15px;
  }

  .btn.is-blue.is-middle {
    background-size: 12px auto;
    font-size: 16px;
    padding: 10px 30px 10px 15px;
  }

  .btn.is-blue.bg-border {
    padding: 6px;
  }

  .btn.is-blue.bg-border .text {
    background-size: 16px auto, auto;
    font-size: 18px;
    padding: 12px 35px 12px 15px;
  }

  .btn.is-apply .text {
    font-size: 18px;
    padding: 20px;
  }

  .btn.is-apply.is-small .text {
    font-size: 16px;
    padding: 14px 20px;
  }

  .btn.is-border {
    margin: 0 auto;
  }

  .btn.is-border.val-02 {
    font-size: 15px;
  }

  .btn.is-brown {
    background-size: 8px auto;
    font-size: 16px;
    padding: 12px 26px 12px 16px;
  }

  .bg-btn-area {
    padding: 15px;
  }

  .btn.is-black {
    background-size: 16px auto, auto;
    font-size: 18px;
    padding: 12px 35px 12px 15px;
  }

  .btn.is-black.is-small {
    background-size: 15px auto, auto;
    font-size: 15px;
    padding: 12px 32px 12px 18px;
  }
}

/*================================
logo -sp
=================================*/
.logo-rescue{
  width: 360px;
}
@media screen and (max-width: 768px) {
  .logo-rescue{
    width: 300px;
  }
  .logo-sec24 {
    width: 200px;
  }

  .logo-yutai {
    width: 200px;
  }
}

/*================================
lyt-item
=================================*/
.item-view {
  box-sizing: border-box;
  border: 6px solid #eaeaea;
  padding: 20px;
  text-align: center;
}

.lyt-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.item-thum {
  border-left: 6px solid #eaeaea;
}

.item-thum li {
  box-sizing: border-box;
  border: 6px solid #eaeaea;
  border-top: none;
  border-left: none;
  width: calc(100% /6);
}

.item-thum a {
  display: block;
  box-sizing: border-box;
  padding: 20px 10px;
  text-align: center;
}

.item-thum .select a {
  border: 1px solid #4d4d4d;
}

/*================================
list
=================================*/
.list-box.col-2>.box-col {
  width: 48.5%;
}

.list-box.col-2.val-02>.box-col {
  width: 47%;
}

.list-box.col-2>.box-col:nth-child(n+3) {
  margin-top: 35px;
}

.list-box.col-3>.box-col {
  width: 32%;
}

.list-box.col-3>.box-col:not(:nth-child(3n)) {
  margin-right: 2%;
}

.list-box.col-3>.box-col:nth-child(n+4) {
  margin-top: 35px;
}

.list-box.col-4>.box-col {
  width: 23%;
}

.list-box.col-4>.box-col:not(:nth-child(4n)) {
  margin-right: 2.6%;
}

.list-box.col-4>.box-col:nth-child(n+5) {
  margin-top: 35px;
}

.bg-list-note {
  background: #eee;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
}

.list-note {
  margin-top: 15px;
}
.list-note em{
  font-style:normal;
}

.list-note>li {
  padding-left: 1.2em;
}

.list-note .mark {
  display: inline-block;
  text-indent: -1.2em;
}

.list-note.is-small>li {
  font-size: 12px;
}

.list-note>li.is-num {
  padding-left: 2.2em;
}

.list-note>li.is-num .mark {
  text-indent: -2.2em;
}

.list-note>li+li {
  margin-top: 1px;
}

.list-note>li>.list-dotted {
  margin-top: 5px;
}

.list-note.is-gray li {
  color: #4d4d4d;
}

.list-note.mt-0 {
  margin-top: 0;
}

.list-note.mt-5 {
  margin-top: 5px;
}

.list-dotted>li {
  padding-left: 20px;
  text-align: left;
  position: relative;
}

.list-dotted>li:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #999;
  border-radius: 100px;
  position: absolute;
  top: 10px;
  left: 5px;
}

.list-dotted>li+li {
  margin-top: 3px;
}

.list-dotted.is-yellow>li {
  background: none;
  padding-left: 20px;
}

.list-dotted.is-yellow>li:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ffc900;
  border-radius: 500px;
  position: absolute;
  top: 8px;
  left: 5px;
}

.list-dotted.is-orange>li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ff8b2c;
  border-radius: 999em;
  position: absolute;
  top: 8px;
  left: 5px;
}

.list-dotted.is-blue>li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #0051d3;
  border-radius: 999em;
  position: absolute;
  top: 8px;
  left: 5px;
}

.list-dotted.is-blue.is-small>li::before {
  top: 6px;
  left: 0;
}

.list-dotted.is-black>li {
  font-size: 15px;
  padding-left: 15px;
}

.list-dotted.is-black>li:before {
  content: "・";
  width: auto;
  height: auto;
  background: none;
  left: -2px;
  top: 0;
}

.list-dotted.is-small>li {
  font-size: 12px;
  padding-left: 12px;
}

.list-dotted.is-large>li {
  font-size: 16px;
}

.list-dotted.is-large>li:before {
  top: 0.65em;
}

.list-dotted.col-2>li {
  width: calc(100% / 2);
  margin-top: 0;
}

.list-dotted.col-2>li:nth-child(n+3) {
  margin-top: 3px;
}

.list-arrow li+li {
  margin-top: 3px;
}

.list-arrow .link-arrow {
  display: inline-block;
  padding-left: 10px;
  position: relative;
}

.list-arrow .link-arrow:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #3ea3c4;
  position: absolute;
  top: 9px;
  left: 0;
}

.list-arrow.is-small li {
  font-size: 12px;
}

.list-arrow.is-small .link-arrow:after {
  top: 6px;
}

.list-arrow.is-grid li {
  margin-bottom: 3px;
}

.list-arrow.is-grid li+li {
  margin-top: 0;
}

.list-arrow.is-grid li:not(:last-child) {
  margin-right: 15px;
}

.list-sub>li {
  padding-left: 15px;
  text-align: left;
  position: relative;
}

.list-sub>li:before {
  content: "-";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 3px;
}

.list-sub>li+li {
  margin-top: 3px;
}

.list-sub.is-small li {
  font-size: 13px;
}

.list-sub.is-small li+li {
  margin-top: 0;
}

.list-label.grid>li:not(:last-child) {
  margin-right: 10px;
}

.list-btn li {
  width: 48%;
}

.list-btn.col-3 li {
  width: 32%;
}

.list-btn.col-3>li:not(:nth-child(3n)) {
  margin-right: 2%;
}

.list-btn.col-3>li:nth-child(n+4) {
  margin-top: 15px;
}

.list-btn.is-center>li {
  width: 35%;
  padding: 0 20px;
}

.list-btn.is-inline>li {
  width: auto;
  margin-right: 20px;
}

.list-faq li+li {
  margin-top: 15px;
}

.list-faq .icon-q {
  display: inline-block;
  background: url("/wimax/common/images/icon-q.png") no-repeat top 2px left;
  background-size: 22px auto;
  padding: 2px 0 2px 30px;
}

.text-link .icon-textlink {
  display: inline-block;
  background: url("/wimax/common/images/icon-arrow.svg") no-repeat center right;
  background-size: auto auto;
  background-size: 24px auto;
  padding: 2px 35px 2px 0;
}

.text-link.is-small .icon-textlink {
  background-size: 18px auto;
  padding: 2px 25px 2px 0;
}

.text-link a {
  font-size: 18px;
  color: #000;
}

.text-link.is-small a {
  font-size: 14px;
}

.box-col .heading-text .text-sub {
  font-size: 14px;
}

.box-col .heading+.content {
  padding-top: 15px;
}

.box-col .content+.lower {
  padding-top: 15px;
}

.list-point {
  padding: 0 20px;
}

.is-point {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .list-box.col-2>.box-col,
  .list-box.col-2.val-02>.box-col {
    width: 100%;
  }

  .list-box.col-2>.box-col+.box-col {
    margin-top: 25px;
  }

  .list-box.col-3>.box-col {
    width: 100%;
  }

  .list-box.col-3>.box-col:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .list-box.col-3>.box-col+.box-col {
    margin-top: 25px;
  }

  .list-box.col-4>.box-col {
    width: 100%;
  }

  .list-box.col-4>.box-col:not(:nth-child(4n)) {
    margin-right: 0;
  }

  .list-box.col-4>.box-col+.box-col {
    margin-top: 25px;
  }

  .list-dotted.is-large>li {
    font-size: 15px;
  }

  .list-dotted.col-2>li {
    width: 100%;
  }

  .list-dotted.col-2>li+li {
    margin-top: 3px;
  }

  .list-btn li {
    width: 100%;
  }

  .list-btn.col-3 li {
    width: 100%;
  }

  .list-btn.col-3>li:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .list-btn li+li {
    margin-top: 15px;
  }

  .list-btn.is-center>li {
    width: 100%;
  }
  .list-btn.is-inline>li {
    margin-right: 0;
  }

  .box-col .heading+.content {
    padding-top: 10px;
  }

  .box-col .content+.lower {
    padding-top: 10px;
  }

  .list-point {
    padding: 0 10px;
  }

  .is-point {
    font-size: 15px;
  }
}

/*================================
table
=================================*/
table {
  width: 100%;
}

th {
  font-size: 15px;
  font-weight: bold;
  padding: 8px 15px 8px 15px;
  text-align: center;
  word-break: break-all;
}

th.al-top {
  vertical-align: top;
}

th .text-sub {
  font-size: 13px;
}

td {
  font-size: 15px;
  padding: 8px 15px 8px 15px;
  text-align: center;
  word-break: break-all;
}

td.al-top {
  vertical-align: top;
}

td.al-bottom {
  vertical-align: bottom;
}

td .text-lead {
  font-size: 20px;
}

td .text-sub {
  font-size: 13px;
}

td .add-text {
  display: inline-block;
  margin-left: 10px;
}

.width60 {
  width: 60%;
}

.width50 {
  width: 50%;
}

.width40 {
  width: 40%;
}

.width36 {
  width: 36%;
}

.width35 {
  width: 35%;
}

.width32 {
  width: 32%;
}

.width33 {
  width: 33%;
}

.width30 {
  width: 30%;
}

.width26 {
  width: 26%;
}

.width25 {
  width: 25%;
}

.width24 {
  width: 24%;
}

.width20 {
  width: 20%;
}

.width18 {
  width: 18%;
}

.width15 {
  width: 15%;
}

.tbl-bg-blue {
  background: #005ad2;
  color: #fff;
}

.tbl-bg-light-blue{
  background:#6085d5;
  color:#fff;
}

.tbl-bg-gray {
  background: #eff0f4;
}

.tbl-bg-black {
  background: #000;
  color: #fff;
}
.tbl-bg-pink{
  background: #ff296b;
  color: #fff;
}
.tbl-bg-l-pink{
  background: #fff8fc;

}
.table-wrap+.table-wrap {
  margin-top: 15px;
}

.tbl-wrap+.tbl-wrap {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  th {
    font-size: 14px;
    padding: 7px;
  }

  th .text-sub {
    font-size: 12px;
  }

  td {
    font-size: 14px;
    padding: 10px;
  }

  td .text-lead {
    font-size: 16px;
  }

  td .text-sub {
    font-size: 12px;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
tbl-1  →レスポンシブ化 commonテーブル
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.tbl-1-responsive th,
.tbl-1-responsive td {
  border: 1px solid #ddd;
}

.tbl-1-responsive.al-left th,
.tbl-1-responsive.al-left td {
  text-align: left;
}

.tbl-1-responsive .price .num {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  margin-right: 3px;
}

.tbl-1-responsive .font-red .mark {
  display: inline-block;
  font-size: 24px;
  margin: 0 5px;
}

.num-adjust .comma {
  font-size: 72%;
  position: relative;
  top: -0.04em;
}

.tbl-1-responsive th.is-wide,
.tbl-1-responsive td.is-wide {

  padding: 15px 60px;
}

.price-grid-wrap {
  position: relative;
}

.price-grid-wrap:before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  border-top: 3px dotted #808080;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
}

.price-grid {
  line-height: 1.45;
}

.kiki-img img {
  width: 120px;
}

@media screen and (max-width: 768px) {

  .tbl-1-responsive th,
  .tbl-1-responsive td {
    width: 100%;
    display: block;
    border-top: none;
  }

  .tbl-1-responsive tr:first-child th {
    border-top: 1px solid #ddd;
  }

  .tbl-1-responsive .price .num {
    font-size: 20px;
  }

  .tbl-1-responsive .mark {
    font-size: 20px;
  }

  .tbl-1-responsive .font-red.mark {
    font-size: 16px;
  }

  .tbl-1-responsive th.is-wide,
  .tbl-1-responsive td.is-wide {
    padding: 15px;
  }

  .price-grid-wrap:before {
    display: none;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
tbl-1  →レスポンシブなし commonテーブル
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.tbl-1 th,
.tbl-1 td {
  border: 1px solid #ddd;
}

.tbl-1 .price .num {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  margin-right: 3px;
}

.tbl-1 .font-red .mark {
  display: inline-block;
  font-size: 24px;
  margin: 0 5px;
}

.popup-page .tbl-1 td{
  font-size: 16px;
}

.popup-page .tbl-1 .mark {
  display: inline-block;
  font-size: 12px;
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
  .tbl-1 .price .num {
    font-size: 20px;
  }

  .tbl-1 .mark {
    font-size: 10px;
  }
}
/*------------------------------
top-area .abtes-a
-------------------------------*/

/*------------------------------
top-area 新規受付終了
-------------------------------*/
.top-area.is-top {
  background:#d1e1ef;
  background-image: repeating-linear-gradient(-50deg, #cde4f9, #cde4f9 8px, #b8d7f4 0, #b8d7f4 11px);
}

.top-area.is-top .inner {
  padding: 40px 0 40px;
  position: relative;
}

.mv-finish {
  background: #fff;
  padding: 30px;
}

.mv-finish .ttl {
  color: #2051a0;
  font-size: 22px;
}

.mv-finish .text {
  font-size: 16px;
}

.mv-finish .box-note {
  background: #efefef url("/wimax/common/images/icon-note_gray.svg") no-repeat 30px center;
  font-size: 15px;
  padding: 15px 30px 15px 100px;
  min-height: 102px;
}

.mv-finish .lower {
  border-top: 2px solid #ddd;
  padding-top: 20px;
  margin-top: 20px;
}

.mv-finish .grid-tel > .col {
  margin: 0 10px;
}

.mv-finish .grid-tel > .col:first-child {
  width: 28%;
}

.mv-finish .grid-tel > .col:last-child {
  width: 60%;
}

.mv-finish .grid-tel .num-tel {
  font-size: 30px;
}

.mv-finish .grid-tel .icon-navidial {
  padding-left: 40px;
  background-size: 35px auto;
  background-position: top 3px left;
}

.mv-finish .grid-tel .time {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px 10px;
  text-align: center;
}

/*top-area.is-logo*/
.top-area.is-logo {
  background: #2051a0;
}

.top-area.is-logo .inner {
  padding: 13px 0 8px;
}

@media screen and (max-width: 768px) {
  .top-area.is-top .inner {
    padding: 30px 12px;
  }
  .mv-finish {
    padding: 15px;
  }
  .mv-finish .ttl {
    font-size: 16px;
  }
  .mv-finish .text {
    font-size: 14px;
  }
  .mv-finish .box-note {
    background-size: 30px auto;
    background-position: center 15px;
    font-size: 14px;
    padding: 50px 15px 15px;
    min-height: auto;
  }
  .mv-finish .lower {
    padding-top: 15px;
    margin-top: 15px;
  }
  .mv-finish .grid-tel > .col {
    margin: 0;
  }
  .mv-finish .grid-tel > .col:first-child {
    width: 100%;
  }
  .mv-finish .grid-tel > .col:last-child {
    width: 100%;
    margin-top: 15px;
  }
  .mv-finish .grid-tel .num-tel {
    font-size: 28px;
  }
  .mv-finish .grid-tel .icon-navidial {
    padding-left: 35px;
    background-size: 30px auto;
    background-position: top 5px left;
  }
}

/*------------------------------
top-area　abtes-b
-------------------------------*/
.top-area.abtes-b.is-top {
  background: url("/wimax/common/images/top/bg-top-circle.png"),
    repeating-linear-gradient(-45deg, rgba(10, 60, 200, 0.45), rgba(10, 60, 200, 0.45) 2px, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 8px),
    url("/wimax/common/images/top/bg-top-dotted.png");
  background-position: left 37% center, 0, 0;
  position: relative;
}

.top-area.abtes-b.is-top:before {
  content: "";
  display: inline-block;
  width: 637px;
  height: 327px;
  background: url("/wimax/common/images/top/bg-top-character.png") no-repeat;
  position: absolute;
  bottom: 0;
  right: calc(50% - 32px);
}

.top-area.abtes-b.is-top .inner {
  padding: 30px 0;
  position: relative;
}

.top-area.abtes-b.is-page-ttl .inner {
  padding: 20px 0 5px;
}

.top-area.abtes-b .ttl-wrap {
  margin-bottom: 0;
}

.abtes-b .ttl-page {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  position:relative;
}
.abtes-b .ttl-page-wimax{
  font-size: 14px;
  display:block;
  line-height:2em;
}
.abtes-b .ttl-page-main{
  font-size: 34px;
  display:block;
  line-height:1em;
  padding-bottom: 20px;
}
.abtes-b .ttl-page::after{
  position:absolute;
  content:"";
  width:80px;
  height: 3px;
  background: #00279f;
  bottom: 0px;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}
.abtes-b .ttl-page+.ttl-text {
  margin-top: 40px;
}

.abtes-b .top-col.is-ttl {
  width: calc(100% - 624px);

  padding-top: 6px;
}

.abtes-b .top-col.is-slider {
  width: 510px;
}

.abtes-b .top-mv {
  text-align: center;
}

.abtes-b .top-mv+.ttl-text {
  margin-top: 10px;
}

.abtes-b .top-area .mv-sub {
  color: #db0010;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
}

.abtes-b .list-slider {
  width: 100%;
  background: rgba(63, 81, 181, 0.5);
  border-radius: 5px;
  padding: 8px;
}

.abtes-b .slider-wrap:nth-child(n+2) {
  display: none;
}

.abtes-b .slider-wrap img {
  margin: 0 auto;
}

.abtes-b .slick-initialized .slider-wrap {
  display: block;
}

.abtes-b .slick-arrow {
  width: 25px;
  height: 25px;
  z-index: 1;
}

.abtes-b .slick-arrow:before {
  color: #000;
  font-size: 25px;
}

.abtes-b .slick-next {
  right: 20px;
}

.abtes-b .slick-prev {
  left: 20px;
}

.abtes-b .list-slider.slick-dotted.slick-slider {
  margin-bottom: 17px;
}

.abtes-b .slick-dots li {
  margin: 0 3px;
}

.abtes-b .slick-dots li button:before {
  font-size: 16px;
}

.abtes-b .top-area.is-top-under .inner {
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  .abtes-b .ttl-page-wimax{
    font-size: 13px;
  }
  .abtes-b .ttl-page-main{
    font-size: 26px;
    display:block;
    line-height:1em;
    padding-bottom: 20px;
  }
  .abtes-b.top-area.is-top {
    background: repeating-linear-gradient(-45deg, rgba(10, 60, 200, 0.45), rgba(10, 60, 200, 0.45) 2px, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 8px),
      url("/wimax/common/images/top/bg-top-dotted.png");
    background-size: auto, 50px auto;
    padding-bottom: 120px;
    margin-bottom: -50px;
  }

  .abtes-b.top-area.is-top:before {
    width: 100%;
    height: 144px;
    background: url("/wimax/common/images/top/bg-top-character_sp.png") no-repeat center;
    background-size: 500px auto;
    right: auto;
    left: 0;
  }

  .abtes-b.top-area.is-top .inner {
    padding: 20px 12px;
  }

  .abtes-b.top-area.is-top-under .inner {
    padding: 15px 12px;
  }

  .abtes-b.top-area.is-top .ttl-wrap {
    margin-bottom: 15px;
  }

  .abtes-b .top-col.is-ttl {
    width: 100%;
    padding: 0;
  }

  .abtes-b .top-col.is-slider {
    width: 100%;
    padding: 0 30px;
  }

  .abtes-b .list-slider {
    max-width: 400px;
    margin: 0 auto;
    padding: 5px;
  }

  .abtes-b .slick-next {
    right: -30px;
  }

  .abtes-b .slick-prev {
    left: -30px;
  }
}

/*------------------------------
top-area
-------------------------------*/
.top-mv {
  text-align: center;
}
.ttl-page {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  position:relative;
}
.ttl-page-wimax{
  font-size: 14px;
  display:block;
  line-height:2em;
}
.ttl-page-main{
  font-size: 34px;
  display:block;
  line-height:1.3em;
  padding-bottom: 20px;
  margin-top: 10px;
}
.ttl-page::after{
  position:absolute;
  content:"";
  width:80px;
  height: 3px;
  background: #00279f;
  bottom: 0px;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}
.top-mv+.ttl-text {
  margin-top: 10px;
}

.top-area .mv-sub {
  color: #db0010;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
}

.ttl-page + .ttl-text {
  margin-top: 40px;
}

.top-area.is-top-under .inner {
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
    .wimax-index #header {
      border: none;
  }
  .ttl-page-wimax{
    font-size: 13px;
  }
  .ttl-page-main{
    font-size: 26px;
    display:block;
    line-height:1em;
    padding-bottom: 20px;
  }

}
/*------------------------------
footPath-area
-------------------------------*/
@media screen and (max-width: 768px) {
  .wimax-top .footPath-area.top-footpath{
        margin-top:50px;
    }

}
/*------------------------------
news-area
-------------------------------*/
.news-area .inner {
  padding: 15px 0;
}

.list-news {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding: 20px 20px;
}

.list-news .news-col {

position: relative;
}


.news-heading {
  width: 82px;
}

.news-content {
  width: 960px;
}

.news-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.news-link .date {
  color: #2051a0;
  font-weight: bold;
  margin: 0 15px;
  width: 65px;
}

.news-icon{
  background:#2051a0;
  padding:3px 10px;
  color:#fff;
  font-size:13px;
  width: 80px;
  text-align: center;
  margin-right: 20px;
}

.news-link .link {
  width: calc(100% - 195px);
}

.news-link .link a {
  color: #2051a0;
  font-size:16px;
}

.news-all{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}
.news-all a {
  color: #333;
  position:relative;
  padding-left: 20px;
  display:inline-block;
}

.news-all a::before {
  position:absolute;
  content:"";
  width:14px;
  height:14px;
  background:#2051a0;
  border-radius:50%;
  left:0;
  top:4px;
}

.news-all a::after {
  position:absolute;
  content:"";
  border-style:solid;
  border-width:3px 3px 3px 3px;
  border-color:transparent #fff #fff transparent ;
  border-radius:2px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  left:3px;
  top:8px;
}

@media screen and (max-width: 768px) {
  .news-wrap{
    width:96%;
    margin:0 auto;
  }
  .news-content {
    width: 100%;
  }
  .news-link{
    padding-bottom: 30px;
  }
  .news-link .link {
    width: 100%;
  }
  .news-link .link a {
    font-size:14px;
  }
  .news-all{
    right:auto;
    top:auto;
    transform:none;
    left:0;
    bottom:0;
  }
}
/*重要なお知らせ*/
.news-wrap.is-important {
  background: #fff6f8;
  border: 1px solid #eac8cd;
  border-radius: 6px;
  padding: 15px 20px 15px 15px;
}

.news-wrap.is-important>.head {
  width: 68px;
  color: #ff1744;
  font-size: 18px;
  font-weight: bold;
  padding-top: 35px;
  text-align: center;
  position: relative;
}

.news-wrap.is-important>.head:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #ff1744 url("/wimax/common/images/icon-mark.svg") no-repeat center;
  background-size: 4px auto;
  border-radius: 999em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
}

.news-wrap.is-important>.content {
  width: calc(100% - 82px);
}

.news-wrap.is-important>.content .row+.row {
  border-top: 1px solid #eac8cd;
  padding-top: 8px;
  margin-top: 8px;
}

.news-wrap.is-important .ttl {
  font-size: 15px;
}


.news-wrap.is-important .text {
  font-size: 13px;
}

@media screen and (max-width: 768px) {

  .news-wrap.is-important {
    padding: 15px;
  }

  .news-wrap.is-important>.head {
    width: 100%;
    font-size: 16px;
    padding: 0 0 0 35px;
    margin-bottom: 10px;
  }

  .news-wrap.is-important>.head:before {
    width: 20px;
    height: 20px;
    background-size: 3px auto;
    top: 50%;
    margin-top: -10px;
    margin-left: -26px;
  }

  .news-wrap.is-important>.content {
    width: 100%;
  }

}
/* /wimax/news/ */
.news-wrap.is-link {
  padding: 7px 10px;
}

.news-wrap.is-link:nth-child(2n) {
  background: #f3f3f3;
}

.news-wrap.is-link>.date {
  width: 115px;
}

.news-wrap.is-link>.link {
  width: calc(99% - 115px);
}

.is-important-wrap{
  display:none;
}

.display-block{
  display:block;
}
@media screen and (max-width: 768px) {
  .news-area .inner {
    padding: 15px 12px;
  }
  .news-wrap.is-link>.date {
    width: 100%;
  }

  .news-wrap.is-link>.link {
    width: 100%;
  }
}

/*------------------------------
select-area
-------------------------------*/
.select-area .text{
  font-size:24px;
  font-weight:bold;
  line-height: 1.3em;
  margin-top: 20px;
}
.select-area .font-small{
  font-size:16px;
}


@media screen and (max-width: 768px) {
  .select-area .sp-img{
    width: 25%;
  }
  .select-area .sp-text{
    width: 70%;
    text-align:left;
    margin: 0 0 0 5%;
  }
  .select-area .btn-wrap{
    margin-top: 20px !important;
  }

  .sp-border-b{
    border-bottom:2px dotted #e4e8ec;
    padding-bottom:20px;
  }
}

/*------------------------------
price-area
-------------------------------*/
/*============================
tab
==============================*/
.list-tab {
  border-bottom: 6px solid #0051d3;
  padding-top: 10px;
}

.list-tab .tab-btn {
  width: 48.5%;
}

.tab-btn {
  cursor: pointer;
  height: 0;
  color: #fff;
  border-bottom: 50px solid #c6c9cc;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.tab-btn:not(.select):after {
  content: "";
  display: inline-block;
  width: calc(100% + 40px);
  height: 4px;
  background: #fff;
  position: absolute;
  top: 46px;
  left: -20px;
}

.tab-btn:hover {
  opacity: 0.8;
}

.tab-btn.select {
  border-bottom: 50px solid #0051d3;
}

.tab-btn .text-sub {
  font-size: 13px;
  font-weight: normal;
}

.tab-btn-inner {
  padding-top: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-inner {
  background: #fff;
  border-radius: 8px;
  padding: 30px;
}

.tab-group+.tab-group {
  margin-top: 40px;
}

.tab-box {
  display: none;
}

.main-tab-group {
  background: #eff0f4;
  padding: 40px;
}

.tab-box.select {
  display: block;
}

.img-price-wrap {
  padding-bottom: 45px;
  position: relative;
}

.img-price-wrap:before {
  content: "";
  display: inline-block;
  width: 74px;
  height: 181px;
  background: url("/wimax/common/images/top/icon-arrow-price.svg") no-repeat;
  position: absolute;
  bottom: -40px;
  left: 50px;
  z-index: 1;
}

.img-price-wrap img {
  position: relative;
  z-index: 2;
}

.cam-inner {
  border: 2px solid #ff1744;
  border-radius: 12px;
  padding: 50px 20px;
  position: relative;
}

.cam-inner .heading {
  background: #fff;
  padding: 0 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -202px;
}

.cam-inner .img-plan-wrap {
  background: #fff;
  padding: 0 10px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -266px;
}

.list-box.is-select>.box-col {
  width: calc((100% - 120px)/2);
}

.list-box.is-select>.box-col:nth-child(2) {
  width: 120px;
}

.bnr-wrap:hover {
  background: #fff;
}

.bnr-wrap a:hover {
  opacity: 0.8;
}

.bnr-wrap+.bnr-wrap {
  margin-top: 20px;
}

.note-box-inner {
  background: url("/wimax/common/images/icon-note.svg") no-repeat left 15px center;
  border: 1px solid #0051d3;
  border-radius: 6px;
  font-size: 12px;
  padding: 10px 10px 10px 75px;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .list-tab {
    padding-top: 0px;
  }

  .tab-lead-text {
    font-size: 18px;
    padding-bottom: 28px;
    margin-bottom: 10px;
  }

  .tab-lead-text:after {
    height: 22px;
    background-size: 30px auto, 30px auto;
    background-position: bottom 0 left 21.5%, bottom 0 right 21.5%;
  }

  .tab-btn {
    border-bottom: 55px solid #c6c9cc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    font-size: 14px;
    line-height: 1.3;
  }

  .tab-btn:not(.select):after {
    width: calc(100% + 20px);
    top: 51px;
    left: -10px;
  }

  .tab-btn:hover {
    opacity: 1;
  }

  .tab-btn.select {
    border-bottom: 55px solid #0051d3;
  }

  .tab-btn .text-sub-sp {
    font-size: 13px;
    font-weight: normal;
  }

  .tab-btn-inner {
    padding-top: 10px;
  }

  .tab-inner {
    padding: 20px 15px;
  }

  .tab-group+.tab-group {
    margin-top: 20px;
  }

  .main-tab-group {
    padding: 15px;
  }

  .img-price-wrap {
    padding-bottom: 46px;
  }

  .img-price-wrap:before {
    width: 35px;
    height: 68px;
    background-size: 35px;
    bottom: 22px;
    left: auto;
    right: 49%;
    margin-right: 3px;
  }

  .img-price {
    width: 400px;
  }

  .cam-inner {
    border-radius: 8px;
    padding: 35px 15px 15px;
  }

  .cam-inner .heading {
    padding: 0 5px;
    top: -10px;
    margin-left: -106px;
  }

  .img-cam {
    width: 200px;
  }

  .cam-inner .img-plan-wrap {
    padding: 0;
    position: static;
    margin-left: 0;
    margin-top: 20px;
  }

  .img-plan {
    width: 250px;
  }

  .list-box.is-select>.box-col {
    width: 100%;
  }

  .list-box.is-select>.box-col:nth-child(2) {
    width: 100%;
    padding: 10px 0;
  }

  .list-box .box-col.is-select {
    padding: 10px 0;
  }

  .img-bnr-cashback {
    width: 250px;
  }

  .img-bnr-shiyoken {
    width: 250px;
  }

  .img-text-select {
    width: 55px;
  }

  .note-box-inner {
    background-position: left 10px center;
    background-size: 30px auto;
    padding: 10px 10px 10px 50px;
  }
}

/*------------------------------
com-area
-------------------------------*/
/*------------------------------
more-area
-------------------------------*/
.more-area .list-box{
  margin-right:1px;
  width:calc(100% + 4px);
}

.more-area .box-col{
  width:25%;
  border:1px solid #d6d6d6;
  margin-left:-1px;
  position:relative;
}

.more-area .box-col::after{
  position:absolute;
  content:"";
  border:10px solid transparent;
  border-right:10px solid #d6d6d6;
  border-bottom:10px solid #d6d6d6;
  border-radius:3px;
  bottom:10px;
  right:10px;
}

.more-area .box-col a{
  padding:40px 10px;
  display: block;
  text-decoration:none;
  color:#333;
  height: 100%;
}
.more-area .box-col:hover::after{
  border-right:10px solid #68a0d8;
  border-bottom:10px solid #68a0d8;
}

.more-area .box-col:hover a::after{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  left:0;
  top:0;
  border:2px solid #68a0d8;
}

.more-ttl{
  font-size:20px;
  margin:20px auto 10px;
}
@media screen and (max-width: 768px) {
  .more-area .box-col{
    width:50%;
    margin-top:-1px;
  }

  .more-area .box-col a{
    padding:30px 10px;
  }

  .more-ttl{
    font-size:16px;
  }
}
/*------------------------------
flow-area
-------------------------------*/
.list-box.is-flow-top>.box-col {
  width: 22%;
}

.list-box.is-flow-top>.box-col:not(:nth-child(3n)) {
  margin-right: 7%;
}

.list-box.is-flow-top>.box-col:nth-child(2) {
  width: 42%;
}

.box-flow {
  position: relative;
}

.box-flow+.box-flow:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 49px;
  background: url("/wimax/common/images/icon-arrowGray.svg") no-repeat;
  position: absolute;
  top: 15px;
  left: -42px;
}

.box-flow.icon-truck {
  background: url("/wimax/common/images/top/img-truck.png") no-repeat;
  padding-left: 150px;
}

.head-flow {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 60px;
}

.head-flow.is-small {
  font-size: 18px;
}

.head-flow .step {
  color: #0066d6;
  font-size: 12px;
}

.head-flow .num {
  font-size: 22px;
}

.icon-flow-tel {
  background: url("/wimax/common/images/icon-flow-tel.svg") no-repeat left top 8px;
}

.icon-flow-box {
  background: url("/wimax/common/images/icon-flow-box.svg") no-repeat left top 8px;
}

.icon-flow-pc {
  background: url("/wimax/common/images/icon-flow-pc.svg") no-repeat left top 8px;
}

.box-flow .text {
  font-size: 15px;
}

.list-box.is-flow {
  position: relative;
}

.list-box.is-flow:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 100%;
  background: #e4e5ea;
  position: absolute;
  top: 0;
  left: 83px;
}

.list-box.is-flow .box-flow+.box-flow {
  margin-top: 40px;
}

.list-box.is-flow .box-flow.is-finish {
  margin-top: 60px;
}

.list-box.is-flow .box-flow+.box-flow:before {
  display: none;
}

.list-box.is-flow .box-flow:not(.is-finish) {
  margin-left: 30px;
}

.box-flow.is-grid>.col.is-heading {
  width: 120px;
}

.box-flow.is-grid>.col.is-content {
  width: calc(100% - 140px);
}

.box-flow.is-grid>.col.is-content .head {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}

.box-flow.is-grid .img-flow {
  position: relative;
}

.box-flow.is-grid .img-flow.no-01:before {
  content: "";
  display: inline-block;
  width: 68px;
  height: 119px;
  background: url("/wimax/flow/images/img-flow-gachapin.png") no-repeat;
  position: absolute;
  bottom: -10px;
  left: -30px;
}

.box-flow.is-period {
  background: #fff;
  border: 2px solid #e4e5ea;
  border-radius: 6px;
  padding: 20px;
}

.box-flow.is-period .grid>.heading {
  width: 100px;
}

.box-flow.is-period .grid>.text {
  width: calc(100% - 120px);
  border-left: 3px dotted #dbd7ce;
  padding-left: 20px;
}

.box-flow.is-finish {
  background: radial-gradient(rgba(255, 255, 255, 0.05) 20%, transparent 0),
    radial-gradient(rgba(255, 255, 255, 0.05) 20%, transparent 0),
    #0051d3;
  background-repeat: repeat, repeat, repeat;
  background-size: 10px 10px, 10px 10px, auto;
  border-radius: 8px;
  padding: 15px 50px;
}

.box-flow.is-finish .copyright {
  margin-top: 10px;
  text-align: center;
}

.box-flow.is-finish .finish-lead {
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

.box-flow.is-finish .finish-lead .icon {
  display: inline-block;
  padding: 0 190px;
  position: relative;
}

.box-flow.is-finish .finish-lead .icon:before,
.box-flow.is-finish .finish-lead .icon:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -15px;
}

.box-flow.is-finish .finish-lead .icon:before {
  width: 155px;
  height: 123px;
  background: url("/wimax/flow/images/img-flow-gachamuku_01.png") no-repeat;
  left: 10px;
}

.box-flow.is-finish .finish-lead .icon:after {
  width: 164px;
  height: 145px;
  background: url("/wimax/flow/images/img-flow-gachamuku_02.png") no-repeat;
  right: 0;
}

.box-flow.is-finish .box-inner {
  background: #fff;
  border-radius: 8px;
  padding: 20px 30px;
}

.box-flow.is-finish .box-inner .upper {
  border-bottom: 3px dotted #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.info-list-wrap>.col:first-child {
  width: 65%;
}

.info-list-wrap>.col:last-child {
  width: calc(35% - 20px);
}

.list-box.is-flow-side.col-3 .box-flow {
  width: 29%;
}

.list-box.is-flow-side .box-flow+.box-flow:before {
  top: 50%;
  margin-top: -25px;
}

.list-box.is-flow-side .head-flow {
  padding-left: 0;
}


@media screen and (max-width: 768px) {
  .list-box.is-flow-top>.box-col {
    width: 100%;
  }

  .list-box.is-flow-top>.box-col:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .list-box.is-flow-top>.box-col:not(:last-child) {
    margin-bottom: 40px;
  }

  .list-box.is-flow-top>.box-col:nth-child(2) {
    width: 100%;
  }

  .box-flow+.box-flow:before {
    width: 49px;
    height: 19px;
    background: url("/wimax/common/images/icon-arrowGray_bottom.svg") no-repeat;
    top: -27px;
    left: 50%;
    margin-left: -25px;
  }

  .box-flow.icon-truck {
    background-size: 80px auto;
    background-position: center bottom;
    padding-left: 0;
    padding-bottom: 80px;
  }

  .head-flow {
    font-size: 20px;
    padding-left: 50px;
  }

  .head-flow .num {
    font-size: 18px;
  }

  .icon-flow-tel {
    background-size: 40px auto;
  }

  .icon-flow-box {
    background-size: 40px auto;
  }

  .icon-flow-pc {
    background-size: 40px auto;
  }

  .box-flow .text {
    font-size: 14px;
  }

  .list-box.is-flow:before {
    width: 8px;
    left: 35px;
  }

  .list-box.is-flow .box-flow+.box-flow {
    margin-top: 30px;
  }

  .list-box.is-flow .box-flow.is-finish {
    margin-top: 30px;
  }

  .list-box.is-flow .box-flow:not(.is-finish) {
    margin-left: 10px;
  }

  .box-flow.is-grid>.col.is-heading {
    width: 60px;
  }

  .box-flow.is-grid>.col.is-content {
    width: calc(100% - 75px);
  }

  .box-flow.is-grid>.col.is-content .head {
    font-size: 18px;
  }

  .box-flow.is-grid .img-flow.no-01:before {
    width: 28px;
    height: 50px;
    background-size: 28px auto;
    bottom: -5px;
    left: -10px;
  }

  .box-flow.is-period {
    padding: 15px;
  }

  .box-flow.is-period .grid>.heading {
    width: 100%;
    padding-bottom: 15px;
  }

  .box-flow.is-period .grid>.text {
    width: 100%;
    border-left: none;
    border-top: 3px dotted #dbd7ce;
    padding-left: 0;
    padding-top: 15px;
  }

  .box-flow.is-finish {
    padding: 15px 20px;
  }

  .box-flow.is-finish .finish-lead {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .box-flow.is-finish .finish-lead .icon {
    padding: 0 70px;
  }

  .box-flow.is-finish .finish-lead .icon:before,
  .box-flow.is-finish .finish-lead .icon:after {
    bottom: -10px;
  }

  .box-flow.is-finish .finish-lead .icon:before {
    width: 57px;
    height: 46px;
    background-size: 57px auto;
    left: 5px;
  }

  .box-flow.is-finish .finish-lead .icon:after {
    width: 62px;
    height: 56px;
    background-size: 62px auto;
    right: 0;
  }

  .box-flow.is-finish .box-inner {
    padding: 15px;
  }

  .box-flow.is-finish .box-inner .upper {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }

  .info-list-wrap>.col:first-child {
    width: 100%;
  }

  .info-list-wrap>.col:last-child {
    width: 100%;
    margin-top: 15px;
  }

  .list-box.is-flow-side.col-3 .box-flow {
    width: 100%;
  }
  .list-box.is-flow-side .box-flow+.box-flow:before {
    top: -15px;
    margin-top: 0;
  }
}
/*------------------------------
update-area
-------------------------------*/
.update-area .inner {
  padding: 40px 0 10px;
}

.update-area .update {
  font-size: 12px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .update-area .inner {
    padding: 20px 12px 10px;
  }
}

/*------------------------------
supplemen-area
-------------------------------*/
.supplemen-area .inner {
  padding: 20px 0;
}

.supplemen-area .lead {
  font-size: 12px;
  font-weight: bold;
}

.supplemen-area .list-note {
  margin-top: 5px;
}

.supplemen-wrap+.supplemen-wrap {
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .supplemen-area .inner {
    padding: 15px 12px;
  }
}

/*------------------------------
apply-area
-------------------------------*/
.apply-area {
  background: #4a8dd8;
  color:#fff;
}

.apply-area a {
    color: #ffffff;
}


.apply-area .inner {
  padding: 40px 0;
}


.apply-area .ttl-wrap {
  margin-bottom: 25px;
  text-align: center;
}

.apply-tel-ttl{
  margin-left:50px;
  margin-bottom:20px;
  padding-left:5px;
  font-size:18px;
  font-weight:bold;
  border-bottom:3px dotted #0057a5;
  position:relative;
}

.apply-tel-ttl::after{
  position:absolute;
  content:"";
  background:url("/wimax/common/images/tel-icon.png") no-repeat center;
  background-size:cover;
  border-radius:50%;
  width:46px;
  height:46px;
  top:0px;
  left:-50px;
}


.text-tel .list-arrow {
  margin-top: 5px;
}

.num-tel {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.1;
}

.num-tel a {
  cursor: default;
  color: #333;
  text-decoration: none;
}

.apply-area .num-tel a {
  color: #fff;
}

.icon {
  display: inline-block;
  position: relative;
}

.icon-call {
  padding-left: 60px;
  background: url("/wimax/common/images/free-dial.svg") no-repeat top 12px left;
  background-size: 60px 35px;
}

.icon-navidial {
  padding-left: 60px;
  background: url("/wimax/common/images/icon-navidial.svg") no-repeat 0 calc(50% + 1px);
  background-size: 53px auto;
}

.num-tel.is-small {
  font-size: 24px;
}

.is-small .icon-call {
  padding-left: 34px;
  background-size: 28px 15px;
  background-position: top 4px left;
}

.text-tel{
  margin-left:40px;
}

.text-tel .list-arrow .link-arrow:after {
  border-color: transparent transparent transparent #ffffff;
}

@media screen and (max-width: 768px) {
  .apply-area .inner {
    padding: 30px 12px;
  }

  .apply-inner-area {
    padding: 15px;
  }

  .num-tel {
    font-size: 32px;
    line-height: 1.2;
  }

  .icon-call {
    padding-left: 45px;
    background-size: 40px 25px;
    background-position: top 6px left;
  }
  .icon-navidial {
    padding-left: 45px;
    background-size: 40px auto;
  }
  .text-tel{
    margin-left:0px;
    margin-top:20px;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/price/index.htm
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/*------------------------------
cam-info
-------------------------------*/
.cam-info-box+.cam-info-box {
  margin-top: 50px;
}

.cam-info-detail {
  margin-bottom: 10px;
}

.cam-info-detail .under-line {
  border-bottom: 1px solid #000;
}

.cam-info-detail .ninen {
  background-color: #003F92;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 11px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.cam-info-detail .sannen {
  background-color: #005ad2;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 11px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.cam-info-detail .cam-name {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .cam-info-detail .cam-name {
    font-size: 15px;
  }

  .cam-plan-box {
    text-align: center;
  }

  .cam-bnr-box {
    margin-top: 17px;
  }
}

/*------------------------------
orange-balloon
-------------------------------*/
.recommend-box {
  justify-content: flex-end;
}

.orange-balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 14px;
  background: #FFF;
  border: solid 3px #ff7f00;
  box-sizing: border-box;
  line-height: 25px;
}

.orange-balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.orange-balloon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ff7f00;
  z-index: 1;
}

.orange-balloon.is-bottom:before {
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  bottom: auto;
  top: -24px;
}

.orange-balloon.is-bottom:after {
  border: 14px solid transparent;
  border-bottom: 14px solid #ff7f00;
  bottom: auto;
  top: -30px;
}

.orange-balloon.is-font-black {
  color: #000;
}

.orange-balloon+.orange-balloon {
  margin-left: 2px;
}

.recommend-box .orange-balloon {
  padding: 13px 10px 6px 10px;
}

.orange-balloon-left {
  position: relative;
  display: inline-block;
  margin: 0 0 5px 20px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #000;
  font-size: 14px;
  background: #FFF;
  border: solid 3px #ff7f00;
  box-sizing: border-box;
}

.orange-balloon-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -10px;
  border: 9px solid transparent;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 9px;
  border-right: 9px solid #FFF;
  z-index: 2;
}

.orange-balloon-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -13px;
  border: 12px solid transparent;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 12px;
  border-right: 12px solid #ff7f00;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .recommend-box {
    display: none;
  }
}

/*------------------------------
icon-check
-------------------------------*/
.icon-check {
  background: url("/wimax/common/images/icon-check.png") no-repeat top 2px left;
  background-size: auto auto;
  background-size: 22px auto;
  padding-left: 30px;
}

.icon-check-orange {
  display: inline-block;
  background: url("/wimax/common/images/icon-check-orange.png") no-repeat top 5px left;
  background-size: 22px auto;
  padding-left: 30px;
}

.icon-check-fix {
  top: -5px;
  position: relative;
}

.icon-check+.icon-check {
  margin-top: 3px;
}



@media screen and (max-width: 768px) {
  .icon-check-orange {
    background-size: 18px auto;
    padding-left: 23px;
  }
}

/*------------------------------
icon-osusume
-------------------------------*/
.tbl-1 .osusume-fix {
  margin-bottom: -18px;
}

.icon-osusume {
  margin: 0.5em 11px 0.5em -6px;
  padding: 8px 5px;
  width: 55px;
  height: 55px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  background: #ff7f00;
  border-radius: 50%;
  box-sizing: border-box;
}

.icon-osusume::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -16px;
  border: 16px solid transparent;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 16px;
  border-left: 21px solid #ff7f00;
  z-index: 0;
}

.icon.niftywimax2 {
  top: -6px;
}

.icon.flat3nengiga {
  top: -29px;
  left: 30px;
}

@media screen and (max-width: 768px) {
  .tbl-1 .osusume-fix {
    margin-bottom: 0px;
  }

  .tbl-1 .icon-osusume {
    margin: 0 10px 12px;
    padding: 8px 5px;
    width: 55px;
    height: 55px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    background: #ff7f00;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .tbl-1 .icon-osusume::before {
    content: "";
    position: absolute;
    top: 119%;
    right: 18px;
    margin-top: -16px;
    border-width: 13px 10px 0 11px;
    border-color: #ff7f00 transparent transparent transparent;
    z-index: 0;
  }

  .icon.niftywimax2 {
    top: 0px;
  }

  .icon.flat3nengiga {
    top: 0px;
    left: 0px;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
機器トップ /kiki/index.htm
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/


.col-kiki-text .head-link {
  font-size: 20px;
  font-weight: bold;
}

.list-icon li:not(:last-child) {
  margin-right: 10px;
}

.text-sub {
  font-size: 12px;
}

.box-kiki-col>.col-kiki-img {
  width: 40%;
}
.box-kiki-col>.col-kiki-text {
  width: 55%;
  margin-left: 20px;
}

.list-box .box-kiki{
  position:relative;
  text-align:center;
  padding:0;
}

.topkiki-swiper-container{
  width: 980px;
  margin:0 auto;
  overflow:hidden;
}
.kiki-area .box-kiki {
  width: 32%;
  cursor: pointer;
  position:relative;
  z-index:2;
  text-align: center;
}

.kiki-area .box-kiki:not(:nth-child(3n)) {
  margin-right: 2%;
}


.box-kiki.box-blue{  background:#4d6fdb;}
.box-kiki.box-red{  background:#ff7b7b;}
.box-kiki.box-l-blue{  background:#23aed8;}
.box-kiki.box-green{  background:#0fb6ba;}

.box-kiki::after{
  position:absolute;
  content:"";
  border:10px solid transparent;
  border-right:10px solid #ffffff;
  border-bottom:10px solid #ffffff;
  border-radius:3px;
  bottom:10px;
  right:10px;
}

.box-kiki a{
  padding: 20px 20px;
  display: block;
  color:#fff;
  height: 100%;
}

.box-kiki:hover::before,.kiki-large-box:hover .box-kiki::before{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  left:0;
  top:0;
  border:3px solid #ffee15;
  background:rgba(255, 255, 255, 0.3);
}

.box-kiki:hover{
  opacity:0.8;
}

.box-kiki .img{
  min-height: 160px;
  max-width:240px;
  margin: 0 auto;
}

.kiki-type{
  font-size:14px;
}

.kiki-name{
  font-size:18px;
  font-weight:bold;
}

.top-kiki-speed{
  font-size:16px;
  margin-bottom:5px;

}

.kiki-border{
  border:1px solid #fff;
  border-radius:50em;
  padding:5px 0;
  margin-top: 10px;
}

.italic-num{
  font-style:italic;
  font-size:20px;
  font-weight:bold;
}
.kiki-large-box{
  position:relative;
  margin-bottom:60px;
}

.kiki-large-box .box-kiki{
  width:320px;
  color:#fff;
  text-align:center;
  display: inline-block;
  position:relative;
  z-index: 2;
  padding:30px 20px;
}
.kiki-large-box .box-kiki .img{
  position:relative;
}

.kiki-large-box a{
  text-decoration:none;
  color:#333;
  display:inline-block;
}

.kiki-large-text{
  position:absolute;
  background:#f0f5ff;
  bottom: -30px;
  right: 0px;
  padding:30px 80px 30px 200px;
  text-align:center;
  min-width:700px;
}


.kiki-large-text .kiki-type{
  background:#d5dff7;
  width:100%;
}

.kiki-large-text .kiki-name{
  font-size:40px;
  font-weight:bold;
}

.kiki-text{
  font-size:24px;
  font-weight:bold;
  margin-bottom: 30px;
}

.kiki-large-text .kiki-border{
  border:1px solid #333;
  font-size:16px;
}
@media screen and (max-width: 768px) {
  .kiki-area .box-kiki-col {
    text-align: center;
  }

  .kiki-area .box-kiki+.box-kiki {
    position: relative;
  }

  .kiki-area .box-kiki+.box-kiki:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #dbdbdb;
    position: absolute;
    top: -12px;
    left: 0;
  }

  .box-kiki-col>.col-kiki-img {
    width: 100%;
  }

  .box-kiki-col>.col-kiki-text {
    width: 100%;
    margin-left: 0px;
  }

  .box-kiki-col .list-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .topkiki-swiper-container{
    width: 110%;
    width: calc(100% + 20px);
    overflow-X: scroll;
  }
  .wimax-index .kiki-area .list-box{
    width: 180%;
  }
  .wimax-index .kiki-area .box-kiki {
    width: 44%;
    cursor: pointer;
    position:relative;
    z-index:2;
  }

  .box-kiki::after{
    border:6px solid transparent;
    border-right:6px solid #ffffff;
    border-bottom:6px solid #ffffff;
  }
  .box-kiki a{
    padding: 10px 20px;
  }

  .box-kiki .img{
    width:100%;
    min-height: 120px;
  }

  .box-l-blue img{
    width:60px;
  }
  .box-green img{
    width:50px;
  }

  .kiki-type{
    font-size:14px;
  }

  .kiki-name{
    font-size: 16px;
    font-weight:bold;
  }

  .top-kiki-speed{
    font-size:14px;
  }

  .kiki-border{
    padding:3px 0;
    margin-top: 5px;
  }

  .italic-num{
    font-size:18px;
  }
  .kiki-large-box{
    position:relative;
    margin-bottom:20px;
  }

  .wimax-index .kiki-large-box .box-kiki{
    width:100%;
    padding:20px 10px;
  }

  .kiki-large-box a{
    text-decoration:none;
    color:#333;
    display:inline-block;
    width: 100%;
  }

  .kiki-large-text{
    position:relative;
    background:#f0f5ff;
    bottom: 0px;
    right: 0px;
    padding:30px 20px 30px;
    text-align:center;
    min-width:auto;
  }


  .kiki-large-text .kiki-type{
    width:100%;
  }

  .kiki-large-text .kiki-name{
    font-size:24px;
  }

  .kiki-text{
    font-size:18px;
    margin-bottom: 10px;
  }

}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
機器詳細ページ /kiki/
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.is-kiki-slider {
  margin-bottom: 50px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
お知らせページ /news/
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.text-notice {
  line-height: 1.72;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
btn-kiki-info
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.kiki-info-link {
  background: #f2f2f2;
  padding: 13px 30px;
}

.btn-kiki-info {
  border-radius: 50px;
  background: #fff;
  width: 34%;
  color: #333;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(00, 00, 00, 0.2);
  box-shadow: 0px 1px 2px 1px rgba(00, 00, 00, 0.2);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  padding: 10px 19px 10px 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  position: relative;
}

.btn-kiki-info::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #8fc2e5;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -7px;
}

.btn-kiki-info:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.kiki-info-link.is-slim {
  padding: 10px 30px;
}

.kiki-info-link.is-slim .btn-kiki-info {
  padding: 7px 19px 7px 15px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .kiki-info-link {
    padding: 11px 16px;
  }

  .btn-kiki-info {
    width: 100%;
    font-size: 14px;
  }

  .btn-kiki-info:not(:nth-child(1)) {
    margin-top: 12px;
  }

  .btn-kiki-info .bytes {
    font-size: 13px;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
ギガMAX月割 追加 190218
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.list-box.box-gigamax>.box-col {
  width: 43%;
}

.box-niftywimax {
  position: relative;
}

.box-niftywimax::before {
  content: "";
  display: inline-block;
  width: 54px;
  height: 54px;
  background: url("/wimax/common/images/icon-plus_gray.svg") no-repeat center;
  background-size: 54px auto;
  position: absolute;
  top: 50%;
  left: -23%;
  margin-top: -25px;
}

.box-uq {
  border: 2px solid #e3007f;
  border-radius: 12px;
}

.box-uq .heading {
  background: #e3007f;
  padding: 15px;
  text-align: center;
  border-radius: 12px 12px 0 0;
}

.box-niftywimax {
  border: 2px solid #0051d3;
  border-radius: 12px;
}

.box-niftywimax .heading {
  background: #0051d3;
  padding: 15px;
  text-align: center;
  border-radius: 12px 12px 0 0;
}

.box-gigamax .contents {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box-gigamax .box-uq .contents {
  padding: 15px 120px;
}

.box-gigamax .box-niftywimax .contents {
  padding: 15px 72px;
}

.box-gigamax .box-niftywimax .list-note.is-small>li {
  padding-left: 0;
}

.gigamax-flow-wrap {
  background: #eff0f4;
  padding: 30px;
}

.box-gigamax-step {
  background: #fff;
  border-radius: 10px;
  position: relative;
}

.box-gigamax-step.step1:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #8793af transparent transparent transparent;
  position: absolute;
  bottom: -18%;
  right: 50%;
}

.box-gigamax-step.step2:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #8793af transparent transparent transparent;
  position: absolute;
  bottom: -13%;
  right: 50%;
}

.box-gigamax-step+.box-gigamax-step {
  margin-top: 43px;
}

.box-gigamax-step.grid>.heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 20%;
  font-size: 18px;
  padding: 20px;
}

.box-gigamax-step.grid>.contents {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 80%;
  padding: 20px;
}

.lb-flow .box-gigamax-step.grid>.heading {
  width: 27%;
}

.lb-flow .box-gigamax-step.grid>.contents {
  width: 73%;
}

.lb-flow .box-gigamax-step.step1:after {
  bottom: -30px;
}

.lb-flow .box-gigamax-step.step2:after {
  bottom: -30px;
}

.box-gigamax-step.grid .contents .step-ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.box-gigamax-step.grid .contents .step-ttl.is-blue {
  color: #0051d3;
}

.box-gigamax-step.grid .contents .step-ttl.is-pink {
  color: #e3007f;
}

@media screen and (max-width: 768px) {
  .list-box.box-gigamax>.box-col {
    width: 100%;
  }

  .box-gigamax .box-uq .contents {
    padding: 15px 36px;
  }

  .box-gigamax .box-niftywimax .contents {
    padding: 15px 35px;
  }

  .list-box.col-2.box-gigamax>.box-col+.box-col {
    margin-top: 40px;
  }

  .box-niftywimax::before {
    width: 25px;
    height: 25px;
    background-size: 25px auto;
    top: -35px;
    left: 50%;
    margin-top: 0;
    margin-left: -12px;
  }

  .gigamax-flow-wrap {
    padding: 15px;
  }

  .box-gigamax-step.grid>.heading {
    width: 100%;
    padding: 15px;
  }

  .box-gigamax-step.grid>.contents {
    width: 100%;
    padding: 15px;
    display: block;
  }

  .lb-flow .box-gigamax-step.grid>.heading {
    width: 100%;
  }

  .lb-flow .box-gigamax-step.grid>.contents {
    width: 100%;
    display: block;
  }

  .box-gigamax-step.grid .contents .step-ttl {
    text-align: center;
  }

  .box-gigamax-step.step1:after {
    bottom: -4%;
    right: 47%;
  }

  .box-gigamax-step.step2:after {
    bottom: -6%;
    right: 46%;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/cam/ 190219
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
tbl-cam-explain
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.tbl-cam-explain {
  border-collapse: separate;
  border-radius: 5px;
  border-spacing: 0;
  border: 1px solid #8d9099;
}

.tbl-cam-explain th,
.tbl-cam-explain td {
  padding: 15px 19px;
}

.tbl-cam-explain th {
  font-size: 18px;
}

.tbl-cam-explain+.tbl-cam-explain {
  margin-top: 10px;
}

.tbl-cam-explain .num-period {
  font-size: 22px;
}

.tbl-cam-explain .num.font-red {
  font-size: 19px;
}

@media screen and (max-width: 768px) {

  .tbl-cam-explain th,
  .tbl-cam-explain td {
    width: 100%;
    display: block;
    border-top: none;
  }

  .tbl-cam-explain .num-period {
    font-size: 15px;
  }

  .tbl-cam-explain .num.font-red {
    font-size: 20px;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
breakdown
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.breakdown.grid {
  font-size: 12px;
  margin: 13px 0 0 4px;
  line-height: 1.7;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breakdown .breakdown-col:nth-of-type(1) {
  width: 100%;
  text-align: center;
  margin-bottom: 7px;
}

.breakdown .breakdown-col:nth-of-type(2) {
  width: 38%;
  text-align: left;
}

.breakdown .breakdown-col:nth-of-type(3) {
  width: 16%;
  text-align: right;
}

.breakdown .breakdown-col .is-line-bottom {
  font-size: 14px;
  padding: 2px 98px;
}

@media screen and (max-width: 768px) {
  .breakdown.grid {
    display: flex;
  }

  .breakdown .breakdown-col .is-line-bottom {
    padding: 2px 84px;
}

  .breakdown .breakdown-col:nth-of-type(2) {
    width: 68%;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/option/ 190222
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/*------------------------------
recommend-area
-------------------------------*/
.recommend-area {
  background: #034694;
  position: relative;
}

.recommend-area:before {
  content: "";
  display: inline-block;
  border: 17px solid transparent;
  border-top: 14px solid #fff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -17px;
}

.box-white {
  background: #fff;
  border-radius: 8px;
  padding: 25px;
}

.line-dotted {
  display: inline-block;
  border-bottom: 3px dotted #ff5252;
  color: #ff5252;
  padding: 0 12px 5px;
}

.line-dotted.is-block {
  display: block;
}

.grid-imgText>.col.img {
  width: 30%;
}

.grid-imgText>.col.text {
  width: calc(70% - 20px);
}

.grid-imgText>.img+.text {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .box-white {
    padding: 20px;
  }
  .grid-imgText>.col.img,
  .grid-imgText>.col.text {
    width: 100%;
  }
  .grid-imgText>.img+.text {
    margin-top: 10px;
  }
}


/*------------------------------
iframe
-------------------------------*/

.iframe-wrap {
  text-align: center;
}

.iframe_feature {
  width: 695px;
  height: 455px;
  border: 0;
}

@media screen and (min-width: 320px) and (max-width: 399px) {
  .iframe_feature {
    max-height: 300px;
  }
}

@media screen and (min-width: 400px) and (max-width: 479px) {

  .iframe_feature {
    max-height: 340px;
  }
}

@media screen and (min-width: 480px) and (max-width: 679px) {
  .iframe_feature {
    max-height: 400px;
  }
}

@media screen and (min-width: 680px) and (max-width: 768px) {
  .iframe_feature {
    max-height: 455px;
  }
}

@media screen and (max-width: 768px) {
  .iframe_feature {
    width: 100%;
  }
  .iframe-wrap {
    width: 100%;
    height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.box-head {
  border: 2px solid #005ad2;
}

.box-head>.head {
  background: #005ad2;
  color: #fff;
  font-size: 16px;
  padding: 10px 15px;
}

.box-head>.content {
  padding: 15px;
}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/kiki/ 各機器詳細ページ
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/* top-kiki */
.top-kiki.grid>.col.is-img {
  width: 26%;
}

.top-kiki.grid>.col.is-text {
  width: calc(74% - 30px);
}

.top-kiki {
  background: url("/wimax/kiki/images/bg-top-kiki.png") no-repeat center;
  color: #fff;
  padding: 50px;
}

.top-kiki.grid>.col.is-img img {
  max-height: 230px;
}

.top-kiki .ttl-kiki {
  font-size: 42px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
}

.top-kiki .ttl-kiki-sub {
  font-size: 20px;
}

.top-kiki .text-lead {
  font-size: 20px;
}

.list-icon .label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 7px 8px;
  text-align: center;
}

.top-kiki .list-icon {
  margin-top: 15px;
}

.label-wimax {
  background: #040861;
}

.label-au {
  background: #eb6100;
}

/* box-point */
.box-point>.head {
  border-bottom: 1px solid #ddd;
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.box-point>.head>.icon-num {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  background: #ff5252;
  border-radius: 999em;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.box-point>.head>.icon-num .num {
  font-size: 29px;
  line-height: 1.0em;
}

.box-point>.head.grid>.icon-num {
  width: 74px;
}

.box-point>.head.grid>.text {
  width: calc(100% - 90px);
}

.box-point.val-02>.head {
  border-bottom: 4px solid #eff0f4;
}

.box-point.is-noCont>.head {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.list-feature.grid>.col:first-child {
  width: 10%;
}

.list-feature.grid>.col:last-child {
  width: calc(90% - 20px);
}

@media screen and (max-width: 768px) {
  .top-kiki.grid>.col.is-img {
    width: 100%;
    margin-top: 20px;
    order: 1;
  }
  .top-kiki.grid>.col.is-text {
    width: 100%;
    order: 0;
    text-align: center;
  }
  .top-kiki {
    background-size: cover;
    padding: 20px;
  }
  .top-kiki .ttl-kiki {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .top-kiki .ttl-kiki-sub {
    font-size: 16px;
  }
  .top-kiki .text-lead {
    font-size: 15px;
  }
  .top-kiki .list-icon {
    margin-top: 10px;
    justify-content: center;
  }
  .box-point>.head {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .box-point>.head>.icon-num {
    width: 55px;
    height: 55px;
    font-size: 13px;
    line-height: 1.2;
  }
  .box-point>.head>.icon-num .num {
    font-size: 20px;
  }
  .box-point>.head.grid>.icon-num {
    width: 55px;
  }
  .box-point>.head.grid>.text {
    width: calc(100% - 70px);
  }
  .list-feature.grid>.col:first-child {
    width: 100%;
  }
  .list-feature.grid>.col:last-child {
    width: 100%;
    margin-top: 10px;
  }
}


/* view-wrap */
.view-wrap {
  background: #fff;
}

.view-wrap.grid>.col.is-view {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 65%;
  border: 6px solid #f2f0ea;
  padding: 20px;
}

.view-wrap.grid>.col.is-thum {
  width: 35%;
}

.view-wrap .img-kiki-view img {
  max-height: 350px;
}

.list-view>li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: calc(100% / 2);
  padding: 25px 20px;
  border-bottom: 6px solid #f2f0ea;
  border-right: 6px solid #f2f0ea;
  position: relative;
}

.list-view li img {
  max-height: 160px;
}

@media all and (-ms-high-contrast: none){
  .list-view li img {
    width: 100%;
  }
}

.list-view>li.select {
  background: #fffbeb;
}

.list-view>li.select:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 3px solid #ffe989;
  position: absolute;
  top: 0;
  left: 0;
}

.list-view>li:nth-child(-n+2) {
  border-top: 6px solid #f2f0ea;
}

@media screen and (max-width: 768px) {
  .view-wrap.grid>.col.is-view {
    display: none;
  }
  .view-wrap.grid>.col.is-thum {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .list-view {
    margin: 0 30px;
    padding-bottom: 30px;
  }
  .list-view>li {
    width: 100%;
    border: none;
    padding: 10px;
  }
  .list-view>li.select {
    background: auto;
  }
  .list-view>li.select:before {
    display: none;
  }
  .list-view .slick-slide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
  }
  .list-view .slick-dots {
    bottom: 0;
  }
}

/* table */
.table-wrap .img-kiki-tbl {
  padding: 8px 30px;
}

.table-wrap .img-kiki-tbl img {
  max-height: 120px;
}

@media screen and (max-width: 768px) {
  .table-wrap .img-kiki-tbl {
    padding: 8px 5px;
  }
}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/service/ 特長
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.box-gray {
  background: #eff0f4;
  padding: 20px;
}

.box-gray .box-inner {
  background: #fff;
  padding: 20px;
}

.point-area {
  background: #0066d6;
}

@media screen and (max-width: 768px) {
  .box-gray {
    padding: 10px;
  }
  .box-gray .box-inner {
    padding: 15px;
  }
}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/sign_up/ お申し込み
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.ac-text {
  display: inline-block;
  padding-right: 25px;
  cursor: pointer;
  position: relative;
}

.ac-text:after {
  content: "";
  display: inline-block;
  border: 8px solid transparent;
  border-top: 10px solid #a4a4a4;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
}

.ac-text.open:after {
  border: 8px solid transparent;
  border-bottom: 10px solid #a4a4a4;
  margin-top: -13px;
}

.ac-content {
  display: none;
}

.cam-wrap.icon {
  background: url("/wimax/images/icon-present.png") no-repeat;
  padding-left: 138px;
  min-height: 123px;
}

@media screen and (max-width: 768px) {
  .cam-wrap.icon {
    background-size: 60px;
    padding-left: 70px;
    min-height: 60px;
  }
}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
旧機種詳細ページ復活に伴う修正 190315
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.btn-white {
  display: block;
  width: 230px;
  margin: 0 auto;
  text-align: center;
  border: solid 2px #0051d3;
  border-radius: 30px;
  text-decoration: none;
  padding: 7px;
  color: #0051d3;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .text-sale {
    margin-top: 15px;
  }
}

/********* ボタンpulse *********/
.pulse {
  -webkit-animation: pulse 1.4s ease 0s infinite normal;
  animation: pulse 1.4s ease 0s infinite normal;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.075, 1.075, 1.075);
    transform: scale3d(1.075, 1.075, 1.075);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/**************************************************
20190415ポップアップ修正に伴う追加(body.popup-page)
***************************************************/
.rps-iframe{
  max-width:980px;
  width:100%;
}

.tbl-price-list{
  position:relative;
  text-align:left;
  padding: 5px 0 5px;
  font-size: 13px;
}
.tbl-price-list .font-bold{
  font-size:16px;
}
.absolute_box{
  position:absolute;
  right:0;
  top:0;
}

.popup-page .ttl-group.is-line-bottom {
  font-size: 20px;
}
@media screen and (max-width: 768px) {

    .popup-page .ttl-group.is-line-bottom {
    font-size: 16px;
    }
    .absolute_box{
      position:relative;
      text-align:right;
      border-bottom:3px dotted #d1d1d1;
      margin-bottom:10px;
      padding-bottom:5px;
    }

}
.btn_stock {
  font-size:108%;
  color:#fff;
  font-weight:bold;
  background:#ccc;
  max-width:122px;
  margin:0 auto;
  padding:5px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-sizing:border-box;
  border-radius:4px;
}

.btn_stock.val-nashi {
	background:#db0010;
}
.btn_stock.val-ari {
	background:#319834;
}
.btn_stock.val-machi{
	background:#ffa414;
}
.btn_stock.val-syuryo{
	background:#828082;
}
.btn_stock.val-yoyaku{
	background:#ffa414;
}

.link-arrow.d-block{
    display:block;
}

.bg-yerrow{
    border: 1px solid #F5D200;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF8CE;
    padding: 20px;
    padding-left: 0;
}

@media screen and (max-width: 768px) {
    .bg-yerrow{
        padding: 20px;
    }
}

/**************************************************
20190509キャンペーン対象表記の修正に伴う追加
***************************************************/
ol.list-square-num {
  list-style: none;
  counter-reset: cnt;
  padding-left: 0;
  text-align: left;
  margin-top: 10px;
}

ol.list-square-num > li {
  position: relative;
  padding-left: 1.8em;
}

ol.list-square-num li + li {
	margin-top: 5px;
}

ol.list-square-num li:before{
  position: absolute;
  display: inline-block;
  content: counter(cnt);
  counter-increment: cnt;
  top: .2em;
  left: 0;
  background: #0051d3;
  color: #fff;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  border-radius: 2px;
  margin-right: 5px;
  font-weight: bold;
}

/**************************************************
20190422_TOP料金部分
***************************************************/
/*common*/
#price-area{
  background:#e6f3ff;
}

.price-num{
  font-family: "Roboto";
}

/*topgraph*/
.topgraph{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

.years-wrap{
  position:relative;
  width:100%;
  background:#fff;
  border-radius:5px;
}

.years3-wrap{
  -webkit-order: 1;
  order: 1;
  padding: 30px 80px 70px;
  margin-top:20px;
}

.topcam-wrap{
  -webkit-order: 2;
  order: 2;
}

@media screen and (max-width: 768px) {
  .topgraph{
    max-width: 400px;
    margin: 0 auto;
    background:#fff;
    padding:0;
    margin-top:30px;
  }

  .years-wrap{
    border:none;
  }

  .years3-wrap{
    padding: 0;
    width:100%;
    margin: 0;
  }

  .topcam-wrap{
    -webkit-order: 3;
    order: 3;
    width:90%;
    margin: 50px 5% 40px;
    border:4px solid #0e56b0;
  }

  .topcam-wrap::after{
    position:absolute;
    content:"";
    border:20px solid transparent;
    border-bottom:40px solid #0e56b0;
    top:-60px;
    left: 30%;
  }
}

/*topgraph-head*/
.topgraph-head{
  position:absolute;
  color:#fff;
  font-size:22px;
  font-weight:bold;
  padding:5px 40px 5px 60px;
  top:20px;
  left:0px;
  background:#0e56b0;
}
.topgraph-head::after{
  position:absolute;
  content:"";
  border:22px solid transparent;
  border-right:16px solid #ffffff;
  top:0;
  right:-1px;
}

.topgraph-head .price-num{
  font-size:50px;
  position:absolute;
  bottom:0px;
  left:30px;
}

.topgraph-head .price-num{
  text-shadow:
    #0e56b0 3px 0px,  #0e56b0 -3px 0px,
    #0e56b0 0px -4px, #0e56b0 0px 4px,
    #0e56b0 3px 3px , #0e56b0 -3px 3px,
    #0e56b0 3px -3px, #0e56b0 -3px -3px,
    #0e56b0 3px 3px,  #0e56b0 -3px 3px,
    #0e56b0 3px -3px, #0e56b0 -3px -3px,
    #0e56b0 3px 3px,  #0e56b0 -3px 3px,
    #0e56b0 3px -3px, #0e56b0 -3px -3px;
}


.recommend-hukidashi{
  position:absolute;
  top: -20px;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  border-radius:30px;
  padding: 8px 60px;
  background:#FF296B;
  color:#fff;
  font-weight:bold;
  font-size:15px;
  z-index:9;
}

.recommend-hukidashi::before,
.recommend-hukidashi::after{
  position:absolute;
  content:"";
  width:10px;
  height:10px;
  background:#fff;
  border-radius:50%;
  top:50%;
  margin-top:-5px;
  left:20px;
}
.recommend-hukidashi::after{
  left:auto;
  right:20px;
}
.topgraph-head-text{
  padding-left: 123px;
  font-size:16px;
  font-weight:bold;
  color:#0051D3;
}

@media screen and (max-width: 768px) {
  .topgraph-head{
    font-size:12px;
    padding: 5px 5px 5px 30px;
    top: 50px;
    z-index: 9;
  }

  .topgraph-head{
    font-size:18px;
    padding: 5px 20px 5px 50px;
    top:40px;
    z-index: 9;
    left: 0;
    right: auto;
  }

  .topgraph-head .price-num{
    font-size: 48px;
    left:15px;
  }

  .topgraph-head::before{
    position:absolute;
    content:"";
    bottom:-10px;
    left:0px;
    border:5px solid transparent;
    border-top:5px solid #043169;
    border-right:5px solid #043169;
  }

  .topgraph-head::after{
    border:6px solid transparent;
    border-top:19px solid #0e56b0;
    border-bottom:19px solid #0e56b0;
    right:-6px;
  }

  .topgraph-head-text{
    text-align: center;
    padding:0;
    font-size:12px;
  }

  .recommend-hukidashi{
    top: -5px;
    left:auto;
    right:11%;
    width:6rem;
    transform:none;
    padding: 4px 8px;
    line-height:1.3em;
    font-size: 11px;
  }

  .recommend-hukidashi::before,
  .recommend-hukidashi::after{
    width:6px;
    height:6px;
    top:50%;
    margin-top:-3px;
    left:5px;
  }
  .recommend-hukidashi::after{
    left:auto;
    right:5px;
  }

}

/*price-flow*/
.price-flow{
  position:relative;
  width: 70%;
}

.price-flow01,.price-flow02,.price-flow03{
  text-align:center;
  font-size:14px;
  height:80%;
  top:10%;
  position:relative;
}

.price-flow01{
  background:#ffefee;
  border:4px dashed #ff296b;
  border-right:none;
  width:25%;
  z-index: 8;
}

.price-flow02{
  background:#ffefee;
  border:4px solid #ff296b;
  border-left:none;
  border-right:none;
  width: 30%;
  z-index:7;
  padding-left: 40px;
}

.price-flow03{
  background:#F1F1F1;
  border:4px solid #BABABA;
  border-left:none;
  border-right:none;
  width: 30%;
  margin-right:8%;
  z-index:3;
  padding-left: 40px;
}

.price-flow01::after,
.price-flow01 .flont-triangle::before,
.price-flow01 .flont-triangle::after,
.price-flow02::after,
.price-flow02 .back-triangle::before,
.price-flow02 .back-triangle::after,
.price-flow02 .flont-triangle::before,
.price-flow02 .flont-triangle::after,
.price-flow03::after,
.price-flow03 .flont-triangle::before,
.price-flow03 .flont-triangle::after,
.price-flow03 .back-triangle::before,
.price-flow03 .back-triangle::after{
  position:absolute;
  content:"";
}

.price-flow01::after,
.price-flow02::after,
.price-flow03::after{
  border:60px solid transparent;
  border-left: 40px solid #ffefee;
  right: -100px;
  top:0;
}
.price-flow03::after{
  border-left: 40px solid #f1f1f1;
}

.price-flow01 .flont-triangle::before,
.price-flow01 .flont-triangle::after{
  width:52%;
  border-top:4px dashed #ff296b;
  bottom:30px;
  right:-60px;
  transform:rotate(-55deg);
  z-index:8;
}

.price-flow01 .flont-triangle::after{
  bottom:auto;
  top:30px;
  transform:rotate(55deg);
}

.price-flow02 .back-triangle::before{
  border:60px solid transparent;
  border-left: 40px solid #ffffff;
  left: 0px;
  top:0;
  z-index:6;
}

.price-flow02 .back-triangle::after{
  border:64px solid transparent;
  border-left: 44px solid #ff296b;
  left: 1px;
  top:-4px;
  z-index:4;
}
.price-flow02 .flont-triangle::after,
.price-flow02 .flont-triangle::before,
.price-flow03 .flont-triangle::before,
.price-flow03 .flont-triangle::after{
  width:45%;
  border-top:4px solid #ff296b;
  right:-60px;
  z-index:5;
  bottom:28px;
  transform:rotate(-55deg);
}

.price-flow02 .flont-triangle::after,
.price-flow03 .flont-triangle::after{
  bottom:auto;
  top:28px;
  transform:rotate(55deg);
}

.price-flow03 .back-triangle::before{
  border:60px solid transparent;
  border-left: 40px solid #ffffff;
  left: 0px;
  top:0;
  z-index:2;
}

.price-flow03 .back-triangle::after{
  border:64px solid transparent;
  border-left: 44px solid #bababa;
  left: 1px;
  top:-4px;
  z-index:1;
}

.price-flow03 .flont-triangle::before,
.price-flow03 .flont-triangle::after{
  border-top:4px solid #bababa;
}

.price-flow-usage{
  font-size:18px;
  position:relative;
}
.price-flow02 .price-flow-usage,.price-flow03 .price-flow-usage{
  min-height:60px;
  line-height: 1.4;
}

.price-flow-usage .price-num{
  font-size:40px;
  letter-spacing:-1px;
}

.price-flow-usage.price-flow-usage-pink{
  color:#ff296b;
}

.price-flow-usage.price-flow-usage-blue{
  color:#0051D3;
}

.price-flow-usage .mark-item{
  color:#333;
  position:absolute;
  bottom:5px;
  top:auto;
  z-index: 9;
  font-weight: normal;
  width: 25px;
}
.price-flow02 .mark-item{
  bottom:15px;
}
.price-tax{
  position:absolute;
  font-size: 11px;
  right: -20px;
  z-index: 8;
  top: 5px;
}

.sp-ab {
  position:relative;
}

.sp-ab span{
  position:absolute;
  top:auto;
  bottom: 10px;
  right: -20px;
}
@media screen and (max-width: 768px) {
  .price-flow-wrap{
    position:relative;
  }

  .price-flow{
    width: 90%;
    padding-bottom: 200px;
  }

  .price-flow01,.price-flow02,.price-flow03{
    margin-bottom: 10px;
    padding: 45px 5px 10px;
    font-size:12px;
  }

  .years3-wrap .price-flow01,.years3-wrap .price-flow02,.years3-wrap .price-flow03{
    width: 6rem;
    margin-left: 30%;
    margin-left:calc(100% - 6rem);
  }

  .price-flow01{
    border:4px dashed #ff296b;
    border-bottom:none;
    padding-top: 40px;
  }

  .price-flow02{
    border:4px solid #ff296b;
    border-top:none;
    border-bottom:none;
  }

  .price-flow03{
    border:4px solid #BABABA;
    border-top:none;
    border-bottom:none;
  }

  .price-flow01::after,
  .price-flow02::after,
  .price-flow03::after{
    border: 3rem solid transparent;
    border-top: 2rem solid #ffefee;
    right: -3px;
    top:auto;
    bottom: -5rem;
  }

  .price-flow03::after{
    border:3rem solid transparent;
    border-top: 2rem solid #f1f1f1;
  }

  .price-flow01 .flont-triangle::before,
  .price-flow01 .flont-triangle::after{
    width:54%;
    bottom:-18px;
    right:0;
    transform:rotate(-35deg);
  }

  .price-flow01 .flont-triangle::after{
    top:auto;
    left:0;
    right:auto;
    transform:rotate(35deg);
  }

  .price-flow02 .back-triangle::before{
    border:3rem solid transparent;
    border-top: 2rem solid #ffffff;
    left: -4px;
    top: -2px;
  }

  .price-flow02 .back-triangle::after{
    border:3rem solid transparent;
    border-top:2rem solid #ff296b;
    left: -4px;
    top:2px;
  }

  .price-flow02 .flont-triangle::after,
  .price-flow02 .flont-triangle::before,
  .price-flow03 .flont-triangle::before,
  .price-flow03 .flont-triangle::after{
    width:65%;
    border-top:4px solid #ff296b;
    bottom:-17px;
    right:-7px;
    transform:rotate(-35deg);
  }

  .price-flow03 .flont-triangle::after,
  .price-flow02 .flont-triangle::after{
    top:auto;
    left:-7px;
    right:auto;
    transform:rotate(35deg);
  }

  .price-flow03 .back-triangle::before{
    border:3rem solid transparent;
    border-top: 2rem solid #ffffff;
    left: -4px;
    top:-2px;
  }

  .price-flow03 .back-triangle::after{
    border:3rem solid transparent;
    border-top: 2rem solid #bababa;
    left: -4px;
    top:1px;
  }

  .price-flow03 .flont-triangle::before,
  .price-flow03 .flont-triangle::after{
    border-top:4px solid #bababa;
  }

  .price-flow-usage{
    font-size:12px;
    margin-bottom: -10px;
  }
  .price-flow02 .price-flow-usage,.price-flow03 .price-flow-usage{
    min-height:auto;
  }
  .price-flow-usage .price-num{
    font-size:26px;
  }

  .price-flow-usage .mark-item{
    color:#333;
    position:absolute;
    bottom:5px;
    top:auto;
  }

  .price-flow02 .mark-item{
    bottom: 25px;
    right: -10px;
  }
  .price-tax{
    position:absolute;
    font-size: 10px;
    right: 50%;
    transform:translateX(50%);
    z-index: 8;
    top: 30px;
  }
  .sp-ab span{
    bottom: -10px;
    right: 0;
  }
}

/*manth-price*/
.manth-price{
  position:absolute;
  bottom: -20px;
  width: 90%;
  z-index:5;
}

.manth-price::before{
  content:"";
  width: 80%;
  position:absolute;
  border-top:4px dotted #afafaf;
  z-index:-1;
  right: 0;
  top:41%;
}

.manth-price p{
  background:#fff;
  padding:0 10px;
  font-size:20px;
  font-weight:bold;
}

.manth-price .small-text{
  font-size:14px;
  font-weight:normal;
}

.plan-attention{
  position:absolute;
  bottom:10px;
  right:30px;
  font-size:12px;
}

@media screen and (max-width: 768px) {
  .manth-price.pc-only{
    display:none;
  }

  .manth-price{
    position:absolute;
    bottom: auto;
    top: 60px;
    width: 30%;
    z-index:5;
    height: 80%;
    height: calc(100% - 350px);
  }

  .manth-price::before{
    height: 100%;
    border-top:none;
    border-left:4px dotted #afafaf;
    left:44%;
    top:0;
  }

  .manth-price p{
    padding:0;
    font-size: 13px;
    text-align:center;
  }

  .manth-price .small-text{
    font-size:12px;
  }

  .manth-price01{
    margin-bottom: 120px;
  }

  .manth-price02{
    margin-bottom: 100px;
  }
}

/*topgraph-pulus*/
.topgraph-pulus{
  width: 10%;
  position:relative;
}

.topgraph-pulus::before,
.topgraph-pulus::after{
  content:"";
  position:absolute;
  background:#AFAFAF;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.topgraph-pulus::before{
  width:54px;
  height:14px;
}

.topgraph-pulus::after{
  width:14px;
  height:54px;
}

@media screen and (max-width: 768px) {
  .topgraph-pulus{
    width: 0;
    position:absolute;
    bottom: 150px;
  }

  .topgraph-pulus{
    position:relative;
    right: auto;
    bottom:auto;
    height: 10px;
    width: 180px;
    margin-left: auto;
    margin-right: 25px;
  }

  .topgraph-pulus::before{
    width:30px;
    height:8px;
  }

  .topgraph-pulus::after{
    width:8px;
    height:30px;
  }
}

/*lte-price*/
.lte-price{
  width: 20%;
  text-align:center;
  background: #FF296B;
  min-width: 160px;
  min-height: 160px;
  border-radius:50%;
  color:#fff;
}


.bdr-b-dash{
  border-bottom:2px dashed #fff;
  padding:0 10px 5px;
}

.lte-price .price-num{
  font-size: 60px;
}

.lte-price .small-text{
  margin-top: -10px;
}

.topcam-heading{
  background:#0e56b0;
  text-align:center;
  padding-top: 5px;
  padding-bottom: 15px;
  color:#fff;
  font-size:20px;
  font-weight:bold;
}

.topcam-heading .topcam-white-text{
  font-size:14px;
}

.lte-price .price-flow-usage{
  margin-left:-15px;
  display:inline-block;
}


@media screen and (max-width: 768px) {

  .lte-price{
    position:absolute;
    width:110px;
    height:110px;
    min-width:auto;
    min-height:auto;
    border-radius:10px;
    bottom:0;
    font-size:12px;
    line-height:1.3em;
  }

  .bdr-b-dash{
    padding: 0 5px 4px;
    margin-top: -10px;
    margin-bottom: 13px;
  }

  .years3-wrap .lte-price{
   right: 15px;
  }

  .lte-price .price-num{
    font-size: 30px;
  }

  .lte-price .small-text{
    position:absolute;
    bottom:15px;
    right:10px;
  }

  .lte-price .price-tax{
    top: 20px;
  }
}

/*ttl-radiation*/
.ttl-radiation{
  position:relative;
  font-size:28px;
  font-weight:bold;
}

.radiation{
  position:relative;
}
.radiation::before,.radiation::after{
  position:absolute;
  content:"";
  height:24px;
  width:13px;
  background:url("/wimax/common/images/top/radiation-border.png");
  bottom:5px;
}
.radiation::before{
  left: -20px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
.radiation::after{
  right:-20px;
}
@media screen and (max-width: 768px) {
  .ttl-radiation{
    font-size:20px;
  }
}

/*year3-only*/
@media screen and (max-width: 768px) {

  .recommend-hukidashi{
    top: -15px;
    width:80%;
    font-size:15px;
  }

  .topcam-wrap::after{
    display:none;
  }



  .topgraph-head::before{
    display:none;
  }


  .topgraph-head-text{
    position:relative;
    top: 80px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
  }

  .topgraph-head-text::after{
    display:none;
  }

   .price-flow{
    margin: 90px auto 70px;
    padding-bottom: 0;
    width: 85%;
  }

  .years3-wrap .price-flow01,
  .years3-wrap .price-flow02,
  .years3-wrap .price-flow03{
    width: 180px;
    margin-left: auto;
    margin-right: 0;
    font-size: 16px;
  }

  .years3-wrap .price-flow01{
    padding: 10px 0 0;
  }

  .years3-wrap .price-flow02,
  .years3-wrap .price-flow03{
    padding: 50px 0 0px;
  }

  .topgraph-pulus{
    position:relative;
    right: auto;
    bottom:auto;
    height: 10px;
    width: 180px;
    margin-left: auto;
    margin-right: 25px;
  }

  .price-flow01::after,
  .price-flow02::after,
  .price-flow03::after{
    border: 90px solid transparent;
    border-top: 40px solid #ffefee;
    right: -4px;
    bottom: -130px;
  }
  .price-flow03::after{
    border: 90px solid transparent;
    border-top: 40px solid #f1f1f1;
  }

  .price-flow01 .flont-triangle::before,
  .price-flow01 .flont-triangle::after{
    width:56%;
    bottom:-20px;
    right:-5px;
    transform:rotate(-25deg);
  }

  .price-flow01 .flont-triangle::after{
    left:-5px;
    transform:rotate(25deg);
  }

  .price-flow02 .back-triangle::before{
    border: 90px solid transparent;
    border-top: 40px solid #ffffff;
    left: -4px;
    top: -2px;
  }

  .price-flow02 .back-triangle::after{
    border: 92px solid transparent;
    border-top: 40px solid #ff296b;
    left: -6px;
    top:2px;
  }

  .price-flow02 .flont-triangle::after,
  .price-flow02 .flont-triangle::before,
  .price-flow03 .flont-triangle::before,
  .price-flow03 .flont-triangle::after{
    width:56%;
    bottom:-21px;
    right:-5px;
    transform:rotate(-25deg);
  }

  .price-flow03 .flont-triangle::after,
  .price-flow02 .flont-triangle::after{
    left:-5px;
    transform:rotate(25deg);
  }

  .price-flow03 .back-triangle::before{
    border: 90px solid transparent;
    border-top: 40px solid #ffffff;
    left: -4px;
    top:-2px;
  }

  .price-flow03 .back-triangle::after{
    border: 90px solid transparent;
    border-top: 40px solid #bababa;
    left: -4px;
    top:2px;
  }

  .price-flow-usage{
    font-size:12px;
    margin-bottom: 0px;
  }
  .price-tax{
    top: 30px;
  }
  .price-tax{
    top: 40px;
  }
  .sp-ab span{
    bottom: 3px;
    right: -20px;
  }

  .price-flow-usage .price-num{
      font-size:36px;
    }

  .manth-price01{
    margin-bottom: 120px;
    position:relative;
  }
  .manth-price01 .mark-item{
    position:absolute;
    top:auto;
    bottom:-15px;
    left:50%;
    transform:translateX(-50%);
    background:#fff;
  }
  .manth-price02{
    margin-bottom: 130px;
  }

  .lte-price{
    position:relative;
    bottom:auto;
    width: 180px;
    margin: 30px 10px 40px auto;
    font-size:15px;
  }

  .lte-price .price-num{
    font-size: 40px;
    font-weight:bold;
  }

  .manth-price{
    top: 33px;
    width: 30%;
    left: -10px;
    height: 85%;
  }

  .manth-price::before{
    height: 100%;
    border-top:none;
    border-left:4px dotted #afafaf;
    left:44%;
    top:0;
  }
  .manth-price p{
    padding:0;
    font-size: 16px;
    text-align:center;
  }
  .plan-attention {
      position: absolute;
      bottom: -30px;
      right: 20px;
  }

}
@media screen and (max-width: 350px) {
  .manth-price{
    width: 15%;
    min-width: 45px;
    left: -15px;
  }

  .manth-price::before{
    left:44%;
    top:0;
  }
  .manth-price p{
    font-size: 14px;
  }

}

/**************************************************
20190509キャンペーン対象表記の修正に伴う追加
***************************************************/
ol.list-square-num {
  list-style: none;
  counter-reset: cnt;
  padding-left: 0;
  text-align: left;
  margin-top: 10px;
}

ol.list-square-num > li {
  position: relative;
  padding-left: 1.8em;
}

ol.list-square-num li + li {
	margin-top: 5px;
}

ol.list-square-num li:before{
  position: absolute;
  display: inline-block;
  content: counter(cnt);
  counter-increment: cnt;
  top: .2em;
  left: 0;
  background: #0051d3;
  color: #fff;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  border-radius: 2px;
  margin-right: 5px;
  font-weight: bold;
}

/**************************************************
WiMAXトップ キャンペーンエリア用スライダー（swiper）
***************************************************/
.cam-area .swiper-wrapper {
  /* now pagination is below slides */
  margin-bottom: 3em;
}

.cam-area .swiper-slide {
  width: 32%;
  cursor: pointer;
}

.cam-area .swiper-slide:not(:nth-child(3n)) {
  margin-right: 2%;
}

.cam-area .swiper-pagination {
  /* show on small viewports */
  display: block;
}

.cam-area .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.cam-area .swiper-pagination-bullet-active {
    opacity: 1;
    background: #535353;
}

.cam-area .swiper-pagination-bullets {
    margin: 0 5px;
}


/**************************************************
20190621 料金・申込ページリニューアル
***************************************************/


/*******price*******/

.tbl-1 .blank-cell{
  border:none;
  opacity:0;
}

.cell-wrap{
  width:100%;
  padding:14px 15px 14px 15px;
  position:relative;
}
.price-btn{
  margin:30px auto 60px;
}
@media screen and (max-width: 768px) {
  .price-btn{
    margin:20px auto 40px;
  }
}
/*price-tbl3*/
.price-tbl3{
  margin-top:60px;
}

.price-tbl3 thead th{
  line-height:1.3em;
}


.price-tbl3 th{
  font-weight:normal;
}

.reccomend-icon{
  background:#fff;
  color:#ff296b;
  display:inline-block;
  padding: 17px;
  width: 105px;
  height: 105px;
  font-size: 30px;
  line-height:1em;
  border-radius:50%;
  position:absolute;
  left:-60px;
  top:-50px;
  border:5px solid #ff296b;
  z-index:2;
}
.reccomend-icon::after{
  position:absolute;
  content:"";
  border:10px solid transparent;
  border-top:20px solid #ffffff;
  bottom:-5px;
  right:-5px;
  z-index:3;
  transform:rotate(-50deg);
  -webkit-transform:rotate(-50deg);
}

.price-tbl3 thead .tbl-bg-pink{
  position:relative;
  vertical-align:top;
  padding: 0 0 20px;
  font-size:24px;
}

.price-tbl3 thead .tbl-bg-pink .cell-wrap{
  padding:0;
}
.price-tbl3 thead .tbl-bg-pink::after{
  position:absolute;
  content:"";
  width:100%;
  height: 20px;
  background:#ff296b;
  top: -20px;
  left:0;
  z-index:1;
}

.price-tbl3 .tbl-bg-l-pink{
  padding: 0;
  border:1px solid #ff296b;
  position:relative;
  font-size: 22px;
  font-weight:bold;
  z-index: -1;
}

.price-tbl3 .tbl-bg-l-pink .num{
  font-size:32px;
}

.price-tbl3 .tbl-bg-l-pink:after{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-left:4px solid #ff296b;
  border-right:3px solid #ff296b;
}

.price-tbl3 tbody tr:last-child .tbl-bg-l-pink:after{
  border-bottom:3px solid #ff296b;

}


@media screen and (max-width: 768px) {
  .price-tbl3 thead{
    display:none;
  }
  .reccomend-icon{
    padding: 7px;
    width: 50px;
    height: 50px;
    font-size: 14px;
    left:-10px;
    top:-110px;
    border:3px solid #ff296b;
  }
  .reccomend-icon::after{
    border:6px solid transparent;
    border-top:14px solid #ffffff;
    bottom:-7px;
    right:-7px;
    z-index:3;
    transform:rotate(-50deg);
    -webkit-transform:rotate(-50deg);
  }

  .price-tbl3 tr{
    display:flex;
    flex-wrap:wrap;
    width: 100%;
    margin: 40px 0;
  }

  .price-tbl3 tr:first-child{
    margin: 0;
  }

  .price-tbl3 th{
    display:block;
    width:100%;
    margin-bottom: 30px;
    border: 1px solid #eff0f4;
  }

  .price-tbl3 td{
    display:inline-block;
    width:60%;
    position:relative;
  }

  .price-tbl3 .tbl-bg-l-pink .num{
    font-size:24px;
  }

  .price-tbl3 .tbl-bg-l-pink{
    font-size: 16px;
    border: 4px solid #ff296b;
  }
  .price-tbl3 .sp-tbl-ttl-pink::after{
    left: -4px;
    top:-20px;
    position:absolute;
    content: "";
    width: calc(100% + 8px);
    height:20px;
    background:#ff296b;
  }

  .price-tbl3 td:last-child{
    width:40%;
    padding: 20px 10px 0px;
  }
  .price-tbl3 td:before {
    content: attr(data-label);
    background:#ff296b;
    color:#fff;
    display:block;
    width:100%;
    height: 75px;
    padding:0px 10px;
  }

  .price-tbl3 .sp-tbl-pl:before{
    padding-left:40px;
  }
  .price-tbl3 td:last-child:before {
    content: attr(data-label);
    font-weight: bold;
    background:#0051d3;
    padding:15px 10px;
    color:#fff;
    display:block;
    width: calc(100% + 20px);
    left:-10px;
    top: -20px;
    position:relative;
  }
}


/*price-tbl2*/
.price-tbl2 thead th{
  padding:20px 0;
}

.price-tbl2 th{
  font-weight:normal;
}

@media screen and (max-width: 768px) {
  .price-tbl2 thead{
    display:none;
  }
  .price-tbl2 tr{
    display:block;
    width:100%;
  }
  .price-tbl2 th{
    display:block;
    width:100%;
    margin-bottom: 15px;
    border: 1px solid #eff0f4 !important;
  }

  .price-tbl2 td{
    display:block;
    width:100%;
    position:relative;
    margin-bottom: 30px;
    border-top: none;
  }

  .price-tbl2 td::before {
    content: attr(data-label);
    font-weight: bold;
    background:#6085d5;
    padding:10px 0;
    color:#fff;
    display:block;
    width: calc(100% + 20px);
    left:-10px;
    top:-10px;
    position:relative;
  }

}

#initial-cost th{
  font-weight: normal;
}

/*******sign_up*******/
.cam-wrap+.cam-wrap {
    margin-top: 40px;
}
.cam-wrap{
  position:relative;
  background:#f0f0f0;
  padding: 40px 20px 20px;
  margin-bottom: 20px;
}

.cam-ribbon{
  position:absolute;
  top: 0px;
  left:-20px;
}
.cam-ribbon::after{
  position:absolute;
  content:"";
  border-style:solid;
  border-width:5px 10px 5px 10px;
  border-color:#333 #333 transparent transparent;
  bottom:-20px;
  left:0px;
}

.cam-ribbon-inner{
  position:relative;
  background:#ff296b;
  color:#fff;
  font-weight:bold;
  font-size:22px;
  z-index:3;
  padding:8px 40px 8px 20px;
  line-height:1em;
}


.cam-ribbon-inner::after{
  position:absolute;
  content:"";
  border-style:solid;
  border-width:25px 14px 24px 14px;
  border-color:#ff296b transparent #ff296b transparent;
  top:0;
  right:-13px;
}


.cam-box{
  background:#fff;
  margin-top: 10px;
  padding: 50px 20px 40px;
  box-shadow: rgba(181, 181, 181, 0.5) 2px 2px 0px 1px;
}

.cam-box .btn-wrap{
  width:48%;
}

.signup-year2 .text-link{
  display:inline-block;
  margin-right:40px;
}

.signup-tel-wrap{
  background:#f0f0f0;
  padding: 70px 60px 20px;
  position:relative;
}

.signup-tel-ttl{
  position:absolute;
  top: -20px;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  border: 8px solid #f0f0f0;
  border-radius:100px;
}
.signup-tel-ttl span{
  background:#fff;
  padding:10px 20px;
  font-size:22px;
  font-weight:bold;
  border-radius:100px;
  display: inline-block;
  box-shadow: rgba(213, 206, 206, 0.5) 0px 1px 3px 1px;
}

.signup-tel-num{
  width:60%;
}

.signup-tel-num .icon-call {
  padding-left: 70px;
  background-position: bottom 10px left;
  background-size: 60px auto;
  font-size:56px;
}

.signup-tel-num .icon-navidial {
  padding-left: 70px;
  background-position: 0 calc(50% + 2px);
  background-size: 60px auto;
  font-size:56px;
}

.signup-tel-time{
  width:40%;
  border-left:2px dashed #b6b6b6;
  padding:10px 0 10px 20px;
}


@media screen and (max-width: 768px) {
  .cam-wrap{
    padding: 40px 15px 15px;
    margin:50px auto 20px;
    width:96%;
  }

  .cam-ribbon{
    left:-12px;
  }

  .cam-ribbon::after{
    border-width:5px 6px 5px 6px;
  }

  .cam-ribbon-inner{
    font-size:18px;
    padding:8px 20px 8px 15px;
  }

  .cam-ribbon-inner::after{
    border-width:22px 14px 21px 14px;
  }

  .cam-box{
    padding: 40px 20px 30px;
  }

  .cam-box .btn-wrap{
    width:100%;
    margin:20px auto;
  }

  .cam-box .btn.is-w-border{
    background-size: 16px auto, auto;
    font-size: 14px;
  }

  .signup-year2{
    text-align:center;
  }

  .signup-year2 .text-link{
    margin:10px auto;
  }

  .signup-tel-wrap{
    padding: 50px 10px 20px;
  }

  .signup-tel-ttl{
    width:90%;
    text-align:center;
  }
  .signup-tel-ttl span{
    padding:10px 10px;
    font-size:16px;
    width:100%;
  }

  .signup-tel-num{
    width:100%;
    text-align:center;
  }

  .signup-tel-num .icon-call {
    padding-left: 45px;
    background-position: center left;
    background-size: 40px auto;
    font-size:32px;
  }
  .signup-tel-num .icon-navidial {
    padding-left: 45px;
    background-size: 40px auto;
    font-size:32px;
  }
  .signup-tel-time{
    width:100%;
    border-left:none;
    border-top:2px dashed #b6b6b6;
    padding:10px 5px 10px 5px;
    margin-top:10px;
  }
}




/**************************************************
20190625 料金総額ページ
***************************************************/
/*common*/
.wimax-tital-price{
  overflow:hidden;
}
.tp-ab-image{
  position:absolute;
  z-index: 5;
}

/*top*/
.tp-top{
  position:relative;
  background-color:#fff5ca;
  height: 400px;
}

.tp-top::before{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  max-height: 350px;
  background : linear-gradient(0deg, rgba(231, 243, 252, 1) 0%, rgba(185, 233, 253, 1) 11.98%, rgba(96, 220, 251, 1) 44.37%, rgba(74, 199, 252, 1) 100%);
}

.tp-top-wrap{
  position:relative;
  height: 400px;
}

.tp-top-ttl{
  width:620px;
  padding-top: 60px;
  position: relative;
  z-index: 5;
}

.tp-top-subttl{
  position:relative;
}

.tp-top-mainttl{
  color:#fff;
  font-size: 35px;
  font-weight: bold;
  padding-left:50px;
  position:relative;
  line-height:1em;
  text-shadow: 4px 5px  rgba(94, 126, 173, 0.6);
  margin-top: 40px;
}

.tp-top-mainttl .num{
  font-size:126px;
  letter-spacing:-4px;
  margin-right:5px;
}

.most-icon{
  position:absolute;
  width: 40px;
  line-height:1.1em;
  left:0px;
  top:0px;
}

.ab-sun{
  top: -40px;
  left: -40px;
  width: 120px;
}

.ab-gm{
  top: -30px;
  right: -160px;
}

.ab-wm{
  bottom: -10px;
  left: -110px;
}

.ab-tree{
  top: -10px;
  left: -290px;
  z-index: 1;
  width:350px;
}

.ab-bird{
  top: 110px;
  right: 250px;
}

.ab-uq{
  bottom: -70px;
  left: 0px;
}

.ab-cloud01{
  bottom: 40%;
  left: -420px;
  width: 140px;
  z-index: 2;
}

.ab-cloud02{
  top: 20%;
  right: -300px;
  z-index: 3;
}

.tp-top-wave{
  position:absolute;
  width:100%;
  max-width: 1920px;
  height: 110px;
  background:url("/wimax/common/images/otoku/otoku-top-wave-pc.png") no-repeat;
  background-size:100%;
  top: 290px;
  left: 50%;
  z-index:2;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .tp-top{
    height: 300px;
  }

  .tp-top::before{
    max-height: 250px;
  }

  .tp-top-wrap{
    height: 300px;
  }

  .tp-top-ttl{
    width:96%;
    margin:0 auto;
    padding-top: 20px;
    text-align: center;
    z-index: 6;
  }
  .tp-top-mainttl{
    font-size: 22px;
    display: inline-block;
    padding-left: 30px;
    text-shadow: 3px 3px  rgba(26, 56, 99, 0.7);
    margin-top: 30px;
  }

  .tp-sp-large{
    margin-top:20px;
    display:inline-block;
    font-size:30px;
  }

  .tp-top-mainttl .num{
    font-size:66px;
    letter-spacing:-2px;
  }
  .tp-top-subttl{
    width:96%;
    margin-left:4%;
  }
  .most-icon{
    width: 10px;
    left:0px;
    top:-10px;
  }

  .ab-sun{
    top: -10px;
    left: -30px;
    width: 80px;
  }

  .ab-gm{
    top: auto;
    bottom: -60px;
    right: -70px;
    max-width: 350px;
    width: 100%;
    z-index: 3;
  }

  .ab-wm{
    bottom: 20px;
    left: 0;
    width: 50%;
    z-index: 3;
    max-width: 300px;
  }

  .ab-tree{
    top: 0px;
    left: -40px;
    z-index: 1;
    width:250px;
  }

  .ab-bird{
    top: 60px;
    right: 0px;
    width:60px;
    z-index:2;
  }

  .ab-uq{
    bottom: -60px;
    left: 0px;
    width: 130px;
  }

  .tp-top-wave{
    background:url("/wimax/common/images/otoku/otoku-top-wave-sp.png") no-repeat;
    background-size:100%;
    top:auto;
    bottom:-20px;
  }
}

/*explain-area*/
.tp-explain-area{
  background:#fff5ca;
  position:relative;
}
.tp-explain-area::after{
  position:absolute;
  content:"";
  width:100%;
  height:130px;
  background:url("/wimax/common/images/otoku/otoku-wave.png") repeat-X;
  bottom: -80px;
  left:0;
  z-index:2;
}

.tp-ex-box{
  width: 48%;
  margin:20px 0;
  position:relative;
  padding:20px 10px;
}

.tp-ex-border-r::after{
  position:absolute;
  content:"";
  height:106%;
  width:1px;
  background:#dbc489;
  top:-3%;
  right: -4%;
}

.tp-ex-border-b::before{
  position:absolute;
  content:"";
  height:1px;
  width:100%;
  background:#dbc489;
  bottom:-20px;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.tp-ex-ttl{
  margin-bottom:10px;
}

.tp-ex-ttl-icon{
  text-align:center;
  background:#fff;
  width:80px;
  padding: 35px 0 10px;
  font-weight:bold;
  color:#006dc6;
  position:relative;
  line-height: 1em;
  border-top:4px solid #006dc6;
}

.tp-ex-ttl-icon-s{
  position:absolute;
  font-size:13px;
  width:100%;
  top:10px;
  left:0px;
}

.tp-ex-ttl-icon-l{
  font-size:38px;
}

.tp-ex-ttl-icon::after{
  position:absolute;
  content:"";
  border-width:15px 40px 15px 40px;
  border-style:solid;
  border-color:transparent #fff transparent #fff;
  bottom:-15px;
  left:0;
}

.tp-ex-ttl-text{
  width:80%;
  width: calc(100% - 85px);
  justify-content:left;
  -webkit-justify-content:left;
  font-size:20px;
  font-weight: bold;
  padding-left: 20px;
  border-bottom:2px dotted #006dc6;
}

.tp-ex-ttl-text .small-text{
  font-size:15px;
  display:block;
}

.tp-ex-priece{
  font-size:30px;
  font-weight:bold;
  text-align:center;
  position:relative;
}

.tp-ex-priece .mark-item{
  position:absolute;
  top: auto;
  bottom: 50px;
  right: 25px;
}

.tp-ex-priece .num{
  color:#006dc6;
  font-size:76px;
}

.tp-ex-btn1{
  text-align:center;
  background:#006dc6;
  color:#fff;
  font-size:20px;
  border-radius:5px;
  padding-right:10px;
  margin: 10px auto 20px;
  font-weight:bold;
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
}

.tp-ex-btn1::after{
  position:absolute;
  content:"";
  border:7px solid transparent;
  border-left:#fff solid 8px;
  right:15px;
  top:50%;
  margin-top:-6px;
}

.tp-ex-btn2{
  text-align:center;
  background:#ffffff;
  color:#006dc6;
  border:2px solid #006dc6;
  font-size: 16px;
  border-radius:5px;
  font-weight:bold;
  margin: 10px auto 20px;
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 768px) {
  .tp-explain-area{
    padding-top:60px;
  }

  .tp-explain-area .ttl-sec img{
    width:70%;
  }

  .tp-ex-box{
    width: 100%;
    margin:20px 0;
    padding:20px 10px;
    border-top:1px solid #dbc489;
  }

  .tp-ex-box:first-child{
    border:none;
  }

  .tp-ex-border-r::after,
  .tp-ex-border-b::before{
    display:none;
  }

  .tp-ex-ttl-icon{
    width:60px;
    padding: 28px 0 10px;
  }

  .tp-ex-ttl-icon-s{
    font-size:12px;
    top:5px;
  }

  .tp-ex-ttl-icon-l{
    font-size:28px;
  }

  .tp-ex-ttl-icon::after{
    border-width:10px 30px 10px 30px;
    bottom:-10px;
  }

  .tp-ex-ttl-text{
    width:70%;
    width: calc(100% - 65px);
    font-size:16px;
    padding-left: 10px;
  }

  .tp-ex-priece{
    font-size:22px;
  }

  .tp-ex-priece .mark-item{
    position:relative;
    bottom:0;
    right: 0;
  }

  .tp-ex-priece .num{
    font-size:40px;
  }

  .tp-ex-btn1{
    font-size:16px;
  }
}

/*total-area*/
.tp-total-area{
  position:relative;
  z-index: 5;
}

.tp-total-box{
  text-align:center;
  position:relative;
}

.tp-total-subttl span{
  margin:0 5px;
  color:#fff;
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  align-items:center;
  -webkit-align-items:center;
  justify-content:center;
  -webkit-justify-content:center;
  width:42px;
  height:42px;
  font-size:20px;
  border-radius:50%;
  font-weight:bold;
}

.tp-total-subttl span:nth-child(odd){
  background:#ffb850;

}

.tp-total-subttl span:nth-child(even){
  background:#3e8ccc;

}

.tp-total-mainttl{
  font-size:36px;
  font-weight:bold;
  text-align:center;
}

.tp-total-mainttl .num{
  font-size:114px;
  color:#fb8c00;
}

.ab-ga{
  top:-30px;
  left:0px;
}

.ab-mu{
  top:-50px;
  right:0px;
}


@media screen and (max-width: 768px) {
  .tp-total-subttl span{
    margin:0 2px;
    width:32px;
    height:32px;
    font-size:16px;
  }

  .tp-total-mainttl{
    font-size:22px;
  }

  .tp-total-mainttl .num{
    font-size:48px;
  }

  .ab-ga{
    position:relative;
    top:0px;
    left:-10px;
    width:100px;
  }

  .ab-mu{
    position:relative;
    top:0px;
    right:-10px;
    width:94px;
  }
}


/*------------------------------
option-area
-------------------------------*/
.box-option.grid .col:first-child {
  width: 380px;
  border-right: 2px solid #ededed;
  padding: 0 20px;
  margin-right: 20px;
}

.box-option.grid .col:last-child {
  width: calc(100% - 400px);
}

.box-option+.box-option {
  margin-top: 30px;
}

.box-frame {
  border: 5px solid #eaeaea;
  padding: 15px;
}

.box-frame>.head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-bottom: 2px dashed #eaeaea;
  padding-bottom: 10px;
  min-height: 52px;
}

.box-frame>.head.is-text {
  display: block;
  min-height: auto;
}

.box-frame>.content {
  padding: 15px 0;
}

.box-frame>.content .upper {
  margin-bottom: 15px;
}

.box-frame>.content .lower {
  margin-top: 15px
}

.box-frame>.content .lower .text {
  margin-bottom: 35px;
}

.box-frame>.content .btn-wrap {
  padding: 0 15px;
}

.list-check>li+li {
  margin-top: 3px;

}

.list-check .icon {
  display: inline-block;
  padding-left: 22px;
  position: relative;
}

.list-check .icon:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/wimax/common/images/icon-check_pink.svg") no-repeat;
  position: absolute;
  top: calc(0.5em - 3px);
  left: 0;
}

.list-check.is-middle>li {
  font-size: 16px;
}

.list-check.is-middle>li+li {
  margin-top: 6px;
}

.list-check.is-middle .icon {
  padding-left: 30px;
}

.list-check.is-middle .icon:before {
  width: 20px;
  height: 20px;
  background-size: 20px auto;
  top: calc(0.5em - 5px);
}

@media screen and (max-width: 768px) {
  .box-option.grid .col:first-child {
    width: 100%;
    border-right: none;
    border-bottom: 2px solid #ededed;
    padding: 0 0 15px;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .box-option.grid .col:last-child {
    width: 100%;
  }

  .box-frame>.content .lower .text {
    margin-bottom: 25px;
  }

  .box-frame>.content .btn-wrap {
    padding: 0;
  }

  .list-check.is-middle>li {
    font-size: 15px;
  }
  .list-check.is-middle .icon:before {
    top: calc(0.5em - 6px);
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
シングルサービス修正 190710
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
/* お知らせ */
.top-notice {
  border-radius: 20px;
  border: 2px solid #0051d3;
}

.top-notice .upper {
  background: #0051d3;
  color: #fff;
  font-size: 21px;
  padding: 20px 30px;
  font-weight: bold;
  text-align: center;
  border-radius: 20px 20px 0 0;
}

.top-notice .contents {
  padding: 20px 30px;
  font-size: 16px;
  border-radius: 0 0 20px 20px;
}

.news-faq-wrap {
  background: #fff;
  border: 2px solid #ffd7de;
  border-radius: 999em;
  color: #ff1744;
  font-size: 18px;
  padding: 12px 30px;
  text-align: center;
}

.news-faq-wrap .sub {
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .top-notice .upper {
    font-size: 16px;
    padding: 10px 15px;
  }
  .top-notice .contents {
    padding: 15px;
    font-size: 13px;
  }
  .news-faq-wrap {
    font-size: 14px;
    border-radius: 1em;
    padding: 12px;
  }

  .news-faq-wrap .sub {
    font-size: 13px;
  }

  .news-faq-wrap .list-dotted > li {
    font-size: 12px;
  }
}

/* tab .is-line*/
.list-tab.is-line {
  border-bottom: 2px solid #c9c9c9;
  padding: 0 20px;
}
.list-tab.is-line > li {
  width: 24.5%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-btn-line {
  border: 2px solid #eaeaea;
  border-bottom: none;
  font-size: 16px;
  font-weight: bold;
  padding: 22px 13px;
  text-align: center;
  cursor: pointer;
  position: relative;
  color: #959595;
  background: #f8f8f8;
}
.tab-btn-line.select {
  border-top: 6px solid #0051d3;
  color: #0051d3;
  border-left: 2px solid #c9c9c9;
  border-right: 2px solid #c9c9c9;
  background: #fff;
}
.tab-btn-line.select::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 5px;
  background: #fff;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.tab-line-wrap .tab-box {
  padding: 30px 0px;
}
@media screen and (max-width: 768px) {
  .tab-btn-line {
    font-size: 13px;
    padding: 5px 0;
  }
  .list-tab.is-line {
    padding: 0 7px;
  }
}

/*num-box*/
.num-box {
  margin-top: 20px;
}

.num-box+.num-box {
  margin-top: 40px;
}

.num-box>.head {
  width: 32px;
}

.num-box>.head .num {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px dashed #0051d3;
  border-radius: 999em;
  color: #0051d3;
  font-size: 17px;
  font-style: italic;
}

.num-box>.head .num span {
  position: relative;
  top: -1px;
  left: -1px;
}

.num-box>.content {
  width: calc(100% - 48px);
}

.num-box>.content .text-read {
  font-size: 18px;
}

.num-box>.content .img {
  margin-top: 15px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  /*num-box*/
  .num-box {
    margin-top: 20px;
  }
  .num-box+.num-box {
    margin-top: 30px;
  }
  .num-box>.content .text-read {
    font-size: 16px;
  }
}

/*list-box-faq*/
.list-box-faq>li {
  border-bottom: 1px solid #ddd;
}

.list-box-faq>li:hover {
  background: #f5faff;
}

.box-faq {
  display: block;
  background: url("/wimax/support/images/icon-q.svg") no-repeat 0 18px;
  background-size: 30px auto;
  color: #333;
  font-size: 16px;
  padding: 20px 15px 20px 50px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .box-faq {
    background-size: 25px auto;
    background-position: 0 15px;
    font-size: 15px;
    padding: 15px 15px 15px 38px;
  }
}

/* テーブル背景色追加 */
.tbl-bg-yellow {
  background: #fef8e3;
}

.tbl-bg-sky {
  background: #d5e5f8;
}

/* テーブルSP横スクロール */
@media screen and (max-width: 768px) {
  .sp-scroll {
    overflow-x: auto;
    white-space: nowrap
  }

  .sp-scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
    height: 5px;
  }
  .sp-scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
    background: #F1F1F1;
  }
  .sp-scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
    background: #BCBCBC;
  }
  .sp-scroll th, .sp-scroll td {
    white-space: nowrap;
  }
}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/cam/ キャンペーン
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.box-bnr+.box-bnr {
  margin-top: 40px;
}

.box-bnr a {
  display: block;
  background: #eff0f4;
  color: #000;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.box-bnr a:hover:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 3px solid #ffee15;
  position: absolute;
  top: 0;
  left: 0;
}

.box-bnr .grid>.col:first-child {
  width: 320px;
}

.box-bnr .grid>.col:last-child {
  width: calc(100% - 340px);
  background: #fff;
  padding: 20px 18px;
}

.box-bnr .head {
  border-bottom: 2px solid #eff0f4;
  padding: 0 5px 3px;
  margin-bottom: 20px;
  position: relative;
}

.box-bnr .head:before,
.box-bnr .head:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #eff0f4;
  border-radius: 999em;
  position: absolute;
  bottom: -4px;
}

.box-bnr .head:before {
  left: 0;
}

.box-bnr .head:after {
  right: 0;
}

.box-bnr .ttl {
  color: #52627c;
  font-size: 22px;
  font-weight: bold;
}

.box-bnr .label {
  display: inline-block;
  background: #0b1360;
  border-radius: 999em;
  color: #fff;
  padding: 4px 15px;
  margin-bottom: 20px;
}

.box-bnr .label .icon {
  display: inline-block;
  border: 4px solid transparent;
  border-left: 6px solid #fff;
  vertical-align: middle;
  margin: 0 2px 0 5px;
}

@media screen and (max-width: 768px) {
  .box-bnr+.box-bnr {
    margin-top: 20px;
  }
  .box-bnr a {
    padding: 15px;
  }
  .box-bnr .grid>.col:first-child {
    width: 100%;
  }
  .box-bnr .grid>.col:last-child {
    width: 100%;
    padding: 15px;
    margin-top: 15px;
  }
  .box-bnr .head {
    margin-bottom: 15px;
  }
  .box-bnr .ttl {
    font-size: 16px;
  }
  .box-bnr .label {
    font-size: 14px;
    margin-bottom: 15px;
  }
}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/data/
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.tbl-1.is-speed {
  border-collapse: separate;
  border-spacing: 0;
}

.tbl-1.is-speed th,
.tbl-1.is-speed td {
  padding: 18px 15px;
}

.tbl-1.is-speed thead th:nth-child(2) {
  border-radius: 10px 0 0 0;
}

.tbl-1.is-speed thead th:nth-child(3) {
  border-radius: 0 10px 0 0;
}

.tbl-1.is-speed tbody tr:first-child th:first-child {
  border-radius: 10px 0 0 0;
}

.tbl-1.is-speed tbody tr:last-child th:first-child {
  border-radius: 0 0 0 10px;
}

.tbl-1.is-speed tbody .cell-last {
  border-radius: 0 0 10px 0;
}

.box-skyblue {
  background: #f0f8ff;
  padding: 15px 20px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
news area　空のとき非表示
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#news-area{
  display: none;
}

/*------------------------------
/cancel 20190805 追加
-------------------------------*/
/*common*/
.cancel-ttl-wrap {
    margin-bottom: 40px;
}

.cancel-ttl-sec {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

.cancel-ttl-band {
  display: inline-block;
  position:relative;
}

.cancel-ttl-band::before,
.cancel-ttl-band::after {
  position:absolute;
  content:"";
  display: inline-block;
  width: 8px;
  height: 60%;
  background: #0257bc;
  position: absolute;
  top: 20%;
}
.cancel-ttl-band::before {
  left:-30px;
}

.cancel-ttl-band::after {
  right:-30px;
}
.cancel-wrapper #header{
  border:none;
}

.cancel-ttl{
  text-align:center;
  font-size:30px;
  font-weight:bold;
  margin-top: 35px;
  padding-bottom:10px;
  border-bottom:1px solid #eff0f4;
}

.cancel-wrapper .list-note > li {
    font-size: 1em;
}

.cancel-wrapper .supplemen-wrap .list-note > li {
    font-size: 12px;
}

.cancelcase-btn-wrap{
  margin-top:20px;
  text-align:center;
}

.cancelcase-btn{
  background:#fff;
  border:2px solid #0066d6;
  color:#000;
  width:330px;
  display:inline-block;
  text-decoration:none;
  padding:15px 40px 20px 20px;
  line-height:1.4em;
  transition:0.3s;
  border-radius:5px;
  margin:10px 10px;
  font-weight:bold;
  font-size:16px;
  position:relative;
}

.cancelcase-btn-num{
  font-weight:normal;
  font-size:15px;

}

.cancelcase-btn:hover{
  background:#deefff;
  border:2px solid #deefff;
  color:#0066d6;
}
.cancelcase-btn::after{
  position:absolute;
  content:"";
  width:8px;
  height:8px;
  border-bottom:2px solid #0066d6;
  border-right:2px solid #0066d6;
  transform:rotate(45deg) skew(-5deg,-5deg);
  -webkit-transform:rotate(45deg) skew(-5deg,-5deg);
  right:30px;
  top:50%;
  margin-top:-5px;

}

.cancelcase-ttl{
  background:#0066d6;
  font-size:15px;
  color:#fff;
  font-weight:bold;
  margin-bottom: 30px;
}
.cancelcase-ttl-num{
  display:inline-block;
  background:#0257bc;
  font-weight:normal;
  padding:15px 20px 15px 40px;
  margin-right:45px;
  position:relative;
}
.cancelcase-ttl-num::after{
  position:absolute;
  content:"";
  width:40px;
  height:100%;
  background:#0257bc;
  top:0;
  right:-20px;
  transform:skewX(-20deg);
  -webkit-transform:skewX(-30deg);
}


#header.lightbox_header {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
}

#header.lightbox_header .inner {
    padding: 15px 0;
    position: relative;
}

.lightbox_header .header-upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lightbox_header .header-upper .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
}

.lightbox_header .header-upper .link {
    font-size: 12px;
}

.lightbox_header .logo-img + .text {
    margin-left: 20px;
}

.lightbox_header .nifty-top a {
    color: #000;
}

@media screen and (max-width: 768px) {
  .cancel-ttl-sec {
      font-size: 24px;
      width:80%;
      margin:0 auto;
  }
  .cancel-ttl-band::before {
    left:-8%;
  }

  .cancel-ttl-band::after {
    right:-8%;
  }
  .cancel-wrapper #header{
    border-bottom:2px solid #ff6d00;
  }

  .cancel-ttl{
    font-size:20px;
    margin-top: 10px;
    padding:0 10px 10px;
  }
  .cancelcase-btn{
    width: 90%;
  }

  .cancelcase-ttl-num{
    display:inline-block;
    background:#0257bc;
    font-weight:normal;
    padding:10px 20px 10px 20px;
    margin-right:45px;
    position:relative;
  }
  .cancelcase-ttl-num::after{
    position:absolute;
    content:"";
    width:20px;
    height:100%;
    background:#0257bc;
    top:0;
    right:-10px;
    transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg);
  }

  #header.lightbox_header .inner {
      padding: 0px 12px;
  }
  .lightbox_header .header-upper .logo {
      display: block;
      width: 105px;
  }
  .lightbox_header .logo-nifty {
      width: 45px;
  }
  .lightbox_header .logo-provider {
      width: 100px;
  }
}

/*index.htm*/
.cancel-list-group{
  background:#f1f0ee;
  padding:30px 40px;
}

.cancel-list-group a{
  width:49%;
  margin: 10px 0;
  color:#333;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  padding:5px;
  position:relative;
  transition:.3s;
  display:block;
  text-decoration:none;
}

.cancel-list-group a::after{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  background: rgba(255, 255, 255, .3);
  top: 0;
  left: 0;
  display:none;
}

.cancel-list-group a:hover::after{
  display:block;
}

.cancel-list::after{
  position:absolute;
  content:"";
  border:10px solid transparent;
  border-right:10px solid #035a86;
  border-bottom:10px solid #035a86;
  border-radius:3px;
  right:15px;
  bottom:10px;
}

.cancel-list-group a:nth-child(1) .cancel-list::after{
  border-right:10px solid #40b9f6;
  border-bottom:10px solid #40b9f6;
}
.cancel-list-group a:nth-child(2) .cancel-list::after{
  border-right:10px solid #f68d79;
  border-bottom:10px solid #f68d79;
}
.cancel-list-group a:nth-child(3) .cancel-list::after{
  border-right:10px solid #6bce7e;
  border-bottom:10px solid #6bce7e;
}
.cancel-list-group a:nth-child(4) .cancel-list::after{
  border-right:10px solid #a6acad;
  border-bottom:10px solid #a6acad;
}
.cancel-list img{
  width:130px;
}

.cancel-list-text{
  width:calc(100% - 130px);
  padding:10px 10px 10px 30px;
}

.cancel-list-ttl{
  font-size:18px;
  font-weight:bold;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px #a6acad solid;
}
.cancel-list-item{
  font-size:15px;
  padding-left:15px;
  position:relative;
}
.cancel-list-item::after{
  position:absolute;
  content:"";
  width:3px;
  height:3px;
  border-radius:50%;
  background:#333;
  left:5px;
  top:8px;
}
.list-nodot::after{
  display:none;
}
@media screen and (max-width: 768px) {
  .cancel-list-group{
    padding:10px 10px;
  }

  .cancel-list-group a{
    width:100%;
    margin: 20px 0;
  }

  .cancel-list img{
    width:100px;
  }

  .cancel-list-text{
    width:calc(100% - 100px);
    padding: 10px 10px 10px 10px;
    line-height:1.3em;
  }

  .cancel-list-ttl{
    font-size:16px;
  }

  .cancel-list-item{
    font-size: 13px;
    position: relative;
    z-index: 2;
  }
}
/*cancel-confirm-area*/
.confirm-list{
  margin-top:30px;
  padding: 40px 30px 40px 30px;
  position:relative;
  background:#fffdf3;
  width:75%;
  width:calc(100% - 250px);
}
.confirm-list::before{
  position:absolute;
  content:"";
  border:1px solid #fceba2;
  width:98%;
  width: calc(100% - 14px);
  height:90%;
  height: calc(100% - 14px);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
}

.confirm-list::after{
  position:absolute;
  content:"";
  width:200px;
  height:200px;
  background:url("/common_old/images/cancel/check-man.png")no-repeat;
  background-size:cover;
  bottom:0px;
  right:-230px;
}

.confirm-list li{
  font-size:24px;
  font-weight:bold;
  padding-left:50px;
  position:relative;
}

.confirm-list li + li{
  margin-top:20px;
}

.confirm-list li::after{
  position:absolute;
  content:"";
  width:39px;
  height:30px;
  background:url("/common_old/images/cancel/check-list.png")no-repeat;
  background-size:cover;
  top:3px;
  left:0;
}

.confirm-text{
  margin-top:20px;
  padding-left:30px;
}

@media screen and (max-width: 768px) {
  .confirm-list{
    margin: 20px auto 60px;
    padding: 20px 15px 20px 15px;
    width:100%;
  }

  .confirm-list::after{
    width:100px;
    height:100px;
    bottom: -70px;
    right:0;
  }

  .confirm-list li{
    font-size:16px;
    padding-left:35px;
  }

  .confirm-list li + li{
    margin-top:10px;
  }

  .confirm-list li::after{
    position:absolute;
    content:"";
    width:25px;
    height:20px;
    top:3px;
    left:0;
  }

  .confirm-text{
    padding-left:10px;
    width:70%;
    width:calc(100% - 100px);
    margin-top: -40px;
  }
}

/*cancel-perform-area*/

.cancel-perform-link{
  color:#000;
  position:relative;
  padding-left:12px;
}

.cancel-perform-link::after{
  position:absolute;
  content:"";
  border:4px solid transparent;
  border-left:7px solid #000;
  top:7px;
  left:0px;
}

/*product.htm*/
.cancelcase-grid-img{
  width: 250px;
  padding:0 40px;
}

#case1 .cancelcase-grid-img{
  padding: 0;
}

.cancelcase-grid-img img{
  width:100%;
}

.cancelcase-grid-text{
  width:calc(100% - 270px);
}

@media screen and (max-width: 768px) {
  .cancelcase-grid-img{
    width: 200px;
    margin:0 auto 20px;
  }

  .cancelcase-grid-text{
    width: 100%;
  }

  .sp-al-center{
    text-align:center;
  }
}

/*------------price.htm------------*/
/*cancel-stripe-box*/
.bg-gray-box{
  background:#f2f2f2;
  padding:20px;
}

.cancel-stripe-box-inner{
  background:#fff;
  padding:20px;
  border-radius:10px;
}

.cancel-stripe-box-inner .wrap{
  padding:10px;
}

.stripe-ttl {
  text-align:center;
  background:#ccc;
  padding:10px 0;
  margin-bottom:20px;
  font-size:16px;
  font-weight:bold;
}

.stripe-orange{
    background:repeating-linear-gradient(60deg, #fff5ee 0, #fff5ee 6px,
     #fff 6px, #fff 11px);
}

.stripe-pink{
    background:repeating-linear-gradient(60deg, #fff3f8 0, #fff3f8 6px,
     #fff 10px, #fff 11px);
}

.small-img img, .large-img img{
  width:100%;
}

.small-img{
  width: 322px;
}

.large-img{
  width: 510px;
}

.cancel-stripe-box-inner .large-img{
  position:relative;
}

.cancel-stripe-box-inner .large-img::before{
  position:absolute;
  content:"";
  border:22px solid transparent;
  border-right:30px solid #e5178b;
  left:-48px;
  top:50%;
  margin-top:-20px;
  border-radius:13px;
}

.cancel-stripe-box-inner .large-img::after{
  position:absolute;
  content:"";
  border:22px solid transparent;
  border-right:30px solid #fff;
  left:-40px;
  top:50%;
  margin-top:-20px;
  border-radius:13px;
}

.cancel-stripe-box-inner .wrap:first-child .large-img::before{
  border-right:30px solid #ee6a23;
}

.cancelcase-ttl2{
  font-size:26px;
  font-weight:bold;
  padding:0 0 5px 5px;
  margin-bottom:20px;
  border-bottom:1px solid #001393;
}

.cancel-stripe-box-inner .btn{
  min-width:310px;
}

.cancel-plan-review .cancelcase-grid-img{
  width: 190px;
  padding:0 40px;
}

.cancel-plan-review .cancelcase-grid-text{
  width: calc(100% - 490px);
}

.cancel-plan-review .btn-wrap{
  width: 300px;
  padding:0 20px;
}

.cancel-plan-review .btn-wrap .btn{
  width:100%;
}

@media screen and (max-width: 768px) {
  .cancel-stripe-box-inner{
    padding:10px;
  }

  .cancel-stripe-box-inner .wrap{
    padding:0px;
  }

  .stripe-ttl {
    padding:10px 5px;
    margin-bottom:20px;
    font-size:14px;
  }

  .small-img img,.large-img img{
    width:100%;
  }

  .small-img{
    width: 80%;
    margin:0 auto 30px;
  }

  .large-img{
    width: 100%;
  }

  .cancel-stripe-box-inner .large-img::before{
    border:18px solid transparent;
    border-bottom:18px solid #e5178b;
    left:50%;
    top:-32px;
    margin-top:0;
    margin-left:-18px;
  }
  .cancel-stripe-box-inner .large-img::after{
    border:16px solid transparent;
    border-bottom:16px solid #fff;
    left:50%;
    top:-26px;
    margin-top:0;
    margin-left:-16px;
  }

  .cancel-stripe-box-inner .wrap:first-child .large-img::before{
    border:18px solid transparent;
    border-bottom:18px solid #ee6a23;
  }

  .cancelcase-ttl2{
    font-size:26px;
    font-weight:bold;
    padding:0 0 5px 5px;
    margin-bottom:20px;
    border-bottom:1px solid #001393;
  }

  .cancel-stripe-box-inner .btn{
    min-width:80%;
  }

  .cancel-plan-review .cancelcase-grid-img{
    width: 80px;
    padding:0;
  }

  .cancel-plan-review .cancelcase-grid-text{
    width:100%;
  }

  .cancel-plan-review .btn-wrap{
    width:100%;
    margin-top:20px;
  }
}
/*comparison-tbl*/
.no-border .comparison-tbl-td{
  padding:0;
  border: none;
}

.comparison-tbl-fukidashi{
  position:relative;
  width:100%;
  text-align:center;
  padding: 20px 10px 20px 80px;
  margin-bottom:20px;
  background:#e0e0e0;
  border-radius:10px;
}

.fukidashi-giga{
  background:#fff0f3;
}

.fukidashi-nml{
  background:#edf5fc;
}

.comparison-tbl-fukidashi::after{
  position:absolute;
  content:"";
  border:10px solid transparent;
  border-top:10px solid #333;
  bottom:-20px;
  left:50%;
  margin-left:-10px;
}

.fukidashi-giga::after{
  border-top:10px solid #fff0f3;
}

.fukidashi-nml::after{
  border-top:10px solid #edf5fc;
}

.comparison-tbl-fukidashi span{
  display: inline-block;
  text-align:left;
}
.comparison-tbl-fukidashi img{
  position:absolute;
  bottom:0;
  left:20px;
  width:95px;
}

.comparison-tbl{
  border:1px solid #ddd;
}

.comparison-tbl.no-border{
  border:none;
  border-bottom:1px solid #ddd;
}

.comparison-tbl + .comparison-tbl{
  border-top:none;
}

.comparison-tbl-ttl{
  order:2;
  background: #0066d6;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  width:20%;
  padding:30px 5px;
}
.comparison-tbl-ttl.no-bg{
  background:transparent;
}
.comparison-tbl-left{
  order:1;
  width:40%;

}

.comparison-tbl-right{
  order:3;
  width:40%;
}

.comparison-tbl-td{
  padding:30px 5px;
}

.comparison-tbl .num{
  font-size:24px;
  font-weight:bold;
}

.line-through{
  position:relative;
}


.line-through{
  position:relative;
  margin-right:10px;
}

.line-through::after{
  position:absolute;
  content:"";
  width:105%;
  height:2px;
  background:#ff1744;
  left:0;
  top:5px;
  transform:rotate(10deg);
}

.font-large{
  font-size:24px;
}

.cancel-catch-text{
  text-align:center;
  background:#eff0f4;
  margin-top:20px;
  padding: 15px 10px 20px;
  font-size:15px;
  font-weight:bold;
}
.cancel-catch-text .num{
  font-size:24px;
}

.btn-wrap2 .btn2{
  width:48%;
}

@media screen and (max-width: 768px) {
  .comparison-tbl-fukidashi{
    width:90%;
    padding: 20px 10px 40px 10px;
  }
  .comparison-tbl-fukidashi img{
    position:absolute;
    bottom:0;
    left:auto;
    right:10px;
    width:50px;
  }

  .comparison-tbl-ttl{
    order:1;
    font-size:16px;
    width:100%;
    padding:10px 5px;
  }
  .comparison-tbl-ttl.no-bg{
    background:transparent;
  }
  .comparison-tbl-left{
    order:2;
    width:50%;
    border-right:1px solid #e2e2e2;
  }

  .comparison-tbl-right{
    order:3;
    width:50%;
  }

  .comparison-tbl-td{
    padding:20px 10px;
    text-align: center;
  }

  .cancel-catch-text{
    font-size:15px;
    font-weight:bold;
  }

  .btn-wrap2 .btn2{
    width:100%;
    margin:10px auto;
  }
}
/*other.htm*/
.num-border-bottom{
  border-bottom:1px solid #ddd;
  padding-bottom:5px;
  margin-bottom:20px;
  margin-top: 0;
}

.point-area .font-large{
  font-size:20px;
}

.partition-dashed{
  position:relative;
}

.partition-dashed::after{
  position:absolute;
  content:"";
  height:95%;
  border-right:2px dashed #c1c1c1;
  right:-7%;
  top:0;
}
@media screen and (max-width: 768px) {
  .partition-dashed::after{
    display:none;
}
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
/sign_up/index.htm
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.wimax-signup .cam-box{
  padding: 0 0 10px;
  box-shadow: none;
}

/*********************************************
/wimax/common/parts/header_simple.htm
（/common/css/base.cssのGit整理・移行が終わったら
このstyle.cssより以下記述を削除）
*********************************************/
.header.is-simple .nifty-top a {
    color: #000;
    text-decoration: underline;
    font-size: 12px;
}

.header.is-simple .nifty-top a:hover {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .header.is-simple {
        border-bottom: 1px solid #e6e6e6;
    }
    .header.is-simple .inner {
        padding: 10px 12px;
    }
}

/* WiMAX */
.header.is-simple .logo-wimax {
    width: 150px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
seo   200325追加
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#seo_link01{
    text-align: center;
    padding: 30px 0;
}
#seo_link01.top_link{
    width: 980px;
    margin: 0 auto;
}
#seo_link01 li{
    display: inline-block;
    padding-left: 10px;
}
#seo_link01.top_link li{
    padding-bottom: 30px;
    padding-right: 30px;
}
#seo_link01 li+li{
    margin-left: 30px;
}
#seo_link01.top_link li+li{
    margin-left: 0;
}
#seo_link01 li a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #3ea3c4;
    position: absolute;
    top: 9px;
    left: -10px;
}
#seo_link01 li a{
    position: relative;
}
@media screen and (max-width: 768px) {
    #seo_link01 li{
        display: block;
    }
    #seo_link01 li+li{
        margin-top: 10px;
        margin-left: 0;
    }
    #seo_link01.top_link li{
        padding-bottom: 0;
        padding-right: 0;
    }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
WIMAX 提供エリア  210922追加
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.wimax-area > .inner{
  position: relative;
}
.wimax-area .ttl-wrap{
  position: absolute;
  top: 0;
  width: 100%;
  height: 145px;
  background-color: #fff;
}
.wimax-area .ttl-text{
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .wimax-area .ttl-wrap{
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
  }
}