a:focus, *:focus {
  outline: none
}

a, a:visited {
  color: inherit
}

.header-in {
  margin: 0 auto;
  width: 940px
}

@media only screen and (max-width:833px) {
  .header-in {
    width: 100%
  }
  .header-in img {
    width: 100%
  }
}

.footer-top-in {
  margin: 0 auto;
  width: 940px
}

@media only screen and (max-width:833px) {
  .footer-top-in {
    width: 100%
  }
  .footer-top-in img {
    width: 100%
  }
}

img.responsive-pc {
  max-width: 100%
}

@media only screen and (max-width:950px) {
  img.responsive-pc {
    display: none
  }
}

img.responsive-sp {
  max-width: 100%;
  display: none
}

@media only screen and (max-width:950px) {
  img.responsive-sp {
    display: inline-block
  }
}

.iot-wrap-bg04>.iot-wh-bg01.usecase {
  padding: 25px 32px 38px
}

@media only screen and (max-width:833px) {
  .iot-wrap-bg04>.iot-wh-bg01.usecase {
    padding: 15px 12px 22px
  }
}

.iot-wrap-bg04>.iot-wh-bg01.network {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 20px
}

.iot-wrap-bg04>.iot-wh-bg01.network h1+p {
  text-align: center;
  margin-bottom: 20px
}

@media only screen and (max-width:833px) {
  .iot-wrap-bg04>.iot-wh-bg01.network {
    padding-left: 12px;
    padding-right: 12px
  }
  .iot-wrap-bg04>.iot-wh-bg01.network h1+p {
    word-break: keep-all;
    font-size: 0.75rem
  }
}

a.arrow-link::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 15px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_right.png") left center no-repeat;
  margin-right: 15px;
  vertical-align: baseline
}

@media only screen and (max-width:833px) {
  a.arrow-link::before {
    background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_right_sp.png");
    width: 4.5px;
    height: 9.5px;
    background-size: 4.5px 9.5px;
    margin-right: 5px
  }
}

.iot-wh-bg01.usecase {
  font-size: 1rem
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase {
    font-size: 0.75rem
  }
}

.iot-wh-bg01.usecase h1 {
  font-size: 2.375rem;
  margin-left: -110px
}

.iot-wh-bg01.usecase h1 img {
  vertical-align: middle;
  margin-right: 35px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase h1 {
    margin-left: -40px;
    font-size: 1.3125rem
  }
  .iot-wh-bg01.usecase h1 img {
    width: 36.5px;
    margin-right: 12px;
    vertical-align: -10px
  }
}

.iot-wh-bg01.usecase .iot_mv {
  text-align: center
}

.iot-wh-bg01.usecase .iot_mv p {
  font-size: 1rem;
  margin: 20px 0
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .iot_mv p {
    font-size: 0.75rem;
    word-break: keep-all
  }
}

.iot-wh-bg01.usecase nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.iot-wh-bg01.usecase nav ul li {
  width: 288px;
  text-align: center;
  background: #fff;
  margin-right: 6px
}

@media only screen and (max-width:950px) {
  .iot-wh-bg01.usecase nav ul li {
    width: 32.6%;
    margin-right: .8%
  }
}

.iot-wh-bg01.usecase nav ul li:nth-child(n+3) {
  margin-right: 0
}

.iot-wh-bg01.usecase nav ul li a.inner-anchor {
  display: block;
  padding: 20px 0 30px;
  text-decoration: none;
  font-weight: bold;
  position: relative
}

@media only screen and (max-width:950px) {
  .iot-wh-bg01.usecase nav ul li a.inner-anchor {
    font-size: 0.75rem;
    font-size: 3.2vw;
    font-size: 3.2vmin;
    height: 100%;
    word-break: keep-all;
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 8px 0 20px
  }
}

.iot-wh-bg01.usecase nav ul li a.inner-anchor::after {
  content: "";
  width: 15px;
  height: 7px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_bottom.png") left top no-repeat;
  position: absolute;
  left: 50%;
  bottom: 15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase nav ul li a.inner-anchor::after {
    bottom: 8px;
    background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_bottom_sp.png");
    width: 9.5px;
    height: 4.5px;
    background-size: 9.5px 4.5px
  }
}

.iot-wh-bg01.usecase .usecase-section#sec01 {
  margin-top: 35px;
  padding-bottom: 20px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section#sec01 {
    margin-top: 25px
  }
}

.iot-wh-bg01.usecase .usecase-section>h2 {
  font-size: 1.875rem;
  font-weight: bold;
  border-bottom: 2px solid #368fa9;
  padding-bottom: 10px;
  margin-bottom: 20px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section>h2 {
    font-size: 1.1875rem
  }
}

.iot-wh-bg01.usecase .usecase-section>h2+p {
  margin: 20px 0 10px
}

.iot-wh-bg01.usecase .usecase-section dl {
  background: #a4d8e9;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-weight: bold;
  margin: 40px 0 20px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section dl {
    margin: 35px 0 12px
  }
}

