body {
  background: #fff repeat center top;
  background-size: 1366px auto;
  background-attachment: fixed
}

@media(max-width: 834px) {
  body {
    background-size: 100% auto
  }
}

body>img {
  display: none
}

ul, li {
  list-style-type: none
}

.join_header .inner, .maincontenet, .f-inner {
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 10px;
}

.join_header {
  background-color: #000;
  z-index: 101
}

.join_header .inner {
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  justify-content: center;
}

@media(max-width: 834px) {
  .join_header .inner {
    height: 60px
  }
}

.join_header li a {
  font-size: 16px;
  color: #fff;
  height: auto;
}

@media(min-width: 835px) {
  .join_header li a.link-current:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    opacity: 1
  }
}

@media(max-width: 1024px) {
  .join_header li a {
    font-size: 13px
  }
}

@media(max-width: 1024px) {
  .join_header li {
    margin-right: 20px
  }
}

@media(max-width: 834px) {
  .join_header li {
    margin: 0 auto
  }
}

.maincontent img {
  width: 100%
}

@media(min-width: 835px) {
  .drawer--top .drawer-nav {
    top: 0;
    position: relative;
    background: none;
    overflow: visible;
    width: auto !important
  }
}

.drawer--top .drawer-nav {
  background: rgba(0, 0, 0, .8)
}

@media(max-width: 834px) {
  .drawer--top .drawer-nav {
    padding-top: 125px
  }
}

@media(min-width: 835px) {
  .drawer-hamburger {
    display: none
  }
}

.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
  background-color: #fff
}

@media(max-width: 834px) {
  .drawer-menu {
    border-top: 1px solid #fff
  }
}

@media(max-width: 834px) {
  .drawer-menu li {
    border-bottom: 1px solid #fff
  }
}

@media(min-width: 835px) {
  .spbl {
    display: none
  }
}

@media(max-width: 834px) {
  .pcbl {
    display: none
  }
}

.join_header .logo {
  margin-right: 40px
}

@media(max-width: 834px) {
  .join_header .logo {
    top: 3vw;
    z-index: 110
  }
}

.join_header .logo img {
  width: 107px;
  height: auto
}

@media(max-width: 834px) {
  .join_header .logo img {
    width: 88px
  }
}

.join_header .nav--biz a:after {
  content: "";
  position: absolute;
  top: 6.66vw;
  right: 4.8vw;
  display: block;
  width: 11px;
  height: 11px;
  border: none;
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_tab_icon.png") top left no-repeat
}

.mv {
  background-color: #fff;
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding-top: 70px
}

h1 {
  width: 100%;
  padding: 0;
  margin: 0 auto
}

h1 img, .mv .logo img {
  width: 100%;
  height: auto
}

.lead {
  background-color: #fcf9ec;
  padding: 60px 0
}

.lead__box {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  max-width: 770px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 35px 0
}

@media(max-width: 834px) {
  .lead__box {
    width: 89.3333333333%;
    margin: 0 auto;
    max-width: 335px
  }
}

.lead h2 {
  color: #0085cb;
  font-size: 38px;
  margin-bottom: 10px
}

@media(max-width: 834px) {
  .lead h2 {
    font-size: 32px
  }
}

.lead p {
  font-size: 21px;
  line-height: 1.8em
}

@media(max-width: 834px) {
  .lead p {
    font-size: 18px;
    width: 88.0597014925%;
    margin: 0 auto
  }
}

.lead br.sp_br {
  display: none
}

@media(max-width: 834px) {
  .lead br.sp_br {
    display: block
  }
}

#smartwork, #solution {
  padding-top: 70px;
  margin-top: -70px
}

@media(max-width: 834px) {
  #smartwork, #solution {
    margin-top: -60px;
    padding-top: 60px
  }
}

.smartwork, .solution, .link, .info, footer {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px
}

@media(max-width: 834px) {
  .smartwork, .solution, .link, .info, footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}


/*.link{background-color:#fcf9ec}*/

.dxawd {
  padding-bottom: 60px
}

@media(max-width: 834px) {
  .dxawd .contentlead--sub {
    width: 94%
  }
}

@media(max-width: 834px) {
  .solution>.btn {
    width: 89.3333333333%
  }
}

.contenttit {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px
}

@media(max-width: 834px) {
  .contenttit {
    font-size: 22px
  }
}

.contenttit i {
  position: relative;
  z-index: 2;
  font-style: normal
}

.contenttit span {
  position: relative;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 1.2em;
  color: #000
}

.contenttit--black {
  background: none;
  color: #fff
}

.contenttit--black span {
  background: #000;
  display: inline-block
}

.contentsubtit {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 28px
}

@media(max-width: 834px) {
  .contentsubtit {
    margin-bottom: 20px;
    font-size: 18px
  }
}

.contentsubtit--font_s {
  font-size: 16px
}

.contentsubtit span {
  font-size: 17px;
  font-weight: normal;
  display: block
}

@media(max-width: 834px) {
  .contentsubtit span {
    font-size: 12px
  }
}

.contentsubtit sup {
  font-size: 12px;
  vertical-align: super
}

.contentsubtit i {
  display: inline-block;
  font-style: normal
}

