@charset "utf-8";

.servicetop-title,
.service-main-title {
  color:#009944;
}
.service-main-title {
  position: relative;
  z-index: 2;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
a.servicetop-jump {
  box-shadow:0px 0px 5px 1px #009944;
}
.news-title {
  border-color:#009944;
}
.servicetop-jump-area-wrap {
  background-color: #99d6b4;
}
.servicetop-title-wrap {
  background-image:url(../images/tel/bg_service_title.png);
}
.servicetop-jump-area-wrap .col-4:nth-child(1),
.servicetop-jump-area-wrap .col-4:nth-child(2),
.servicetop-jump-area-wrap .col-4:nth-child(3) {
    margin-bottom:15px;
}
/*----------------------------------------------------
  サービス
----------------------------------------------------*/
.service-block {
  margin: 30px 0;
}
a.service-area {
  display: flex;
  position: relative;
  border: 2px solid #009944;
  text-decoration: none;
  padding: 20px 35px;
  height: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
a.service-area:before {
  position: absolute;
  font-size: 5rem;
  line-height: 1;
  top: 50%;
  margin-top: -25px;
  right: 10px;
  content: "\f105";
  font-family: FontAwesome;
  color: #009944;
}
a.service-area img {
  margin-bottom: 25px;
}
a.service-area p {
  color: #000;
  text-align: center;
}
/*----------------------------------------------------
  定額あんしんパック
----------------------------------------------------*/
.anshinpack-fee {
  margin-top: 20px;
  margin-bottom: 10px;
}
.bnr-anshinpack {
  margin-top: 10px;
}
#basic_charge a.btn-normal {
  margin-top: 0;
}

/*----------------------------------------------------
  通話料がおトク！
----------------------------------------------------*/
.tbl-cableplus {
  width:100%;
  margin-bottom: 5px;
}
.tbl-cableplus tr {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.tbl-cableplus th,
.tbl-cableplus td {
  text-align:center;
}
.tbl-cableplus tbody td {
  border-right:1px solid #ddd;
}
.tbl-cableplus tbody td:last-child {
  border-right:none;
}
.call-otoku {
  background-color:#009944;
  color:#fff;
  font-weight:bold;
  font-size:1.8rem;
}
.th-cableplus {
  background-color:#f2f5c1;
  font-weight:normal;
}
.tbl-cableplus .fee {
  color:#c7161d;
}

/*----------------------------------------------------
  乗換え
----------------------------------------------------*/
.transfer-block {
  background-color:#e8f3d2;
  height:100%;
}
.transfer-title {
  background-color:#8dc21f;
  color:#fff;
  font-weight:bold;
  text-align:center;
  padding:5px 1em;
  font-size:2rem;
}
.transfer-block-inner {
  padding:15px 20px;
}
/*----------------------------------------------------
  auスマートバリュー
----------------------------------------------------*/
.au-title-wrap {
  margin-bottom:15px;
}
.au-title-wrap img {
  width:60px;
  float:left;
  margin-right:15px;
}
.au-title-right {
  overflow:hidden;
  color:#e95504;
  font-weight:bold;
  line-height:1.4;
}
.au-point-title {
  font-weight:bold;
  font-size:3rem;
}
.au-option {
  background-color:#f08c4d;
  color:#fff;
  font-weight:bold;
  text-align:center;
  padding:7px 15px;
  line-height:1;
  font-size:2.4rem;
  margin-bottom:10px;
}
.option-merit {
  font-size:2.2rem;
  font-weight:bold;
  line-height:1.4;
  margin:15px 0;
}
.option-merit .zeinuki {
  font-size:2.2rem;
}
.au-point1 .option-merit {
  color:#e50012;
}
.option-merit span {
  font-weight:bold;
  font-size:3.4rem;
  color:#e50012;
}
.smart-value-detail {
  margin-top:15px;
}
.smart-value-detail span {
  font-weight:bold;
}
.apply-condition {
  display:inline-block;
  background-color:#fbe1cb;
  font-weight:bold;
  color:#e95504;
  padding:10px 15px 8px;
  line-height:1;
  margin:20px 0 5px;
}
.apply-condition + .annotation-list {
  margin:5px 0 30px;
}
.apply-condition + .annotation-list li {
  color:#222;
  font-size:1.6rem;
}
.setwari {
  color:#e95504;
  margin:10px 0;
  font-weight:bold;
}
/*----------------------------------------------------
  注意事項
----------------------------------------------------*/
.annotation-list li.attention {
  color:#E10003;
}

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
  .service-block {
    display: block;
  }
  .service-block img {
    width: 300px;
    margin-bottom: 20px;
  }
  .service-block.tel {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .service-block.line {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .tbl-cableplus {
    margin-top:20px;
  }
  .call-otoku {
    font-size:1.6rem;
  }
  .th-cableplus img {
    width:117px;
  }
  .transfer-block {
    display:none;
    height:auto;
  }
  .transfer-title {
    display:none;
  }
  .transfer-catch {
    font-size:1.4rem;
  }
  .au-title-wrap img {
    width:50px;
  }
  .au-point-title {
    font-size:2rem;
  }
  .au-option {
    font-size:1.6rem;
  }
  .option-merit {
    font-size:1.6rem;
    text-align:center;
  }
  .option-merit span {
    font-size:2.4rem;
  }
  .option-merit .zeinuki {
    font-size:1.6rem;
  }
  .smart-value-detail,
  .matome-talk-annotation {
    display:none;
  }
  .matome-talk-annotation {
    margin-top:10px;
  }
  .apply-condition + .annotation-list {
    margin: 5px 0 15px;
  }
  .service-area.left {
    margin-bottom: 0;
  }
  .service-area.right {
    margin-top: 15px;
  }
  a.service-area.left:before {
    position: absolute;
    font-size: 5rem;
    line-height: 1;
    top: 55%;
    margin-top: -25px;
    right: 32px;
    content: "\f105";
    font-family: FontAwesome;
    color: #009944;
  }
  a.service-area img.cableplus {
    margin-top: 0;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 575px) {
  .servicetop-main-wrap img.fig-service-main {
    width: 180px;
  }
}