@charset "utf-8";
/* ----------------------------------------

external

---------------------------------------- */
.external .title_main {
    background: url(/assets/img/software/software_title_bg01.png) no-repeat center top, linear-gradient(to right, #f2f2f2 50%, #00bbda 50%);
    background-size: auto 110px;
    letter-spacing: .5rem;
    height: 70px;
    line-height: 70px;
}
.external main .spacer {
  max-width: 900px;
  margin: 0 auto;
}
.external main h1 {
  text-align: center;
  margin-bottom:  20px;
}
.external dl {
  margin-top: 20px;
}
.external dt {
  font-weight: bold;
}
.external dd p{
  text-indent:1em;
}
.external dd{
  margin-bottom: 20px;
}
.external main p.indent {
  text-indent: 1em;
}
.external main p.end {
  text-align: right;
  padding: 1em 0 2em;
}
.external .ttl {
  margin: 40px 0 10px;
  padding: 0;
  font-weight: bold;
}
.external .ttl::before {
  content: "\25CF";
  color: #01addf;
}
.external table {
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  font-size:1.2rem;
  min-width: 600px;
}
.external table .w25 {
  width: 250px;
}
.external table .w15 {
  width: 150px;
}
.external table .biz {
  width: 50px;
}
.external table .optout {
  width: 50px;
}

.external main th{
  background: #efefef;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding: .3em .5em;
}
.external main td {
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding: .3em .5em;
}


@media only screen and (max-width: 767px) {
  .external .title_main {
    background-position: -224px 0;
    background-size: auto 70px;
  }
  .external h1 {
    font-size: 1.6rem;
  }
  .external main p.data {
    padding: 1em 0 1em;
  }
  .external main p.text {
    padding: 0 0 1.5em;
  }
  .external main ul li {
    padding: 0 0 1em 2em;
    text-indent: -2em;
  }
  .external table .w25 {
  width: 250px;
  }
  .external table .w15 {
  width: 150px;
  }
  .external table .w20 {
  width: 220px;
  }
  .external table .biz {
  width: 50px;
  }
  .external table .optout {
  width: 50px;
  }
  .external .scroll {
    width: 100%;
    overflow-x: scroll;
    white-space:normal;
    margin-bottom: 20px;
    -webkit-overflow-scrolling: touch;
  }
}