.contentsubtit i.contentsubtit--marker {
  display: inline;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 1.2em;
  font-size: 17px;
  background: linear-gradient(transparent 85%, #D10D31 85%) 0 0 no-repeat
}

.contentsubtit--mail i {
  position: relative;
  display: inline-block;
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_contact_mail_icon.png") left 64% no-repeat;
  padding-left: 30px;
  background-size: 21px auto
}

@media(max-width: 834px) {
  .contentsubtit--mail i {
    background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_contact_mail_icon.png") left 64% no-repeat;
    background-size: 21px auto
  }
}

.contentsubtit--tel i {
  position: relative;
  display: inline-block;
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_contact_tell_icon.png") left 64% no-repeat;
  padding-left: 30px;
  background-size: 24px auto
}

@media(max-width: 834px) {
  .contentsubtit--tel i {
    background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_contact_tell_icon.png") left 64% no-repeat;
    background-size: 19px auto
  }
}

.contentlead {
  font-size: 21px;
  text-align: center;
  margin-bottom: 20px
}

@media(max-width: 834px) {
  .contentlead {
    width: 100%;
    margin: 0 auto 20px;
    font-size: 18px
  }
}

@media(max-width: 834px) {
  .contentlead--sub {
    width: 89.3333333333%;
    margin: 0 auto 20px;
    text-align: center
  }
}

.info {
  background-color: #f7f7f7
}

.info .contentinner {
  max-width: 686px;
  width: 100%;
  margin: 0 auto
}

@media(max-width: 834px) {
  .info .contentinner {
    width: 89.3333333333%
  }
}

.info__list {
  border-bottom: 2px solid #e8e8e8;
  padding-bottom: 12px;
  margin-bottom: 30px;
  display: none;
  font-size: 16px
}

.info__list--first {
  display: block
}

.info__list a {
  transition: opacity .3s;
  display: block
}

.info__list a:hover {
  text-decoration: none
}

@media(min-width: 835px) {
  .info__list a:hover {
    opacity: .7
  }
}

.btn {
  width: 100%;
  max-width: 334px;
  margin: 0 auto;
  text-align: center;
  display: table
}

.btn__link, .btn .contentsBox-left-mail {
  display: table-cell;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  background-color: #fff;
  font-size: 16px;
  height: 48px;
  position: relative;
  cursor: pointer;
  transition: opacity .3s;
  width: 100%
}

.btn__link:hover, .btn .contentsBox-left-mail:hover {
  text-decoration: none
}

@media(min-width: 835px) {
  .btn__link:hover, .btn .contentsBox-left-mail:hover {
    opacity: 1
  }
}

.btn__link--font_s, .btn .contentsBox-left-mail--font_s {
  font-size: 14px
}

.btn__link--font_xs, .btn .contentsBox-left-mail--font_xs {
  font-size: 13px
}

.btn__link i, .btn .contentsBox-left-mail i {
  font-size: 10px;
  display: block;
  font-style: normal
}

.btn__link:after, .btn .contentsBox-left-mail:after {
  position: absolute;
  right: 18px;
  top: 19px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #0085cb
}

.btn__link--arrowbottom:after, .btn .contentsBox-left-mail--arrowbottom:after {
  position: absolute;
  top: 22px;
  border-width: 7px 5px 0 5px;
  border-color: #0085cb transparent transparent transparent
}

.btn__link span, .btn .contentsBox-left-mail span {
  font-style: normal
}

.btn__link--open:after, .btn .contentsBox-left-mail--open:after {
  top: 22px;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #0085cb transparent
}

.btn__link--open .btn__link--all, .btn .contentsBox-left-mail--open .btn__link--all {
  display: none
}

.btn__link--open .btn__link--close, .btn .contentsBox-left-mail--open .btn__link--close {
  display: block
}

.btn__link--close, .btn .contentsBox-left-mail--close {
  display: none
}

.btn .contentsBox-left-mail {
  display: block;
  width: 100%
}

.btn__last {
  margin-top: 20px
}

.business {
  background-color: #f7f7f7;
  padding-top: 60px;
  padding-bottom: 0px
}

@media(max-width: 834px) {
  .business {
    padding-top: 40px;
    padding-bottom: 0px
  }
}

.business__design {
  width: 100%;
  max-width: 520px;
  margin: 0 auto 0px;
  font-size: 22px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_business_designbg.png") top left no-repeat;
  background-size: 100%;
  height: 312px
}

@media(max-width: 834px) {
  .business__design {
    font-size: 16px;
    max-width: 335px;
    width: 100%;
    background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/sp_business_designbg.png") top left no-repeat;
    background-size: 100%;
    height: 212px
  }
}

@media(max-width: 320px) {
  .business__design {
    height: 193px
  }
}

.business__design dt {
  overflow: hidden
}

.business__design dt span {
  position: relative;
  overflow: hidden
}

.business__design dt i {
  font-style: normal
}

.business__design dd {
  overflow: hidden
}

.business__design dd span {
  position: relative;
  overflow: hidden
}

.business__design dd i {
  font-style: normal
}

.business__design__top {
  color: #fff;
  padding: 24px 24px 45px;
  text-align: right
}

@media(max-width: 834px) {
  .business__design__top {
    padding-bottom: 35px;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px
  }
}

@media(max-width: 320px) {
  .business__design__top {
    padding: 10px 15px 24px
  }
}

.business__design__top dt span {
  height: 33px
}

@media(max-width: 834px) {
  .business__design__top dt span {
    height: 24px
  }
}

.business__design__top dd {
  font-weight: bold;
  font-size: 27px
}

@media(max-width: 834px) {
  .business__design__top dd {
    font-size: 20px
  }
}

.business__design__top dd span {
  height: 40px
}

@media(max-width: 834px) {
  .business__design__top dd span {
    height: 30px
  }
}

.business__design__bottom {
  color: #000;
  padding: 33px 24px 24px;
  position: relative
}

@media(max-width: 834px) {
  .business__design__bottom {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px
  }
}

@media(max-width: 320px) {
  .business__design__bottom {
    padding-left: 12px;
    padding-right: 10px
  }
}

@media(max-width: 320px) {
  .business__design__bottom {
    padding-left: 22px
  }
}

.business__design__bottom dt span {
  height: 33px
}

@media(max-width: 834px) {
  .business__design__bottom dt span {
    height: 24px
  }
}

.business__design__bottom dd {
  font-size: 27px;
  font-weight: bold
}

@media(max-width: 834px) {
  .business__design__bottom dd {
    font-size: 16px
  }
}

@media(max-width: 320px) {
  .business__design__bottom dd {
    font-size: 15px
  }
}

.business__design__bottom dd span {
  height: 40px
}

@media(max-width: 834px) {
  .business__design__bottom dd span {
    height: 24px
  }
}

.business__design .js-business__designtext {
  display: block
}

.business__design .marker {
  display: inline-block;
  overflow: hidden;
  font-style: normal
}

.business__design .w0 {
  overflow: hidden;
  width: 0
}

.business__design .w0 i {
  top: 45px;
  display: block;
  position: relative
}

.business__design .wAnime {
  animation-name: wAnime;
  animation-duration: 250ms;
  animation-timing-function: ease-out
}

@keyframes wAnime {
  from {
    width: 0
  }
  to {
    width: 100%
  }
}

.business__listwrap {
  width: 100%;
  max-width: 948px;
  margin: 0 auto 60px
}

@media(max-width: 834px) {
  .business__listwrap {
    width: 89.3333333333%;
    margin-bottom: 90px
  }
}

.business__listwrap__caption {
  text-align: right;
  font-size: 12px;
  margin-top: -10px
}

.business__listwrap__caption br {
  display: none
}

@media(max-width: 834px) {
  .business__listwrap__caption br {
    display: block
  }
}

.business__lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -11px;
  margin-right: -11px
}