.iot-wh-bg01.usecase .usecase-section dl dt {
  padding: 4px 0;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/usecase/img/bg_usecase_left.png") left center no-repeat;
  color: #fff;
  font-size: 1.625rem;
  padding-left: 15px;
  box-sizing: border-box;
  width: 218px
}

.iot-wh-bg01.usecase .usecase-section dl dt br {
  display: none
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section dl dt {
    text-align: center;
    font-size: 1.125rem;
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/usecase/img/bg_usecase_left_sp.png") right center no-repeat;
    width: 105px;
    background-size: cover;
    padding-left: 0;
    line-height: 1.4;
    padding: 10px 0
  }
  .iot-wh-bg01.usecase .usecase-section dl dt br {
    display: block
  }
}

.iot-wh-bg01.usecase .usecase-section dl dt b {
  font-size: 1.875rem;
  vertical-align: -2px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section dl dt b {
    font-size: 1.25rem;
    vertical-align: baseline
  }
}

.iot-wh-bg01.usecase .usecase-section dl dd {
  font-size: 1.375rem;
  padding-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section dl dd {
    font-size: 1rem;
    line-height: 1.4;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: 2px
  }
}

.iot-wh-bg01.usecase .usecase-section .example-usecase {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section .example-usecase {
    display: block
  }
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box {
  background: #fff;
  width: 280px;
  padding: 30px 20px;
  margin-right: 18px
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box .image-box {
  text-align: center
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box .image-box img {
  max-width: 100%
}

@media only screen and (max-width:950px) {
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box {
    width: 100%;
    margin-right: 0;
    padding: 20px 10px;
    margin-bottom: 12px
  }
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
  }
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box label .image-box {
    width: 40%;
    margin-right: 5px
  }
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box label .image-box img {
    margin-bottom: 0
  }
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box .modal p.iot-al-center {
    text-align: left;
    font-size: 0.875rem;
    margin-bottom: 20px
  }
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box .introduction-case {
    margin: 0
  }
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box:nth-child(n+3) {
  margin-right: 0
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box img {
  margin-bottom: 25px
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box p.case {
  padding-left: 20px;
  position: relative;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: bold
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box p.case {
    font-size: 0.9375rem;
    padding-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
  }
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box p.case::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 15px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_right.png") left center no-repeat;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box p.case::before {
    width: 4.5px;
    height: 9.5px;
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_right_sp.png") left center no-repeat;
    margin-right: 5px;
    background-size: 4.5px 9.5px
  }
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box ul.iot-list {
  display: table
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box ul.iot-list {
    margin-bottom: 40px
  }
}

.iot-wh-bg01.usecase .usecase-section .example-usecase .case-box ul.iot-list li {
  display: table-cell;
  padding: 0 4px;
  width: 20%
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box ul.iot-list {
    display: block
  }
  .iot-wh-bg01.usecase .usecase-section .example-usecase .case-box ul.iot-list li {
    width: 100%;
    display: block
  }
}

.iot-wh-bg01.usecase .usecase-section h3 {
  margin: 50px 0 20px;
  font-size: 1.375rem;
  font-weight: bold;
  border-bottom: 2px solid #368fa9;
  padding-bottom: 10px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section h3 {
    font-size: 1.1875rem;
    margin: 0;
    padding-bottom: 5px
  }
}

.iot-wh-bg01.usecase .usecase-section .introduction-case {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section .introduction-case {
    display: block;
    margin-bottom: 40px
  }
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li {
  width: 49%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-thumb {
  width: 126px
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-thumb img {
  max-width: 100%
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-left: 15px
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents a.arrow-link {
  font-size: 0.875rem
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents a.arrow-link::before {
  vertical-align: middle;
  margin-right: 8px
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents .tag {
  font-size: 0;
  letter-spacing: -.4em;
  margin-top: 5px
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents .tag li {
  display: inline-block;
  padding: 0 5px;
  background: #2aa0c3;
  color: #fff;
  font-weight: bold;
  font-size: 0.6875rem;
  margin-bottom: 5px;
  margin-right: 7px;
  letter-spacing: normal
}

.iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents p {
  font-size: 0.6875rem
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section .introduction-case>li {
    width: 100%;
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #b5b5b5
  }
  .iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-thumb {
    display: none
  }
  .iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents {
    margin-left: 0
  }
  .iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents .tag {
    margin: 5px 0 0
  }
  .iot-wh-bg01.usecase .usecase-section .introduction-case>li .introduction-contents p {
    font-size: 0.75rem
  }
}

.iot-wh-bg01.usecase .usecase-section ul.related {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 30px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section ul.related {
    display: block;
    margin: 0
  }
}

.iot-wh-bg01.usecase .usecase-section ul.related li {
  width: 280px;
  margin-right: 18px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section ul.related li {
    width: 100%;
    margin-right: 0;
    padding: 25px 0;
    border-bottom: 1px solid #b5b5b5
  }
}

.iot-wh-bg01.usecase .usecase-section ul.related li:nth-child(3n) {
  margin-right: 0
}

.iot-wh-bg01.usecase .usecase-section ul.related li:nth-child(n+4) {
  margin-top: 20px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section ul.related li:nth-child(n+4) {
    margin-top: 0
  }
}

.iot-wh-bg01.usecase .usecase-section ul.related li h4 {
  font-size: 1rem;
  border-bottom: 1px solid #313131;
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  height: 75px;
  font-weight: bold
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section ul.related li h4 {
    font-size: 0.875rem;
    margin-bottom: 10px
  }
}

.iot-wh-bg01.usecase .usecase-section ul.related li p {
  text-align: right
}

.iot-wh-bg01.usecase .usecase-section ul.related li p a {
  font-size: 0.6875rem
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .usecase-section ul.related li p a {
    font-size: 0.75rem
  }
}

.iot-wh-bg01.usecase .usecase-section ul.related li p a::before {
  margin-right: 10px;
  vertical-align: middle
}

.iot-wh-bg01.usecase .other-job-category {
  margin: 85px 0 0
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .other-job-category {
    margin-top: 42px
  }
}

.iot-wh-bg01.usecase .other-job-category h2 {
  font-size: 1.875rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .other-job-category h2 {
    font-size: 1.3125rem;
    margin-bottom: 20px
  }
}

.iot-wh-bg01.usecase .other-job-category .job-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.iot-wh-bg01.usecase .other-job-category .job-list li {
  width: 213px;
  margin-right: 8px;
  background: #fff;
  margin-bottom: 8px;
  font-size: 0.875rem
}

.iot-wh-bg01.usecase .other-job-category .job-list li:nth-child(4n) {
  margin-right: 0
}

.iot-wh-bg01.usecase .other-job-category .job-list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  padding: 21px 20px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_right.png") 15px center no-repeat;
  text-decoration: none;
  line-height: 1
}

.iot-wh-bg01.usecase .other-job-category .job-list li a:hover {
  text-decoration: underline
}

@media only screen and (max-width:833px) {
  .iot-wh-bg01.usecase .other-job-category .job-list li a {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/iot-common/icon_anchor_right_sp.png") 5px center no-repeat;
    background-size: 4.5px 9.5px;
    padding: 20px 15px;
    font-size: 0.875rem
  }
}

@media only screen and (max-width:950px) {
  .iot-wh-bg01.usecase .other-job-category .job-list li {
    width: 49%;
    margin-right: 2%
  }
  .iot-wh-bg01.usecase .other-job-category .job-list li:nth-child(2n) {
    margin-right: 0
  }
}

.iot-wh-bg01.network .iot-network-schematic {
  position: relative
}

.iot-wh-bg01.network .iot-network-schematic .sp-only-text {
  display: none
}

@media only screen and (max-width:950px) {
  .iot-wh-bg01.network .iot-network-schematic .sp-only-text {
    display: inline-block;
    font-size: 0.75rem;
    margin-top: 20px
  }
}

@media only screen and (max-width:950px) {
  .iot-wh-bg01.network .iot-network-schematic .absolute-link {
    display: none
  }
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a {
  position: absolute
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-5g {
  right: 260px;
  top: 50px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-lte-network {
  right: 225px;
  top: 111px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-lte-module {
  right: 181px;
  top: 153px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-lpwa {
  left: 367px;
  top: 295px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-cat1 {
  left: 433px;
  top: 422px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-lte-m {
  left: 433px;
  top: 469px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-nb-iot {
  left: 433px;
  top: 476px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-edrx {
  right: 239px;
  top: 422px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-psm {
  right: 271px;
  top: 469px
}

.iot-wh-bg01.network .iot-network-schematic .absolute-link a.link-lor-network {
  left: 253px;
  bottom: 381px
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link {
  display: none;
  margin-top: 10px
}

@media only screen and (max-width:950px) {
  .iot-wh-bg01.network .iot-network-schematic ul.sp-link {
    display: block
  }
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li {
  padding: 10px;
  border-bottom: 1px solid #000
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li:last-child {
  border-bottom: 0
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li:last-child .inner-box {
  padding-bottom: 0
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li a {
  color: #d00f31;
  font-weight: bold;
  font-size: 1.125rem
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li a:before {
  vertical-align: 2px
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li h2 {
  font-size: 1.125rem;
  margin-top: 10px;
  font-weight: bold
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box {
  padding: 0 0 10px 10px
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .based {
  position: relative;
  padding-right: 45px
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .based p {
  font-size: 1.125rem;
  color: #0068b7;
  font-weight: bold;
  line-height: 1.5
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .based p:first-child::after {
  content: "";
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 0;
  top: 5px
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .based p:last-child {
  padding-left: 10px
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .based p:last-child::after {
  content: "";
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  right: 0;
  bottom: 6px
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .based p+p {
  margin-top: 0
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .based::before {
  content: "";
  width: 1px;
  height: 71px;
  background: #000;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .integration {
  padding-left: 20px;
  position: relative
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box .relevance .integration::before {
  content: "";
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 50%
}

.iot-wh-bg01.network .iot-network-schematic ul.sp-link li .inner-box ul li {
  padding: 0;
  display: inline-block;
  border: 0;
  margin-right: 10px
}

.iot-list.partner {
  width: 845px;
  overflow: hidden
}

@media only screen and (max-width:833px) {
  .iot-list.partner {
    width: 100%;
    padding: 0 20px
  }
}

.iot-list.partner .iot-img01 {
  margin: 0;
  width: 35%;
  margin-right: 35px
}

@media only screen and (max-width:833px) {
  .iot-list.partner .iot-img01 {
    margin-right: 15px
  }
}

.iot-list.partner p {
  font-size: 0.875rem;
  margin: 0 0 20px;
  display: block;
  width: initial;
  width: auto
}

@media only screen and (max-width:833px) {
  .iot-top-sec02.network p.iot-wrap-box {
    word-break: keep-all
  }
}

.usecase-wrap-box {
  width: 844px;
  height: 456px;
  padding: 40px 0;
  box-sizing: border-box;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/bg_top_usecase.png") center bottom no-repeat;
  overflow: hidden;
  position: relative
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box {
    width: 100%;
    height: initial;
    height: auto;
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/img/bg_top_usecase_sp.png") #fff center bottom no-repeat;
    background-size: cover;
    padding: 25px 10px 70px;
    border: 1px solid #859dca
  }
}

.usecase-wrap-box ul.case {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.usecase-wrap-box ul.case li {
  width: 100px;
  margin: 0 30px
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box ul.case li {
    width: 50%;
    text-align: center;
    margin: 0 0 15px
  }
}

.usecase-wrap-box ul.case li a {
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold
}

.usecase-wrap-box ul.case li a span {
  display: block
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box ul.case li a span {
    margin-left: -10px
  }
}

.usecase-wrap-box ul.case li a img {
  margin-bottom: 7px
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box ul.case li a img {
    width: 59%;
    margin-bottom: 5px
  }
}

.usecase-wrap-box ul.case li a span img {
  width: 4px;
  height: 8px;
  margin-bottom: 0;
  vertical-align: 1px
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box ul.case li a span img {
    width: 4.5px;
    height: 9.5px;
    margin-bottom: 0
  }
}

.usecase-wrap-box .car-driving-box {
  position: absolute;
  width: 120%;
  width: calc(100% + 200px);
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box .car-driving-box {
    width: calc(100% + 100px)
  }
}

.usecase-wrap-box .car-driving-box .img-car01 {
  position: absolute;
  bottom: 7px;
  -webkit-animation: car-slide 14s linear 4s infinite normal;
  animation: car-slide 14s linear 4s infinite normal;
  left: 0;
  z-index: 1
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box .car-driving-box .img-car01 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    bottom: 3px
  }
  .usecase-wrap-box .car-driving-box .img-car01 img {
    width: 39px
  }
}

.usecase-wrap-box .car-driving-box .img-car02 {
  position: absolute;
  bottom: 7px;
  -webkit-animation: bus-slide 24s linear 0s infinite normal;
  animation: bus-slide 24s linear 0s infinite normal;
  left: 0;
  z-index: 2
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box .car-driving-box .img-car02 {
    bottom: 3px
  }
  .usecase-wrap-box .car-driving-box .img-car02 img {
    width: 49px
  }
}

.usecase-wrap-box .car-driving-box .img-car03 {
  position: absolute;
  bottom: 7px;
  -webkit-animation: car-slide 14s linear 1.5s infinite normal;
  animation: car-slide 14s linear 1.5s infinite normal;
  left: 0;
  z-index: 1
}

@media only screen and (max-width:833px) {
  .usecase-wrap-box .car-driving-box .img-car03 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    bottom: 3px
  }
  .usecase-wrap-box .car-driving-box .img-car03 img {
    width: 50px
  }
}

@-webkit-keyframes car-slide {
  0% {
    margin-left: 100%
  }
  100% {
    margin-left: 0
  }
}

@-webkit-keyframes bus-slide {
  0% {
    margin-left: 100%
  }
  30% {
    margin-left: 48%
  }
  35% {
    margin-left: 41%
  }
  38% {
    margin-left: 38%
  }
  42% {
    margin-left: 35%
  }
  45% {
    margin-left: 34%
  }
  48% {
    margin-left: 33.4%
  }
  50% {
    margin-left: 33%
  }
  65% {
    margin-left: 33%
  }
  75% {
    margin-left: 28%
  }
  80% {
    margin-left: 24%
  }
  85% {
    margin-left: 19%
  }
  90% {
    margin-left: 13%
  }
  100% {
    margin-left: 0
  }
}

.report-wrap-box .map-area {
  background: #fff
}

@media print, screen and (min-width:834px) {
  .report-wrap-box .map-area {
    border: 1px solid #7f90cb
  }
}

@media only screen and (max-width:833px) {
  .report-wrap-box .map-area {
    padding: 20px 0
  }
}

.report-wrap-box .map-area .map-img-box {
  width: 580px;
  height: 466px;
  margin: 80px auto 30px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/map.png") no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 1
}

@media only screen and (max-width:833px) {
  .report-wrap-box .map-area .map-img-box {
    width: 80vw;
    height: 220px;
    margin: 0 auto;
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/map_sp.png") no-repeat center center;
    background-size: contain
  }
}

.report-wrap-box .map-area .map-img-box .hover-box-on-text {
  position: absolute;
  top: 90px;
  left: 0
}

@media only screen and (max-width:833px) {
  .report-wrap-box .map-area .map-img-box .hover-box-on-text {
    display: none
  }
}

.report-wrap-box .map-area .map-img-box .hover-box {
  display: none
}

@media print, screen and (min-width:834px) {
  .report-wrap-box .map-area .map-img-box .pin-area {
    position: absolute;
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin.png") no-repeat center center;
    width: 42px;
    height: 52px;
    z-index: 2
  }
  .report-wrap-box .map-area .map-img-box .pin-area a {
    position: absolute;
    top: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    z-index: 3;
    outline: none
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover {
    position: absolute;
    z-index: 3
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box {
    display: block;
    position: absolute;
    width: 420px;
    background: #f6f6f6;
    padding: 20px;
    position: relative;
    z-index: 3
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box.new::before {
    content: "";
    position: absolute;
    z-index: 4;
    left: -3px;
    top: 10px;
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/new.png") no-repeat center center;
    background-size: contain;
    width: 80px;
    height: 26px
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box .top-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box .top-area .img-box {
    margin-right: 15px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box .top-area p {
    margin: 0
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box .top-area .text-box .category {
    color: #c03;
    font-weight: bold;
    font-size: 0.875rem;
    padding-left: 30px
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box .top-area .text-box .name {
    line-height: 1.5;
    margin-top: 8px;
    font-size: 0.875rem
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box .top-area .text-box .report-title {
    font-weight: bold;
    line-height: 1.5;
    margin-top: 5px;
    font-size: 1rem
  }
  .report-wrap-box .map-area .map-img-box .pin-area a:hover .hover-box .bottom-area {
    margin-top: 10px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-miyagi {
    bottom: 247px;
    right: 20px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-miyagi a {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark09.png") no-repeat center center
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-miyagi a:hover .hover-box {
    top: -223px;
    left: -620px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-miyagi a:hover .hover-box .category {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark09.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-aichi {
    bottom: 105px;
    right: 205px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-aichi a {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark07.png") no-repeat center center
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-aichi a:hover .hover-box {
    top: -364px;
    left: -434px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-aichi a:hover .hover-box .category {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark07.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-nagano {
    bottom: 174px;
    right: 157px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-nagano a {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark09.png") no-repeat center center
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-nagano a:hover .hover-box {
    top: -296px;
    left: -483px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-nagano a:hover .hover-box .category {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark09.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-kagoshima {
    bottom: 35px;
    right: 410px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-kagoshima a {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark09.png") no-repeat center center
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-kagoshima a:hover .hover-box {
    top: -435px;
    left: -230px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-kagoshima a:hover .hover-box .category {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark09.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-toyama {
    bottom: 182px;
    right: 230px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-toyama a {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark04.png") no-repeat center center
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-toyama a:hover .hover-box {
    top: -288px;
    left: -410px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-toyama a:hover .hover-box .category {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark04.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-ehime {
    bottom: 100px;
    left: 212px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-ehime a {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark05.png") no-repeat center center
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-ehime a:hover .hover-box {
    top: -370px;
    left: -314px
  }
  .report-wrap-box .map-area .map-img-box .pin-area.pin-ehime a:hover .hover-box .category {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark05.png") no-repeat left center;
    background-size: contain
  }
}

.report-wrap-box .sp-only-area {
  display: none
}

@media only screen and (max-width:833px) {
  .report-wrap-box .sp-only-area {
    display: block;
    margin-top: 20px
  }
  .report-wrap-box .sp-only-area li.acd-box:nth-child(n+2) {
    border-top: 1px solid #fff
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-check {
    display: none
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check1+.acd-label {
    background: #cb7aad
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check2+.acd-label {
    background: #6997ca
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check3+.acd-label {
    background: #6ec3d6
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check4+.acd-label {
    background: #54ac88
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check5+.acd-label {
    background: #3ca7aa
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check6+.acd-label {
    background: #97c45d
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check7+.acd-label {
    background: #e19930
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check8+.acd-label {
    background: #df7c41
  }
  .report-wrap-box .sp-only-area li.acd-box #acd-check9+.acd-label {
    background: #db6d62
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-label {
    display: block;
    padding: 10px 20px;
    color: #fff;
    font-size: 1.25rem;
    letter-spacing: .1em;
    font-weight: bold;
    position: relative
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-label::before {
    content: "";
    position: absolute;
    right: 12px;
    margin-top: -6px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content {
    height: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li {
    margin: 0;
    padding: 10px 0
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li:nth-child(n+2) {
    border-top: 1px solid #a0a0a0
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li p.coming-soon {
    padding: 5px 0 5px 10px
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a {
    display: block;
    padding: 0 10px;
    width: 100%;
    text-decoration: none;
    outline: none;
    position: relative
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a::after {
    content: "";
    position: absolute;
    right: 10px;
    margin-top: -5px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: solid 2px #ca0a37;
    border-right: solid 2px #ca0a37;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .img-box {
    width: 120px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 10px;
    position: relative;
    z-index: 1
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .img-box.new::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: -5px;
    top: -5px;
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/new.png") no-repeat center center;
    background-size: contain;
    width: 62px;
    height: 20px
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box {
    text-decoration: none;
    padding-right: 15px
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category {
    color: #c03;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 28px;
    margin-top: 3px;
    position: relative
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category::before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category01::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark01.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category02::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark02.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category03::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark03.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category04::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark04.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category05::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark05.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category06::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark06.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category07::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark07.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category08::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark08.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .category.category09::before {
    background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_pin_mark09.png") no-repeat left center;
    background-size: contain
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .name {
    color: #292929;
    margin-top: 5px;
    line-height: 1.5
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .top-area .text-box .report-title {
    color: #292929;
    font-weight: bold;
    margin-top: 6px;
    line-height: 1.5
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-content li a .bottom-area {
    margin-top: 10px
  }
  .report-wrap-box .sp-only-area li.acd-box .acd-check:checked+.acd-label+.acd-content {
    height: auto;
    opacity: 1;
    visibility: visible
  }
}

.iot-wrap-box.iot-report .area-name {
  text-align: center;
  color: #237d98;
  font-size: 1.625rem;
  font-weight: bold
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .area-name {
    font-size: 0.875rem
  }
}

.iot-wrap-box.iot-report .report-title-box {
  margin-top: 50px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box {
    margin-top: 20px
  }
}

.iot-wrap-box.iot-report .report-title-box .text-box-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  background: #a4d8e9
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1;
  position: relative;
  z-index: 1;
  background-color: #2aa0c3;
  padding: 10px 10px 10px 60px;
  background-position: 15px center;
  background-repeat: no-repeat
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category01 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category01.png")
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .category.category01 {
    background-size: 14%
  }
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category02 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category02.png")
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .category.category02 {
    background-size: 13%
  }
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category03 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category03.png")
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .category.category03 {
    background-size: 16%
  }
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category04 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category04.png")
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .category.category04 {
    background-size: 16%
  }
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category05 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category05.png")
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category06 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category06.png")
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category07 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category07.png")
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .category.category07 {
    background-size: 13%
  }
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category08 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category08.png")
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .category.category09 {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_category09.png")
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .category.category09 {
    background-size: 18%
  }
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .category {
    font-size: 0.75rem;
    padding: 5px 0 5px 35px;
    background-position: 10px center;
    background-size: 15%
  }
}

.iot-wrap-box.iot-report .report-title-box .text-box-top .customer-name {
  margin-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #237d98;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 10px 30px 10px 60px;
  line-height: 1.5;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/img_triangle.png") left center no-repeat
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .text-box-top .customer-name {
    font-size: 0.75rem;
    padding: 8px 10px 8px 35px
  }
}

.iot-wrap-box.iot-report .report-title-box .report-title {
  background: #fff;
  font-size: 1.875rem;
  font-weight: bold;
  padding: 15px 30px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-title-box .report-title {
    font-size: 0.9375rem;
    padding: 10px 10px
  }
}

.iot-wrap-box.iot-report .report-subtitle-area {
  margin-top: 60px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-subtitle-area {
    margin-top: 30px
  }
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-subtitle-area .ttl-flow .spNone {
    display: none
  }
}

.iot-wrap-box.iot-report .report-subtitle-area .ttl-flow .pcNone {
  display: none
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-subtitle-area .ttl-flow .pcNone {
    display: inline-block
  }
}

.iot-wrap-box.iot-report .report-subtitle-area .report-subtitle {
  margin-top: 20px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-subtitle-area .report-subtitle {
    margin-top: 15px
  }
}

.iot-wrap-box.iot-report .report-subtitle-area .report-subtitle .date {
  color: #8c8c8c;
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.5
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-subtitle-area .report-subtitle .date {
    font-size: 0.75rem
  }
}

.iot-wrap-box.iot-report .report-subtitle-area .report-subtitle .subtitle {
  text-align: center;
  font-size: 1.75rem;
  font-weight: bold
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-subtitle-area .report-subtitle .subtitle {
    font-size: 0.9375rem;
    text-align: left
  }
}

.iot-wrap-box.iot-report .staff-area {
  background: #f8fdff;
  padding: 20px;
  margin-top: 30px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .staff-area {
    padding: 10px
  }
}

.iot-wrap-box.iot-report .staff-area .title {
  font-size: 1rem;
  border-bottom: 1px solid #aaa;
  padding-bottom: 5px;
  font-weight: bold
}

@media print, screen and (min-width:834px) {
  .iot-wrap-box.iot-report .staff-area .title {
    width: calc(100% - 220px)
  }
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .staff-area .title {
    font-size: 0.75rem
  }
}

.iot-wrap-box.iot-report .staff-area .content-box {
  font-size: 1rem;
  margin-top: 15px
}

.iot-wrap-box.iot-report .staff-area .content-box::after {
  content: "";
  clear: both;
  display: block
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .staff-area .content-box {
    font-size: 0.75rem;
    width: 100%
  }
}

.iot-wrap-box.iot-report .staff-area .content-box .img-box {
  float: right;
  margin-left: 20px
}

@media print, screen and (min-width:834px) {
  .iot-wrap-box.iot-report .staff-area .content-box .img-box {
    margin-top: -40px
  }
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .staff-area .content-box .img-box {
    margin-left: 10px;
    width: 100px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }
}

@media print, screen and (min-width:834px) {
  .iot-wrap-box.iot-report .staff-area .content-box .text-box {
    width: calc(100% - 200px)
  }
}

.iot-wrap-box.iot-report .staff-area .content-box .text-box .name {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 5px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .staff-area .content-box .text-box .name {
    font-size: 0.8125rem
  }
}

.iot-wrap-box.iot-report .staff-area .content-box .text-box p {
  margin: 0;
  line-height: 1.6
}

.iot-wrap-box.iot-report .text-area {
  margin-top: 60px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .text-area {
    margin-top: 40px
  }
}

.iot-wrap-box.iot-report .text-area::after {
  content: "";
  clear: both;
  display: block
}

.iot-wrap-box.iot-report .text-area .read-text {
  color: #368fa9;
  font-size: 1.625rem;
  font-weight: bold
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .text-area .read-text {
    font-size: 0.9375rem
  }
}

.iot-wrap-box.iot-report .text-area .text-content {
  font-size: 1rem;
  margin-top: 30px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .text-area .text-content {
    font-size: 0.75rem;
    margin-top: 20px
  }
}

@media print, screen and (min-width:834px) {
  .iot-wrap-box.iot-report .text-area .text-content.left-img-ver .img-box {
    float: left;
    margin: 0 30px 10px 0
  }
}

@media print, screen and (min-width:834px) {
  .iot-wrap-box.iot-report .text-area .text-content.right-img-ver .img-box {
    float: right;
    margin: 0 0 10px 30px
  }
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .text-area .text-content .img-box {
    margin-bottom: 20px
  }
}

.iot-wrap-box.iot-report .text-area .time-flow {
  margin-top: 30px;
  text-align: center
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .text-area .time-flow {
    margin-top: 20px
  }
  .iot-wrap-box.iot-report .text-area .time-flow .spNone {
    display: none
  }
}

.iot-wrap-box.iot-report .text-area .time-flow .pcNone {
  display: none
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .text-area .time-flow .pcNone {
    display: inline-block
  }
}

.iot-wrap-box.iot-report .btn-area {
  margin: 60px auto 80px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .btn-area {
    margin: 40px auto 60px
  }
}

.iot-wrap-box.iot-report .btn-area li:nth-child(n+2) {
  margin-top: 15px
}

.iot-wrap-box.iot-report .btn-area li a {
  text-decoration: none;
  outline: none
}

.iot-wrap-box.iot-report .btn-area li .button {
  display: block;
  margin: auto;
  width: 400px;
  padding: 10px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .btn-area li .button {
    width: 100%;
    font-size: 0.9375rem
  }
}

.iot-wrap-box.iot-report .btn-area li .button.link-none {
  background: #aaa;
  color: #fff
}

.iot-wrap-box.iot-report .btn-area li .button.next-page {
  background: #c03;
  color: #fff !important
}

.iot-wrap-box.iot-report .btn-area li .button.next-page:hover {
  background: #b0032b
}

.iot-wrap-box.iot-report .btn-area li .button.list-back {
  color: #292929;
  background: #fff
}

.iot-wrap-box.iot-report .btn-area li .button.list-back:hover {
  background: #fafafa
}

.iot-wrap-box.iot-report .relation-area h3 {
  font-size: 1.375rem;
  font-weight: bold;
  border-bottom: 2px solid #368fa9;
  padding-bottom: 10px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .relation-area h3 {
    font-size: 1.1875rem
  }
}

.iot-wrap-box.iot-report .relation-area ul.related {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .relation-area ul.related {
    display: block
  }
}

.iot-wrap-box.iot-report .relation-area ul.related li {
  width: 280px
}

.iot-wrap-box.iot-report .relation-area ul.related li:not(:first-child) {
  margin-left: 18px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .relation-area ul.related li {
    width: 100%
  }
  .iot-wrap-box.iot-report .relation-area ul.related li:not(:first-child) {
    margin-left: 0;
    margin-top: 15px
  }
}

.iot-wrap-box.iot-report .relation-area ul.related li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  padding: 10px 20px 8px;
  background: #fff;
  border-bottom: 2px solid #a8a8a8;
  border-radius: 10px;
  text-decoration: none;
  outline: none
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .relation-area ul.related li a {
    display: block;
    min-height: auto;
    padding: 10px 15px 6px
  }
}

.iot-wrap-box.iot-report .relation-area ul.related li a:hover {
  background: #fafafa;
  -webkit-transition: .3;
  transition: .3
}

.iot-wrap-box.iot-report .relation-area ul.related li a:visited {
  color: #292929
}

.iot-wrap-box.iot-report .relation-area ul.related li a h4 {
  font-size: 1rem;
  font-weight: bold;
  text-align: left
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .relation-area ul.related li a h4 {
    font-size: 0.875rem
  }
}

.iot-wrap-box.iot-report .relation-area ul.related li a p {
  margin-top: 5px;
  padding-right: 25px;
  font-size: 0.75rem;
  position: relative;
  text-align: right
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .relation-area ul.related li a p {
    margin-top: 3px;
    padding-right: 20px
  }
}

.iot-wrap-box.iot-report .relation-area ul.related li a p img {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  vertical-align: middle
}

.iot-wrap-box.iot-report .relation-area ul.related li a p::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/iot/iot-report/img/icon_anchor_right02.png") left bottom no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .relation-area ul.related li a p::before {
    width: 15px;
    height: 15px
  }
}

.iot-wrap-box.iot-report .example-area h3 {
  margin: 50px 0 20px;
  font-size: 1.375rem;
  font-weight: bold;
  border-bottom: 2px solid #368fa9;
  padding-bottom: 10px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .example-area h3 {
    font-size: 1.1875rem;
    margin: 40px 0 0;
    padding-bottom: 5px
  }
}

.iot-wrap-box.iot-report .example-area .example-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.iot-wrap-box.iot-report .example-area .example-list>li {
  width: 49%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 10px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .example-area .example-list>li {
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #b5b5b5
  }
}

.iot-wrap-box.iot-report .example-area .example-list>li .introduction-thumb {
  width: 126px
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .example-area .example-list>li .introduction-thumb {
    display: none
  }
}

.iot-wrap-box.iot-report .example-area .example-list>li .introduction-thumb img {
  max-width: 100%
}

.iot-wrap-box.iot-report .example-area .example-list>li .introduction-contents {
  margin-left: 15px
}

.iot-wrap-box.iot-report .example-area .example-list>li .introduction-contents .arrow-link {
  font-size: 0.875rem
}

.iot-wrap-box.iot-report .example-area .example-list>li .introduction-contents .arrow-link::before {
  vertical-align: middle;
  margin-right: 8px
}

.iot-wrap-box.iot-report .report-note {
  margin-top: 50px;
  text-indent: -1em;
  padding-left: 1em
}

@media only screen and (max-width:833px) {
  .iot-wrap-box.iot-report .report-note {
    margin-top: 40px;
    font-size: 0.75rem
  }
}

@-webkit-keyframes car-slide {
  0% {
    margin-left: 100%
  }
  100% {
    margin-left: 0
  }
}

@keyframes car-slide {
  0% {
    margin-left: 100%
  }
  100% {
    margin-left: 0
  }
}

@-webkit-keyframes bus-slide {
  0% {
    margin-left: 100%
  }
  30% {
    margin-left: 48%
  }
  35% {
    margin-left: 41%
  }
  38% {
    margin-left: 38%
  }
  42% {
    margin-left: 35%
  }
  45% {
    margin-left: 34%
  }
  48% {
    margin-left: 33.4%
  }
  50% {
    margin-left: 33%
  }
  65% {
    margin-left: 33%
  }
  75% {
    margin-left: 28%
  }
  80% {
    margin-left: 24%
  }
  85% {
    margin-left: 19%
  }
  90% {
    margin-left: 13%
  }
  100% {
    margin-left: 0
  }
}

@keyframes bus-slide {
  0% {
    margin-left: 100%
  }
  30% {
    margin-left: 48%
  }
  35% {
    margin-left: 41%
  }
  38% {
    margin-left: 38%
  }
  42% {
    margin-left: 35%
  }
  45% {
    margin-left: 34%
  }
  48% {
    margin-left: 33.4%
  }
  50% {
    margin-left: 33%
  }
  65% {
    margin-left: 33%
  }
  75% {
    margin-left: 28%
  }
  80% {
    margin-left: 24%
  }
  85% {
    margin-left: 19%
  }
  90% {
    margin-left: 13%
  }
  100% {
    margin-left: 0
  }
}


/*# sourceMappingURL=iot_common.css.map */