@charset "utf-8";
/* CSS Document */
.main {
  margin-top:10px;
}
.contents-inner-block {
  margin-bottom: 8rem;
}
.contents-title {
  font-weight: 700;
  font-size:3.4rem;
  border-bottom: 2px solid #005AAB;
  padding:0 0 5px;
  margin-bottom:1em;
  border-left:none;
  color:#005AAB;
}
.contents-inner-title {
  font-weight: 700;
  border-left: 0.7rem solid #005AAB;
  padding:0.8rem 0 0.5rem 0.6em;
  font-size: 2.8rem;
  line-height: 1;
  border-bottom:none;
  margin-bottom:0.8em;
  color:#222;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.notes-list {
  list-style:none;
  padding:0;
  margin-top:1em;
}
.notes-list li {
  font-size:1.2rem;
  line-height:1.4;
}
/*-------------------------------------------------
　強み
-------------------------------------------------*/
.features-area {
  padding: 8rem 0;
  background-color: #F2F6F9;
  margin: 8rem 0;
}
.features-block {
  margin-bottom: 5rem;
}
.features-block h3 {
  background: linear-gradient(#003677, #005AAB);
  text-align: center;
  color: #fff;
  font-size: 2.6rem;
  padding: 2.8rem 0 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
.features-block h3 span {
  color: #FFF56C;
  font-size: 2em;
  line-height: 1;
  font-weight: 600;
  padding-left: 0.1em;
}
.features-block-inner {
  padding: 0.5rem;
  background-color: #005AAB;
  display: flex;
}
.features-block-inner > div {
  flex: 1;
  padding: 0 0.25rem;
}
.features-block-inner .block {
  background-color: #fff;
  padding: 0 1rem;
  text-align: center;
  height: 100%;
}
.features-block-inner .block h4 {
  color: #005AAB;
  font-size: 2.2rem;
  border-bottom: 2px solid #005AAB;
  display: flex;
  flex-direction: column;
  min-height: 120px;
  align-items: center;
  justify-content: center;
}
.features-block-inner .block h4 > span {
  font-weight: 700;
}
.note-kome {
  vertical-align: super;
  font-size: 0.5em;
}
.features-block-inner .block h4 + p {
  padding: 2em 0;
  line-height: 1.8;
}
.features-area .button-area {
  text-align: center;
  margin-top: 5rem;
}
.features-area .button-area p {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #333;
}
a.btn-bluray {
  display: inline-block;
  width: 400px;
  max-width: 100%;
  background-color: #005AAB;
  padding: 3rem 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 1rem;
  transition: 0.2s;
  position: relative;
}
a.btn-bluray:hover {
  background-color: #054681;
}
a.btn-bluray::after {
  font-family: FontAwesome;
  content: "\f08e";
  font-size: 1em;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  margin-left: 1rem;
}
@media screen and (max-width: 991px) {
  .features-block h3 {
    font-size: 2.4rem;
  }
  .features-block-inner .block h4 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .features-area {
    padding: 4rem 0 5rem;
    margin: 3rem 0 5rem;
  }
  .features-block {
    margin-bottom: 3rem;
  }
  .features-block-inner {
    display: block;
  }
  .features-block h3 {
    padding: 2rem 0 1rem;
    font-size: 1.8rem;
  }
  .features-block h3 span {
    font-size: 1.8em;
  }
  .features-block-inner > div {
    padding: 0;
  }
  .features-block-inner > div:nth-child(n + 2) {
    margin-top: 0.5rem;
  }
  .features-block-inner .block {
    height: auto;
  }
  .features-block-inner .block h4 {
    min-height: auto;
    font-size: 1.6rem;
    padding: 1em 0;
  }
  .features-block-inner .block h4 + p {
    text-align: justify;
    padding: 1.5em 1em;
  }
  .features-area .button-area {
    margin-top: 3rem;
  }
  .features-area .button-area p {
    font-size: 1.4rem;
  }
  a.btn-bluray {
    width: 300px;
    padding: 2rem 0;
    font-size: 1.6rem;
    border-radius: 1rem;
  }
}
/*-------------------------------------------------
　仕様
-------------------------------------------------*/
.specification-area .row {
  align-items: center;
}
.tbl-specification {
  width:100%;
}
.tbl-specification th,
.tbl-specification td {
  border:1px solid #ccc;
  padding:2px 5px;
  font-size:1.4rem;
}
.tbl-specification th {
  background-color:#eee;
  text-align:center;
}
.td-data {
  text-align:center;
}
.specification-right .notes-list {
  margin-top:50px;
}

/*-------------------------------------------------
　月額基本料金
-------------------------------------------------*/
.getsugaku-fee {
  margin-bottom:15px;
}
.txt-fee {
  font-size: 2rem;
  font-weight: bold;
}
.txt-fee .fee {
  font-size: 4rem;
  font-weight: 700;
  color: #c7161d;
  display: inline-block;
}
.txt-fee .fee > span {
  font-size: 0.5em;
  font-weight: 700;
}
a.btn-sub-bluray {
  display: inline-block;
  max-width: 100%;
  background-color: #ffffff;
  padding: 2rem 5rem 2rem 4rem;
  color: #222;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  border-radius: 1rem;
  transition: 0.2s;
  border: 3px solid #c7161d;
  position: relative;
  margin-top: 1rem;
}
a.btn-sub-bluray:hover {
  color: #c7161d;
}
a.btn-sub-bluray::after {
  font-family: FontAwesome;
  content: "\f08e";
  font-size: 1em;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  right: 1em;
  color: #c7161d;
}
@media screen and (max-width: 991px) {
  a.btn-sub-bluray {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  a.btn-sub-bluray {
    display: block;
    width: 300px;
    border-width: 2px;
    padding: 1.5rem 4rem 1.5rem 3rem;
    margin: 3rem auto 0;
  }
}
/*-------------------------------------------------
　工事料金
-------------------------------------------------*/
.tbl-kouji-fee {
  font-size:1.4rem;
  margin-bottom:30px;
}
.tbl-kouji-fee th,
.tbl-kouji-fee td {
  padding:0.6em 15px;
  vertical-align:middle;
}
.bg-kouji-fee,
.bg-kouji-fee th,
.bg-kouji-fee td {
  background-color:#eeeeef;
}
.th-kouji {
  width:150px;
}
.kouji-name {
  border-left:3px solid #222;
  padding-left:5px;
  line-height:1;
}
.td-kouji-type {
  width: 300px;
}
.kouji-fee {
  font-weight:bold;
  width:100px;
}
.kouji-fee span {
  font-size:1.1rem;
  font-weight:normal;
}
.td-notes {
  font-size:1.2rem;
  line-height:1.4;
}
.border-kouji {
  border-top:1px solid #bcbcbc;
}
/*4K視聴方法*/
.viewing-way {
  background-color:#f2e4a4;
  padding:15px 40px;
}
.viewing-way-left {
  float:left;
  margin-right:25px;
}
.viewing-way-center {
  display:inline-block;
  width:450px;
  line-height:1.6;
  margin-right:30px;
}
.viewing-way-center span {
  font-weight:bold;
  border-bottom:1px solid #c7161e;
}

/*BSパススルー*/
.bs-pass-through {
  background-color:#eeeeef;
  padding:15px;
}
.bs-pass-through-right {
  overflow: hidden;
}
.bs-pass-through-title {
  background-color:#dbdcdc;
  padding:15px;
  font-weight:bold;
  float:left;
  margin-right:15px;
}
.bs-pass-through-right .about-txt {
  font-size:1.5rem;
}
.contents-block:last-of-type {
  margin-bottom:50px;
}
.customer-contact-area {
  margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
  .contents-inner-block {
    margin-bottom: 5rem;
  }
  .contents-title {
    font-size:2.4rem;
  }
  .contents-inner-title {
    font-size:2rem;
    padding:3px 0 3px 5px;
  }
  .contents-title:before {
    font-size:2.4rem;
  }
  /*仕様*/
  .tbl-specification th,
  .tbl-specification td {
    font-size:1.2rem;
  }
  .specification-right {
    margin-top:15px;
  }
  .specification-right .notes-list {
    margin-top:15px;
  }
  /*工事料金*/
  .tbl-kouji-fee th,
  .tbl-kouji-fee td {
    width:100%;
    float:left;
    padding:5px 10px;
  }
  .tbl-kouji-fee th {
    padding:15px 10px 10px;
    font-weight:bold;
  }
  .kouji-name {
    font-weight:bold;
  }
  .getsugaku-fee {
    margin-bottom:10px;
  }
  .viewing-way {
    padding: 15px;
  }
  .viewing-way-left,
  .viewing-way-right {
    float:none;
    margin-right:auto;
    margin-left:auto;
    display:block;
    max-width:100%;
  }
  .viewing-way-center {
    overflow:hidden;
    width:auto;
    margin-right:0;
  }
  .bs-pass-through-title {
    float:none;
    margin-right:0;
    text-align:center;
    padding:10px 15px;
    margin-bottom:10px;
  }
  .bs-pass-through-right .about-txt {
    font-size:1.4rem;
  }
}
@media screen and (max-width: 575px) {

}