@media(max-width: 834px) {
  .business__lists {
    display: block;
    margin: 0 auto
  }
}

.business__list {
  padding-left: 11px;
  padding-right: 11px;
  width: 33.3333%;
  box-sizing: border-box;
  margin-bottom: 20px
}

@media(max-width: 834px) {
  .business__list {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
}

.business__listinner {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  height: 100%
}

.business__listhead {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-size: 14px;
  line-height: 1.7em
}

.business__listcontent {
  padding: 20px 25px
}

.business__list dl {
  margin-bottom: 10px
}

.business__list dl dt {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px
}

@media(min-width: 835px) {
  .business__list dl dt {
    height: 60px
  }
}

.business__list dl dt p {
  font-size: 16px;
  display: inline;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 1.2em;
  background: linear-gradient(transparent 80%, #D10D31 80%) 0 -2px no-repeat
}

.business__list dl dt span {
  font-weight: normal;
  font-size: 12px
}

.business__list dl dt sup {
  font-size: 12px;
  vertical-align: super
}

.business__list dl dd {
  font-size: 14px
}

.business__listlead {
  min-height: 120px
}

@media(max-width: 834px) {
  .business__listlead {
    min-height: auto;
    margin-bottom: 20px
  }
}

.business__solution {
  width: 100%;
  max-width: 948px;
  margin: 0 auto
}

@media(max-width: 834px) {
  .business__solution {
    width: 89.3333333333%
  }
}

.business__solution__plusicon {
  position: relative;
  background-color: #c80024;
  width: 50px;
  height: 50px;
  margin: 0 auto 40px;
  border-radius: 50%
}

.business__solution__plusicon::before, .business__solution__plusicon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border-top: 2px solid #fff;
  transform: translateX(-50%)
}

.business__solution__plusicon::after {
  top: 21%;
  margin-left: -30px;
  left: 50%;
  transform: rotate(90deg)
}

.business__solutiontit {
  background-color: #c80024;
  color: #fff;
  padding: 16px 0;
  font-size: 22px;
  text-align: center
}

@media(max-width: 834px) {
  .business__solutiontit {
    font-size: 16px;
    text-align: center;
    padding: 10px 0
  }
}

.business__solutiontit span {
  display: inline-block;
  text-align: center;
  position: relative
}

@media(max-width: 834px) {
  .business__solutiontit span {
    text-align: center
  }
}

.business__solutioncontent {
  padding: 20px 60px;
  padding-bottom: 0;
  background-color: #fff;
  border-left: 6px solid #c80024;
  border-right: 6px solid #c80024;
  border-bottom: 6px solid #c80024;
  margin-bottom: 60px
}

@media(max-width: 834px) {
  .business__solutioncontent {
    margin-bottom: 40px;
    font-size: 16px;
    text-align: left;
    padding: 30px 12px 0
  }
}

.business__solutiontop {
  text-align: center;
  margin-bottom: 50px
}

.business__solutiontop__tit {
  font-size: 22px;
  margin-bottom: 6px
}

@media(max-width: 834px) {
  .business__solutiontop__tit {
    font-size: 16px
  }
}

.business__solutiontop__lead {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px
}

@media(max-width: 834px) {
  .business__solutiontop__lead {
    font-size: 16px
  }
}

.business__solutiontop__picture img {
  width: 100%
}

.business__solution__lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -11px;
  margin-right: -11px
}

@media(max-width: 834px) {
  .business__solution__lists {
    display: block;
    margin: 0 auto
  }
}

.business__solution__list {
  padding-left: 11px;
  padding-right: 11px;
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 60px
}

@media(max-width: 834px) {
  .business__solution__list {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 10px 10px;
    border: 1px solid #585858
  }
}

.business__solution__listtit {
  font-size: 20px;
  margin-bottom: 10px;
  position: relative
}

@media(min-width: 835px) {
  .business__solution__listtit {
    pointer-events: none
  }
}

@media(max-width: 834px) {
  .business__solution__listtit {
    font-size: 15px;
    text-align: left
  }
}

.business__solution__listtit br {
  display: none
}

@media(max-width: 834px) {
  .business__solution__listtit br {
    display: block
  }
}

@media(max-width: 834px) {
  .business__solution__listtit:after {
    position: absolute;
    content: "";
    top: 10px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -3px;
    border-width: 7px 5px 0 5px;
    border-color: #c80024 transparent transparent transparent
  }
}

@media(max-width: 834px) {
  .business__solution__listtit.business__solution__listtit--open:after {
    position: absolute;
    content: "";
    top: 10px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -3px;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #c80024 transparent
  }
}

.business__solution__listpicture {
  display: block;
  margin-bottom: 10px
}

@media(max-width: 834px) {
  .business__solution__list figure {
    display: none
  }
}

.business__solution__list figcaption {
  font-size: 14px;
  min-height: 84px;
  margin-bottom: 30px
}

@media(max-width: 834px) {
  .business__solution__list figcaption {
    min-height: auto
  }
}

.business__solution__list:nth-child(3) figcaption, .business__solution__list:nth-child(4) figcaption {
  min-height: 60px
}

.business__solution__list .btn {
  max-width: 260px
}

.business__figure {
  display: block;
  max-width: 686px;
  width: 100%;
  margin: 0 auto;
  text-align: left
}

@media(max-width: 834px) {
  .business__figure {
    width: 89.3333333333%;
    margin: 0 auto
  }
}

.business__img {
  text-align: center;
  display: block;
  max-width: 686px;
  width: 100%;
  margin: 0 auto 5px;
  transition: opacity .3s
}

@media(min-width: 835px) {
  .business__img:hover {
    opacity: .7
  }
}

.business__img img {
  width: 100%
}

.business__contentsubtit--dxawd {
  margin-top: 0px;
  padding-top: 40px
}

.business__movie__link {
  display: block;
  cursor: pointer;
  transition: opacity .3s
}

@media(min-width: 835px) {
  .business__movie__link:hover {
    opacity: .7
  }
}

.business__movie__picture {
  position: relative;
  display: block
}

.business__movie__button {
  width: 60px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px
}

.about__lists {
  display: flex;
  margin-left: -12px;
  margin-right: -12px
}

@media(max-width: 834px) {
  .about__lists {
    display: block;
    margin: 0 auto
  }
}

.about__listwrap {
  width: 100%;
  max-width: 948px;
  margin: 0 auto
}

@media(max-width: 834px) {
  .about__listwrap {
    width: 89.3333333333%
  }
}

.about__list {
  width: 33.3333%;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box
}

@media(max-width: 834px) {
  .about__list {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px
  }
}

.about__listtit {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative
}

@media(min-width: 835px) {
  .about__listtit {
    pointer-events: none
  }
}

@media(max-width: 834px) {
  .about__listtit {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin-bottom: 0
  }
}

@media(max-width: 834px) {
  .about__listtit:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 18px;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -3px;
    border-width: 7px 5px 0 5px;
    border-color: #c80024 transparent transparent transparent
  }
}

@media(max-width: 834px) {
  .about__listtit.about__listtit--open:after {
    position: absolute;
    content: "";
    border-style: solid;
    margin-top: -3px;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #c80024 transparent
  }
}

@media(max-width: 834px) {
  .about__list figure {
    display: none
  }
}

.about__picture {
  display: block;
  margin-bottom: 20px
}

@media(max-width: 834px) {
  .about__picture {
    margin-bottom: 0
  }
}

.about__figcaption {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px
}

@media(max-width: 834px) {
  .about__figcaption {
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin-bottom: 0
  }
}

.newnormal__tablist {
  width: 33.3333%
}

.smartwork__sp-anchor {
  width: 89.3333333333%;
  margin: 0 auto 30px
}

@media(min-width: 835px) {
  .smartwork__sp-anchor {
    display: none
  }
}

.smartwork__sp-anchor__list {
  display: flex;
  margin-left: -2px;
  margin-right: -2px
}

.smartwork__sp-anchor__item {
  padding-left: 2px;
  padding-right: 2px;
  width: 33.333333%;
  box-sizing: border-box
}

.smartwork__sp-anchor__link {
  border: 1px solid #707070;
  padding: 10px 0 16px;
  border-radius: 6px;
  display: block;
  width: 100%;
  text-align: center;
  position: relative
}

.smartwork__sp-anchor__link:after {
  position: absolute;
  bottom: 7px;
  left: 50%;
  content: "";
  margin-left: -5px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #0085cb;
  border-right: 2px solid #0085cb;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.newnormal__tabwrap, .activation__tabwrap, .solution__tabwrap, .scene__tabwrap {
  width: 100%;
  max-width: 948px;
  margin: 0 auto 45px
}

@media(max-width: 834px) {
  .newnormal__tabwrap, .activation__tabwrap, .solution__tabwrap, .scene__tabwrap {
    width: 89.3333333333%;
    margin: 0 auto 30px
  }
}

.newnormal__tabs, .activation__tabs, .solution__tabs, .scene__tabs {
  display: flex;
  margin-left: -9px;
  margin-right: -9px
}

@media(max-width: 834px) {
  .newnormal__tabs, .activation__tabs, .solution__tabs, .scene__tabs {
    margin-left: -5px;
    margin-right: -5px
  }
}

.newnormal__tablist, .activation__tablist, .solution__tablist, .scene__tablist {
  position: relative;
  cursor: pointer;
  padding-left: 9px;
  padding-right: 9px;
  box-sizing: border-box;
  transition: opacity .3s
}

.newnormal__tablist>div, .activation__tablist>div, .solution__tablist>div, .scene__tablist>div {
  background-color: #fff;
  border: 2px solid #0085cb;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #0085cb;
  padding: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

@media(max-width: 834px) {
  .newnormal__tablist>div, .activation__tablist>div, .solution__tablist>div, .scene__tablist>div {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    height: 26px
  }
}

@media(max-width: 834px) {
  .newnormal__tablist, .activation__tablist, .solution__tablist, .scene__tablist {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px
  }
}

.newnormal__tablist:hover, .activation__tablist:hover, .solution__tablist:hover, .scene__tablist:hover {
  opacity: .7
}

.newnormal__tablist--active>div, .activation__tablist--active>div, .solution__tablist--active>div, .scene__tablist--active>div {
  background-color: #0085cb;
  color: #fff
}

.newnormal__tablist--active:before, .activation__tablist--active:before, .solution__tablist--active:before, .scene__tablist--active:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #f7f7f7 transparent transparent transparent
}

@media(max-width: 834px) {
  .newnormal .panel-group, .activation .panel-group, .solution .panel-group, .scene .panel-group {
    width: 89.3333333333%;
    margin: 0 auto
  }
}

.newnormal__listwrap, .activation__listwrap, .solution__listwrap, .scene__listwrap {
  width: 100%;
  max-width: 948px;
  margin: 0 auto 0px;
  display: none;
  padding-bottom: 0px
}

@media(max-width: 834px) {
  .newnormal__listwrap, .activation__listwrap, .solution__listwrap, .scene__listwrap {
    width: 89.3333333333%;
    padding-bottom: 0
  }
}

.newnormal__listwrap.is-smartwork-show, .newnormal__listwrap.is-activation-show, .newnormal__listwrap.is-scene-show, .activation__listwrap.is-smartwork-show, .activation__listwrap.is-activation-show, .activation__listwrap.is-scene-show, .solution__listwrap.is-smartwork-show, .solution__listwrap.is-activation-show, .solution__listwrap.is-scene-show, .scene__listwrap.is-smartwork-show, .scene__listwrap.is-activation-show, .scene__listwrap.is-scene-show {
  display: block
}

.newnormal__listwrap .btn__sp--acordion, .activation__listwrap .btn__sp--acordion, .solution__listwrap .btn__sp--acordion, .scene__listwrap .btn__sp--acordion {
  display: none
}

@media(max-width: 834px) {
  .newnormal__listwrap .btn__sp--acordion, .activation__listwrap .btn__sp--acordion, .solution__listwrap .btn__sp--acordion, .scene__listwrap .btn__sp--acordion {
    display: table
  }
}

.newnormal__listwrap .btn__sp--acordion--2, .activation__listwrap .btn__sp--acordion--2, .solution__listwrap .btn__sp--acordion--2, .scene__listwrap .btn__sp--acordion--2 {
  display: none
}

.newnormal__listwrap.pickup-solution__listwrap, .activation__listwrap.pickup-solution__listwrap, .solution__listwrap.pickup-solution__listwrap, .scene__listwrap.pickup-solution__listwrap {
  display: block
}

.newnormal__lists, .activation__lists, .solution__lists, .scene__lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -11px;
  margin-right: -11px
}

@media(max-width: 834px) {
  .newnormal__lists, .activation__lists, .solution__lists, .scene__lists {
    display: block;
    margin: 0 auto
  }
}

.newnormal__list, .activation__list, .solution__list, .scene__list {
  padding-left: 11px;
  padding-right: 11px;
  box-sizing: border-box;
  width: 33.333333%;
  margin-bottom: 20px
}

@media(max-width: 834px) {
  .newnormal__list, .activation__list, .solution__list, .scene__list {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: none
  }
}

.newnormal__list a, .activation__list a, .solution__list a, .scene__list a {
  transition: opacity .3s;
  display: block;
  height: 100%
}

.newnormal__list a:hover, .activation__list a:hover, .solution__list a:hover, .scene__list a:hover {
  text-decoration: none;
  opacity: .7
}

@media(max-width: 834px) {
  .newnormal__list--first, .activation__list--first, .solution__list--first, .scene__list--first {
    display: block
  }
}

.newnormal__list--new .testmark__listimg, .activation__list--new .testmark__listimg, .solution__list--new .testmark__listimg, .scene__list--new .testmark__listimg {
  position: relative
}

.newnormal__list--new .testmark__listimg:before, .activation__list--new .testmark__listimg:before, .solution__list--new .testmark__listimg:before, .scene__list--new .testmark__listimg:before {
  position: absolute;
  top: 5px;
  left: 5px;
  content: "NEW";
  background-color: #c20024;
  color: #fff;
  text-align: center;
  padding: 2px 6px;
  font-weight: bold
}

.newnormal__listinner, .activation__listinner, .solution__listinner, .scene__listinner {
  background-color: #ededed;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  height: 100%;
  position: relative;
  box-sizing: border-box
}

@media(max-width: 834px) {
  .newnormal__listinner, .activation__listinner, .solution__listinner, .scene__listinner {
    padding-bottom: 0
  }
}

.newnormal__listinner .btn, .activation__listinner .btn, .solution__listinner .btn, .scene__listinner .btn {
  position: absolute;
  bottom: 13px;
  left: 50%;
  margin-left: -135px;
  width: 88%
}

@media(max-width: 834px) {
  .newnormal__listinner .btn, .activation__listinner .btn, .solution__listinner .btn, .scene__listinner .btn {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 100%
  }
}

.newnormal__listimg, .activation__listimg, .solution__listimg, .scene__listimg {
  width: 100%;
  display: block;
  align-items: center;
  background: #ededed
}

@media(max-width: 834px) {
  .newnormal__listimg, .activation__listimg, .solution__listimg, .scene__listimg {
    height: auto
  }
}

.newnormal__listimg img, .activation__listimg img, .solution__listimg img, .scene__listimg img {
  width: 100%;
  height: 100%
}

.newnormal__listtit, .activation__listtit, .solution__listtit, .scene__listtit {
  font-size: 17px;
  margin-bottom: 10px
}

.newnormal__listcontent, .activation__listcontent, .solution__listcontent, .scene__listcontent {
  padding: 20px
}

.newnormal__listtext, .activation__listtext, .solution__listtext, .scene__listtext {
  font-size: 14px
}

.newnormal__listtags, .activation__listtags, .solution__listtags, .scene__listtags {
  display: inline-block;
  margin-bottom: 40px
}

.newnormal__listtag, .activation__listtag, .solution__listtag, .scene__listtag {
  display: inline-block;
  background: #ccc;
  color: #000;
  padding: 2px 12px;
  min-width: 90px;
  margin-right: 10px
}

.newnormal__listpicture, .activation__listpicture, .solution__listpicture, .scene__listpicture {
  display: block;
  margin-bottom: 10px
}

@media(max-width: 834px) {
  .newnormal .youtube, .activation .youtube, .solution .youtube, .scene .youtube {
    width: 89.3%;
    margin: 0 auto
  }
}

@media(max-width: 834px) {
  .newnormal .youtube iframe, .activation .youtube iframe, .solution .youtube iframe, .scene .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

@media(max-width: 834px) {
  .newnormal .youtube-inner, .activation .youtube-inner, .solution .youtube-inner, .scene .youtube-inner {
    position: relative;
    width: 89.3vw;
    padding-top: 50.23vw;
    margin: 0 auto
  }
}

.newnormal .slider-box, .activation .slider-box, .solution .slider-box, .scene .slider-box {
  position: relative;
  margin: 60px auto 0
}

.newnormal .icon-left, .newnormal .icon-right, .activation .icon-left, .activation .icon-right, .solution .icon-left, .solution .icon-right, .scene .icon-left, .scene .icon-right {
  position: absolute;
  top: 236px;
  left: 50%;
  width: 60px;
  height: 60px;
  background: url("../../images/icon_left.svg") no-repeat;
  background-size: 60px 60px;
  margin-left: -449px;
  z-index: 2;
  cursor: pointer;
  transition: opacity .3s
}

@media(max-width: 834px) {
  .newnormal .icon-left, .newnormal .icon-right, .activation .icon-left, .activation .icon-right, .solution .icon-left, .solution .icon-right, .scene .icon-left, .scene .icon-right {
    display: none
  }
}

.newnormal .icon-left:hover, .newnormal .icon-right:hover, .activation .icon-left:hover, .activation .icon-right:hover, .solution .icon-left:hover, .solution .icon-right:hover, .scene .icon-left:hover, .scene .icon-right:hover {
  opacity: .7
}

.newnormal .icon-right, .activation .icon-right, .solution .icon-right, .scene .icon-right {
  margin-left: 387px;
  transform: rotate(180deg)
}

.newnormal .slick-list, .activation .slick-list, .solution .slick-list, .scene .slick-list {
  padding: 0
}

.newnormal .slick-dotted.slick-slider, .activation .slick-dotted.slick-slider, .solution .slick-dotted.slick-slider, .scene .slick-dotted.slick-slider {
  margin-bottom: 0
}

.newnormal .slick-slide, .activation .slick-slide, .solution .slick-slide, .scene .slick-slide {
  margin: 0 40px
}

.newnormal .slick-dots, .activation .slick-dots, .solution .slick-dots, .scene .slick-dots {
  bottom: -40px;
  text-align: center;
  z-index: 2
}

.newnormal .slick-dots li, .activation .slick-dots li, .solution .slick-dots li, .scene .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  opacity: 1;
  transition: opacity .3s
}

.newnormal .slick-dots li.slick-active button, .activation .slick-dots li.slick-active button, .solution .slick-dots li.slick-active button, .scene .slick-dots li.slick-active button {
  background: #d10d31
}

.newnormal .slick-dots li button, .activation .slick-dots li button, .solution .slick-dots li button, .scene .slick-dots li button {
  width: 12px;
  height: 12px;
  background: #b4b4b4;
  border-radius: 50%
}

.newnormal .slick-dots li button:before, .activation .slick-dots li button:before, .solution .slick-dots li button:before, .scene .slick-dots li button:before {
  display: none
}

.activation {
  background-color: #fcf9ec;
  padding-top: 70px;
  padding-bottom: 70px
}

@media(max-width: 834px) {
  .activation {
    padding-bottom: 52px
  }
}

.activation__tabs {
  flex-wrap: wrap
}

.activation__tablist {
  width: 25%
}

@media(max-width: 834px) {
  .activation__tablist {
    width: 50%;
    padding-bottom: 20px
  }
}

@media(max-width: 834px) {
  .activation__listwrap {
    width: 100%
  }
}

.newnormal__tablist--1 div {
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/smartwork_tab_icon_1_b.svg") center 80% no-repeat #fff;
  background-size: 114px 24px;
  padding-bottom: 50px
}

@media(max-width: 834px) {
  .newnormal__tablist--1 div {
    background-size: 77px 20px
  }
}

.newnormal__tablist--1.js-smartwork__tablist--active div {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/smartwork_tab_icon_1_w.svg");
  background-size: 114px 24px
}

@media(max-width: 834px) {
  .newnormal__tablist--1.js-smartwork__tablist--active div {
    background-size: 77px 20px
  }
}

.newnormal__tablist--2 div {
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/smartwork_tab_icon_2_b.svg") center 80% no-repeat #fff;
  background-size: 96px 24px;
  padding-bottom: 50px
}

@media(max-width: 834px) {
  .newnormal__tablist--2 div {
    background-size: 77px 19px
  }
}

.newnormal__tablist--2.js-smartwork__tablist--active div {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/smartwork_tab_icon_2_w.svg");
  background-size: 114px 24px
}

@media(max-width: 834px) {
  .newnormal__tablist--2.js-smartwork__tablist--active div {
    background-size: 77px 20px
  }
}

.newnormal__tablist--3 div {
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/smartwork_tab_icon_3_b.svg") center 80% no-repeat #fff;
  background-size: 98px 24px;
  padding-bottom: 50px
}

@media(max-width: 834px) {
  .newnormal__tablist--3 div {
    background-size: 77px 19px
  }
}

.newnormal__tablist--3.js-smartwork__tablist--active div {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/smartwork_tab_icon_3_w.svg");
  background-size: 114px 24px
}

@media(max-width: 834px) {
  .newnormal__tablist--3.js-smartwork__tablist--active div {
    background-size: 77px 20px
  }
}

.activation__tablist--1 div {
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_1_b.svg") center 80% no-repeat #fff;
  background-size: 33px 31px;
  padding-bottom: 50px
}

.activation__tablist--1.js-activation__tablist--active div {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_1_w.svg");
  background-size: 33px 31px
}

.activation__tablist--2 div {
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_2_b.svg") center 80% no-repeat #fff;
  background-size: 31px 35px;
  padding-bottom: 50px
}

.activation__tablist--2.js-activation__tablist--active div {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_2_w.svg");
  background-size: 33px 31px
}

.activation__tablist--3 div {
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_3_b.svg") center 80% no-repeat #fff;
  background-size: 31px 35px;
  padding-bottom: 50px
}

.activation__tablist--3.js-activation__tablist--active div {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_3_w.svg");
  background-size: 33px 31px
}

.activation__tablist--4 div {
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_4_b.svg") center 80% no-repeat #fff;
  background-size: 30px 30px;
  padding-bottom: 50px
}

.activation__tablist--4.js-activation__tablist--active div {
  background-image: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/activation_tab_icon_4_w.svg");
  background-size: 33px 31px
}

.newnormal__listcontent dl {
  min-height: 119px
}

@media(max-width: 834px) {
  .newnormal__listcontent dl {
    min-height: auto
  }
}

.scene__tabwrap {
  width: 100%;
  max-width: 610px;
  margin: 0 auto 40px
}

.scene__tabs {
  display: flex;
  margin-left: -9px;
  margin-right: -9px
}

.scene__tablist {
  width: 33.333333%;
  position: relative;
  cursor: pointer;
  padding-left: 9px;
  padding-right: 9px;
  box-sizing: border-box;
  transition: opacity .3s
}

.scene__tablist>div {
  border: 2px solid #0085cb;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #0085cb;
  padding: 2px 0
}

@media(max-width: 834px) {
  .scene__tablist>div {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
  }
}

@media(max-width: 834px) {
  .scene__tablist {
    font-size: 16px
  }
}

.scene__tablist:hover {
  opacity: .7
}

.scene__tablist--active>div {
  background-color: #0085cb;
  color: #fff
}

.scene__tablist--active:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #f7f7f7 transparent transparent transparent
}

.scene__listwrap {
  width: 100%;
  padding-bottom: 0
}

.scene__list {
  display: block
}

.solution__list {
  display: block
}

.category {
  margin-top: 20px
}

.category__item {
  border: 1px solid #0085cb;
  color: #0085cb;
  padding: 1px 5px;
  font-size: 11px;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  min-width: 30px
}

.category__item_cp {
  margin-bottom: 10px;
  border: 1px solid #ee0031;
  color: #ee0031;
  padding: 1px 5px;
  font-size: 11px;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  min-width: 30px
}

.js-smartwork__tablist, .js-activation__tablist, .js-scene__tablist {
  padding: 10px 0;
  position: relative;
  cursor: pointer;
  transition: opacity .3s
}

@media(max-width: 834px) {
  .js-smartwork__tablist, .js-activation__tablist, .js-scene__tablist {
    font-size: 16px
  }
}

.js-smartwork__tablist>div, .js-activation__tablist>div, .js-scene__tablist>div {
  background-color: #d1d1d1;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #585858
}

.js-smartwork__tablist:before, .js-activation__tablist:before, .js-scene__tablist:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #f7f7f7 transparent transparent transparent
}

.js-smartwork__tablist:hover, .js-activation__tablist:hover, .js-scene__tablist:hover {
  opacity: .7
}

.js-smartwork__tablist--active>div, .js-activation__tablist--active>div, .js-scene__tablist--active>div {
  background-color: #0085cb;
  color: #fff;
  position: relative
}

.js-smartwork__tablist--active>div:after, .js-activation__tablist--active>div:after, .js-scene__tablist--active>div:after {
  position: absolute;
  content: "";
  bottom: -17px;
  left: 50%;
  margin-left: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 13px 0 13px;
  border-color: #0085cb transparent transparent transparent
}

@media(max-width: 834px) {
  .js-smartwork__tablist--active>div:after, .js-activation__tablist--active>div:after, .js-scene__tablist--active>div:after {
    border-width: 9px 8px 0 8px;
    bottom: -11px;
    margin-left: -8px
  }
}

.link .contentsubtit {
  margin-top: 40px;
  margin-bottom: 10px
}

.link .contentsubtit span {
  font-weight: bold
}

@media(max-width: 834px) {
  .link .contentsubtit span {
    font-size: 18px
  }
}

.linkbanner {
  width: 100%;
  max-width: 948px;
  margin: 0 auto 0px
}

@media(max-width: 834px) {
  .linkbanner {
    max-width: 89.3333333333%;
    margin-bottom: 20px
  }
}

.linkbanner__lists {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px
}

@media(max-width: 834px) {
  .linkbanner__lists {
    margin: 0 auto;
    display: block;
    margin: 0
  }
}

.linkbanner__list {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  margin-bottom: 25px;
  max-height: 206px
}

@media(max-width: 834px) {
  .linkbanner__list {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    padding: 0;
    max-height: 100%
  }
}

.linkbanner__list a {
  display: block;
  transition: opacity .3s
}

@media(min-width: 835px) {
  .linkbanner__list a:hover {
    opacity: .7
  }
}

.linkbanner__list span {
  font-size: 18px
}

@media(max-width: 834px) {
  .linkbanner__list span {
    font-size: 17px
  }
}

.linkbanner__img {
  width: 100%
}

@media(max-width: 834px) {
  .link .contentsubtit {
    display: block
  }
}

@media(max-width: 834px) {
  .link p.contentlead {
    display: block;
    text-align: center
  }
}

.linkbox {
  border: 1px solid #000;
  max-width: 687px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 38px
}

@media(max-width: 834px) {
  .linkbox {
    width: 89.3333333333%;
    margin: 0 auto;
    padding-bottom: 30px
  }
}

.linkbox__picture {
  margin: 0 auto 20px;
  text-align: center;
  display: block;
  max-width: 517px;
  width: 100%
}

@media(max-width: 834px) {
  .linkbox__picture {
    width: 100%;
    max-width: 89.552238806%;
    margin: 0 auto 26px
  }
}

.linkbox__tit {
  background-color: #000;
  color: #fff;
  font-size: 19px;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 30px
}

@media(max-width: 834px) {
  .linkbox__tit {
    margin-bottom: 20px
  }
}

.linkbox__lists {
  text-align: center
}

@media(max-width: 834px) {
  .linkbox__lists {
    margin-bottom: 30px
  }
}

.linkbox__list {
  margin-bottom: 30px;
  text-align: center;
  font-size: 22px
}

@media(max-width: 834px) {
  .linkbox__list {
    font-size: 18px;
    margin-bottom: 20px
  }
}

.linkbox__list span {
  border-bottom: 3px solid #d10d31
}

.linkbox .btn {
  width: 89.552238806%
}

.link-recommend {
  text-align: center;
  margin-top: 48px
}

.link-recommend dt {
  font-size: 18px;
  margin-bottom: 5px
}

.link-recommend dd {
  font-size: 18px
}

.link-recommend dd a {
  text-decoration: underline
}

footer li a::after {
  display: none
}

.contactfooter {
  text-align: center;
  padding-bottom: 18px;
  position: relative
}

@media(max-width: 834px) {
  .contactfooter {
    padding-bottom: 60px
  }
}

.contactfooter .btn {
  margin-bottom: 48px
}

.contactfooter .btn .only-pc {
  display: block
}

@media(max-width: 834px) {
  .contactfooter .btn .only-pc {
    display: none
  }
}

.contactfooter .btn .only-smt {
  display: none
}

@media(max-width: 834px) {
  .contactfooter .btn .only-smt {
    display: block
  }
}

.contactfooter .btn__link:after, .contactfooter .btn .contentsBox-left-mail:after {
  position: absolute;
  content: "";
  top: 19px;
  background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_contact_tab_icon.png") top left no-repeat;
  width: 11px;
  height: 11px;
  border: none;
  background-size: 10px auto
}

@media(max-width: 834px) {
  .contactfooter .btn__link:after, .contactfooter .btn .contentsBox-left-mail:after {
    background: url("/content/dam/nttcom/hq/jp/business/lp/nnnws/img/pc_contact_tab_icon.png") top left no-repeat;
    background-size: 10px auto
  }
}

.contactfooter__infocenter {
  font-size: 18px
}

.contactfooter__tel {
  margin-bottom: 22px
}

.contactfooter__tel dt {
  font-size: 45px
}

@media(max-width: 834px) {
  .contactfooter__tel dt {
    font-size: 38px
  }
}

.contactfooter__tel dt a {
  text-decoration: none;
  color: #000
}

.contactfooter__tel dd {
  width: 100%;
  max-width: 148px;
  margin: 0 auto;
  border: 1px solid #0085cb;
  color: #0085cb;
  font-size: 15px;
  padding: 2px 0
}

.contactfooter__infotext {
  text-align: center;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 30px
}

@media(max-width: 834px) {
  .contactfooter__infotext {
    margin-bottom: 0
  }
}

.contactfooter__caption {
  text-align: left;
  width: 100%;
  max-width: 686px;
  margin: 0 auto
}

.contactfooter .f-floating {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 8px 0;
  z-index: 2;
  display: block;
  background-color: rgba(0, 0, 0, .3)
}

@media(max-width: 834px) {
  .contactfooter .f-floating {
    padding: 0
  }
}

.contactfooter .f-floating .only-pc {
  display: block
}

@media(max-width: 834px) {
  .contactfooter .f-floating .only-pc {
    display: none
  }
}

.contactfooter .f-floating .only-smt {
  display: none
}

@media(max-width: 834px) {
  .contactfooter .f-floating .only-smt {
    display: block
  }
}

.contactfooter .f-floating .f-contents {
  width: 100%;
  margin: 0 auto;
  cursor: pointer
}

.contactfooter .f-floating .btn-cmn-form {
  width: 100%
}

@media(min-width: 835px) {
  .contactfooter .f-floating .btn-cmn-form:hover {
    opacity: 1
  }
}

.contactfooter .f-floating .btn-cmn-form.s-strongest {
  border: 1px solid #0085cb;
  background-color: #0085cb;
  color: #fff;
  padding: 3px;
  margin-bottom: 10px;
  width: 280px;
}

.contactfooter .f-floating .btn-cmn-form.s-strongest>.inner {
  border: 1px solid #fff
}

.contactfooter .f-floating .btn-cmn-form.s-image>span>span {
  display: inline-block;
  vertical-align: middle
}

.contactfooter .f-floating .btn-cmn-form.s-image img:not(.ico-cmn-btn) {
  margin: 0 18px 0 8px;
  vertical-align: middle;
  width: 34px
}

.contactfooter .f-floating .btn-cmn-form .ico-cmn-btn {
  left: position:relative;
  display: block
}

.contactfooter .f-floating .btn-cmn-form .ico-cmn-window>.inner {
  padding-left: 20px
}

.contactfooter .f-floating .btn-cmn-form:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.contactfooter .f-floating .btn-cmn-form>.inner {
  display: inline-block;
  width: 100%;
  padding: 5px 12px;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
  box-sizing: border-box
}

.contactfooter .f-floating .btn-cmn-form>.inner:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle
}

.contactfooter .f-floating .btn-cmn-form .inner .btn-txt {
  max-width: 230px;
  font-size: 15px;
  font-weight: bold
}

.contactfooter .f-inner {
  width: auto;
  max-width: 1366px;
  margin: 0 auto
}

.f-floating--default {
  display: none
}

.copy {
  text-align: center;
  display: block;
  background-color: #666;
  color: #fff;
  padding: 10px 0
}

.remodal {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  background: none
}

@media(max-width: 834px) {
  .remodal {
    top: 50px
  }
}

.modal__tit {
  position: relative;
  text-align: center;
  background-color: #000;
  padding: 22px 0
}

@media(max-width: 834px) {
  .modal__tit {
    padding: 10px 0
  }
}

.modal__tit h2 {
  color: #fff;
  font-size: 16px
}

.modal__close {
  background: none;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 22px;
  border: none;
  margin-top: -9px;
  cursor: pointer
}

@media(max-width: 834px) {
  .modal__close {
    width: 32px;
    height: 32px;
    top: -28px;
    right: 2px
  }
}

.modal__close:before, .modal__close:after {
  position: absolute;
  left: 8px;
  top: 0px;
  content: " ";
  height: 19px;
  width: 2px;
  background-color: #fff
}

@media(max-width: 834px) {
  .modal__close:before, .modal__close:after {
    left: 14px;
    height: 32px
  }
}

.modal__close:before {
  transform: rotate(45deg)
}

.modal__close:after {
  transform: rotate(-45deg)
}

.modal__content {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px
}

@media(max-width: 834px) {
  .modal__content {
    padding-top: 0;
    padding-bottom: 60px
  }
}

@media(max-width: 834px) {
  .modal__content .contentsubtit {
    padding-top: 20px
  }
}

.modal__content__inner {
  max-width: 500px;
  width: 100%;
  margin: 0 auto
}

@media(max-width: 834px) {
  .modal__content__subinner {
    padding: 0 16px
  }
}

.modal__pcimage {
  width: 100%;
  display: block;
  margin: 0 auto 10px
}

@media(max-width: 834px) {
  .modal__pcimage {
    display: none
  }
}

.modal__pcimage img {
  width: 100%
}

.modal__picture {
  max-width: 500px;
  width: 100%;
  display: block;
  margin: 0 auto 20px
}

.modal__picture img {
  width: 100%
}

.modal__lead {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: left
}

.modal__youtube {
  position: relative;
  max-width: 500px;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto 30px
}

@media(max-width: 834px) {
  .modal__youtube {
    max-width: 100%
  }
}

.modal__youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.modal-movie {
  margin-bottom: 10px
}

.modal-movie__close {
  top: 7px;
  right: -21px
}

@media(max-width: 834px) {
  .modal-movie__close {
    top: -24px;
    right: 0
  }
}

.remodal--movie iframe {
  width: 100%
}

@media(max-width: 834px) {
  .remodal--movie iframe {
    height: 65vw
  }
}
footer .linkArea ul.link{background-color:#e2e2e2;}