@charset "UTF-8";
/*
 variable
----------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Roboto);
:root {
  /* font-size */
  --font-size-L: 2.6rem;
  --font-size-M: 1.6rem;
  --font-size-S: 1.4rem;
  /* global header height */
  --global-header-height: 68px;
}

/*
 fonts -[import]-
----------------------------------------*/
.nttcom {
  /*
 html -[module]-
----------------------------------------*/
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  /*
 body -[module]-
----------------------------------------*/
  font-family: Roboto, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'Noto Sans JP', sans-serif;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: .04em;
  /* ------------------------------------------------------------

  SP | Preset

------------------------------------------------------------ */
  /*
 swiper -[js]-
----------------------------------------*/
  /*
 viewer -[js]-
----------------------------------------*/
  /*
 drawer -[js]-
----------------------------------------*/
  /* button */
  /* menu */
  /*
 showmore -[js]-
----------------------------------------*/
  /* article */
  /*
 back to top -[js]-
----------------------------------------*/
  /*
 anchor -[module]-
----------------------------------------*/
  /*
 font-size -[module]-
----------------------------------------*/
  /*
 container -[module]-
----------------------------------------*/
  /*
 header -[module]-
----------------------------------------*/
  /*#header {
  margin-bottom: 40px;
}*/
  /* global_header */
  /* logo */
  /*global function*/
  /* language */
  /* contact */
  /* search */
  /* searchbox */
  /* sign */
  /* breadcrumbs */
  /*
 navigation -[module]-
----------------------------------------*/
  /* component- */
  /*
 main -[module]-
----------------------------------------*/
  /* lead */
  /*
 footer -[module]-
----------------------------------------*/
  /* navigation */
  /*
 heading -[module]-
----------------------------------------*/
  /* component-lv1 */
  /* component-lv2 */
  /* component-lv3 */
  /*
 article -[module]-
----------------------------------------*/
  /*
 aside -[module]-
----------------------------------------*/
  /* comwareplus */
  /*
 definition -[module]-
----------------------------------------*/
  /* component-01 */
  /* component-02 */
  /* component-03 */
  /*
 item -[module]-
----------------------------------------*/
  /* component-banner */
  /* component-01 */
  /* component-02 */
  /* component-03 */
  /* component-04 */
  /* component-05 */
  /* component-06 */
  /* component-07 */
  /*
 table -[module]-
----------------------------------------*/
  /* component-01 */
  /*
 button -[module]-
----------------------------------------*/
  /* function */
  /* cv */
  /*
 small -[module]-
----------------------------------------*/
  /* copyright */
  /*
 background-color -[module]-
----------------------------------------*/
  /* base */
  /*
 utilites
----------------------------------------*/
  /* ------------------------------------------------------------

  SP | solution

------------------------------------------------------------ */
  /*
 keyframes
----------------------------------------*/
  /* fadeup */
  /* fadeIn */
  /* fadeMove */
  /*
 dialog -[js]-
----------------------------------------*/
  /* is-open */
  /* closeButton */
  /*
 counter -[js]-
----------------------------------------*/
  /*
 result -[js]-
----------------------------------------*/
  /* tab */
  /* data-tag */
  /* icon */
  /*
 showmore -[js]-
----------------------------------------*/
  /* sdgslist */
  /*
 header
----------------------------------------*/
  /* button */
  /*
 slick -[js]-
----------------------------------------*/
  /*
 footer
----------------------------------------*/
  /* solution */
  /*
 solution footer
----------------------------------------*/
  /* add */
}

.nttcom .swiper-pagination {
  margin-top: 12px;
}

.nttcom .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}

.nttcom .leaflet-container {
  border: none !important;
  background-color: #fff !important;
}

.nttcom .leaflet-container .leaflet-control {
  border-radius: 8px;
  margin: 0 !important;
  padding: 4px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3) !important;
  background-color: #fff;
}

.nttcom .leaflet-container .leaflet-top {
  top: auto;
  bottom: 16px;
}

.nttcom .csr_policy_wrap .leaflet-container .leaflet-top {
  bottom: auto;
  top: 16px;
}

.nttcom .leaflet-container .leaflet-left {
  left: auto;
  right: 16px;
}

.nttcom .leaflet-container .leaflet-control-zoom-in,
.nttcom .leaflet-container .leaflet-control-zoom-out {
  font-size: 20px !important;
  color: #5b5b5b !important;
  line-height: 22px !important;
  border-bottom-color: #e2e2e2 !important;
  width: 22px !important;
  height: 22px !important;
}

.nttcom .leaflet-container .leaflet-bar {
  border: none !important;
}

.nttcom .leaflet-container a.leaflet-disabled {
  color: #cbcbcb !important;
  background-color: transparent !important;
}

.nttcom #drawerButton {
  line-height: 2;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 24px;
  height: 0;
  margin-left: 16px;
  padding-top: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_99%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2099%22%3E%20%3Crect%20id%3D%22Boundary%22%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22_Color%22%20data-name%3D%22%20%E2%86%B3Color%22%20d%3D%22M19%2C12H0V10H19v2Zm0-5H0V5H19V7Zm0-5H0V0H19V2Z%22%20transform%3D%22translate(3%206)%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  overflow: hidden;
}

.nttcom #globalMenu {
  display: none;
}

.nttcom #globalMenu2[data-is-active="true"] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.nttcom #article .content {
  -webkit-transition: opacity 0.5s cubic-bezier(1, 0, 0, 1);
  transition: opacity 0.5s cubic-bezier(1, 0, 0, 1);
}

.nttcom #article .content[data-is-active="false"] {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}

.nttcom #article .content[data-is-active="true"] {
  visibility: visible;
  opacity: 1;
}

.nttcom #article [data-left] {
  display: none;
}

.nttcom #backToTopButton {
  line-height: 2;
  border-radius: 22px;
  width: 44px;
  height: 0;
  padding-top: 44px;
  background-color: #007871;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cpath%20d%3D%22M18%2015l-6-6-6%206%22%2F%3E%3C%2Fsvg%3E");
  background-position: center 32%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  overflow: hidden;
}

.nttcom a[href] {
  font-size: 1.4rem;
  -webkit-tap-highlight-color: rgba(0, 120, 113, 0.32);
  tap-highlight-color: rgba(0, 120, 113, 0.32);
}

.nttcom .fsL {
  font-size: 2.6rem;
}

.nttcom .fsM {
  font-size: 1.6rem;
}

.nttcom .fsS {
  font-size: 1.4rem;
}

.nttcom #container {
  font-size: 1.60rem;
  overflow: hidden;
  overflow-x: hidden;
}

.nttcom #globalHeader {
  position: relative;
  height: var(--global-header-height);
  min-height: 160px;
}

.nttcom #globalHeaderInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--global-header-height);
  padding: 16px;
  height: 160px;
}

.nttcom #globalHeader .navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nttcom #globalMenu2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 80%;
  max-width: 414px;
  height: 100%;
  padding: 32px 16px;
  background-color: #f2f2f2;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  transition: -webkit-transform .2s linear;
  -webkit-transition: -webkit-transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear, -webkit-transform .2s linear;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}

.nttcom #globalMenu2::-webkit-scrollbar {
  display: none;
}

.nttcom #globalMenu2 #globalMenuList > li {
  position: relative;
  height: 100%;
}

.nttcom #globalMenu2 #globalMenuList > li + li {
  margin-top: 20px;
}

.nttcom #globalMenu2 li[data-is-active]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nttcom #globalMenu2 li[data-is-active="true"]::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");
}

.nttcom #globalMenu2 li > .link {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  position: relative;
  display: block;
  padding-left: 16px;
}

.nttcom #globalMenu2 li > .link::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent;
  border-left-color: #007871;
}

.nttcom #globalMenu2 li[data-is-active] > .link {
  text-decoration: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.nttcom #globalMenu2 li[data-is-active="true"] > .link::before {
  /*transform: rotate(90deg);*/
}

.nttcom #globalMenu2 [data-menu] {
  max-height: 0vh;
  opacity: 0;
  visibility: hidden;
}

.nttcom #globalMenu2 [data-is-active="true"] [data-menu] {
  max-height: 100vh;
  opacity: 1;
  visibility: visible;
}

.nttcom #globalMenu2 [data-menu] .inner {
  padding-top: 16px;
  padding-left: 16px;
}

.nttcom #globalMenu2 [data-menu] .heading {
  font-size: 1.4rem;
  color: #333;
  position: relative;
  padding-left: 16px;
}

.nttcom #globalMenu2 [data-menu] .heading::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent;
  border-left-color: #007871;
}

.nttcom #globalMenu2 [data-menu] .heading a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.nttcom #globalMenuList [data-menu] .list > li {
  margin-top: 12px;
}

.nttcom #globalMenuList [data-menu] .list a {
  color: #333;
  position: relative;
  display: block;
  padding-left: 16px;
}

.nttcom #globalMenuList [data-menu] .list a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent;
  border-left-color: #007871;
}

.nttcom #globalFunction {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}

.nttcom #nttcom .logo {
  width: 11.6rem;
}

.nttcom #nttcom .logo > span {
  line-height: 2;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 31.89%;
  background-image: url(/_cmn/img/globalHeader_logo.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nttcom #nttcom {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nttcom #globalFunction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nttcom #globalFunction1 {
  display: none;
}

.nttcom #globalFunction2 {
  display: none;
}

.nttcom #globalFunction3 {
  outline: none;
  border: none;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 120, 113, 0.32);
  tap-highlight-color: rgba(0, 120, 113, 0.32);
}

.nttcom #globalFunction3 > span {
  line-height: 2;
  display: block;
  width: 1.6rem;
  height: 0;
  padding-top: 1.6rem;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.207%22%20height%3D%2217.207%22%20viewBox%3D%220%200%2017.207%2017.207%22%3E%20%3Cg%20id%3D%22search%22%20transform%3D%22translate(-3.5%20-3.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_203%22%20data-name%3D%22%E3%83%91%E3%82%B9%20203%22%20d%3D%22M14.412%2C14.412%2C20%2C20%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%221%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_1%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20cx%3D%226%22%20cy%3D%226%22%20r%3D%226%22%20transform%3D%22translate(4%204)%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nttcom #headSearch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.nttcom #headSearch[data-is-active="true"] {
  visibility: visible;
  z-index: 2;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}

.nttcom #headSearch[data-is-active="false"] {
  visibility: hidden;
  z-index: -1;
}

.nttcom #headSearch form[name="hdSearch"] {
  display: block;
  padding: 16px;
  background-color: #f2f2f2;
}

.nttcom #headSearch form[name="hdSearch"] input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.nttcom #headSearch form[name="hdSearch"] fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nttcom #headSearch form[name="hdSearch"] fieldset input[type="text"] {
  font-family: inherit;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 4px 8px;
  background-color: #fff;
}

.nttcom #headSearch form[name="hdSearch"] fieldset input[type="submit"] {
  line-height: 2;
  display: block;
  width: 32px;
  height: 0;
  padding-top: 32px;
  overflow: hidden;
  background-color: #007871;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.207%22%20height%3D%2217.207%22%20viewBox%3D%220%200%2017.207%2017.207%22%3E%20%3Cg%20id%3D%22search%22%20transform%3D%22translate(-3.5%20-3.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M14.412%2C14.412%2C20%2C20%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%221%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_1%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20cx%3D%226%22%20cy%3D%226%22%20r%3D%226%22%20transform%3D%22translate(4%204)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
}

.nttcom #sign > img.image,
.nttcom #sign > a img.image {
  display: block;
  width: 100%;
  height: auto;
}

.nttcom #breadcrumbs {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  display: none;
}

.nttcom #breadcrumbs .list {
  display: none;
}

.nttcom #breadcrumbs .list > li + li::before {
  letter-spacing: -.4em;
  margin: 0 4px;
}

.nttcom .navigation[component="01"] {
  margin-bottom: 40px;
}

.nttcom .navigation[component="01"] .list {
  letter-spacing: -.5em;
  margin: -8px 0 0 -8px;
}

.nttcom .navigation[component="01"] .list > li {
  letter-spacing: normal;
  display: inline-block;
  margin: 8px 0 0 8px;
}

.nttcom .navigation[component="01"] .list > li > .button {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
  outline: none;
  border-radius: 4px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  background-color: #f2f2f2;
}

.nttcom .navigation[component="01"] .list > li:hover > .button,
.nttcom .navigation[component="01"] .list > li.is-active > .button {
  color: #fff;
  outline: none;
  border: none;
  background-color: #007871;
}

.nttcom #main {
  margin-bottom: 40px;
}

.nttcom #main > * {
  margin-right: 16px;
  margin-left: 16px;
}

.nttcom #lead {
  margin-bottom: 40px;
}

.nttcom #footer::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #707070;
  margin-bottom: 48px;
}

.nttcom #footer > * {
  padding-left: 16px;
  padding-right: 16px;
}

.nttcom #footer > .aside {
  position: relative;
  height: 100%;
}

.nttcom #footer > .aside + .aside {
  margin-top: 48px;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .team {
  position: relative;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .team::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="false"] .team::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%3E%3C%2Fline%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="true"] .team::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22arcs%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .team > .link {
  pointer-events: none;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .description {
  padding-left: 16px;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="false"] .description {
  max-height: 0vh;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  transition: .2s;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="true"] .description {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  /*max-height: 100vh;*/
  opacity: 1;
  visibility: visible;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .description .paragraph {
  margin-top: 0;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .description .paragraph .link {
  color: #707070;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .description .paragraph + .paragraph::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.nttcom .heading[component="lv1"] {
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
  padding: 16px;
}

.nttcom .heading[component="lv2"] {
  font-size: 2.6rem;
  color: #333;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 24px;
}

.nttcom .heading[component="lv2"] > span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nttcom .heading[component="lv2"] + .paragraph {
  margin-bottom: 24px;
}

.nttcom .heading[component="lv3"] {
  font-size: 1.6rem;
  font-weight: bold;
}

.nttcom .article + .article {
  margin-top: 48px;
}

.nttcom .article .section + .section {
  margin-top: 48px;
}

.nttcom .article > .inner > * + * {
  margin-top: 48px;
}

.nttcom .aside[component="comwareplus"] {
  color: #707070;
  margin-bottom: 32px;
}

.nttcom .aside[component="comwareplus"] .image {
  content: '';
  display: block;
  width: 312px;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .nttcom .aside[component="comwareplus"] .image {
    width: 100%;
  }
}

.nttcom .aside[component="comwareplus"] a {
  display: block;
}

.nttcom .definition[component] .team {
  font-size: 1.6rem;
  line-height: 1.5;
}

.nttcom .definition[component] .description {
  font-size: 1.4rem;
}

.nttcom .definition[component="01"] > .list {
  position: relative;
  height: 100%;
}

.nttcom .definition[component="01"] > .list::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin-top: 8px;
}

.nttcom .definition[component="01"] > .list + .list {
  margin-top: 16px;
}

.nttcom .definition[component="01"] .description {
  color: #707070;
  margin-top: 4px;
}

.nttcom .definition[component="01"] .description .link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.nttcom .definition[component="01"] .description .link:hover ~ p {
  text-decoration: underline;
}

.nttcom .definition[component="02"] .team {
  font-size: 1.4rem;
}

.nttcom .definition[component="02"] .team:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.nttcom .definition[component="02"] .link {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 12px 0;
}

.nttcom .definition[component="02"] .description .paragraph + .paragraph {
  margin-top: 12px;
}

.nttcom .definition[component="03"] > * + * {
  margin-top: 16px;
}

.nttcom .definition[component="03"] > .list {
  position: relative;
  height: 100%;
}

.nttcom .definition[component="03"] > .list::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  margin-top: 16px;
}

.nttcom .definition[component="03"] > .list + .list {
  margin-top: 16px;
}

.nttcom .definition[component="03"] .team {
  font-size: 1.6rem;
  font-weight: bold;
  color: #707070;
}

.nttcom .definition[component="03"] .description {
  font-size: 1.6rem;
  color: #707070;
  margin-top: 4px;
}

.nttcom .definition[component="03"] .description .link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.nttcom .definition[component="03"] .description .link:hover ~ p {
  text-decoration: underline;
}

.nttcom .definition[component="03"] .description .image {
  margin: 8px auto;
  padding: 0 16px;
}

.nttcom .definition[component="03"] .description .image > img {
  display: block;
  width: 100%;
  height: auto;
}

.nttcom .definition[component="03"] .description._decimal {
  counter-reset: number;
}

.nttcom .definition[component="03"] .description .paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nttcom .definition[component="03"] .description._decimal .paragraph {
  list-style-type: decimal;
  position: relative;
  height: 100%;
  padding-left: 1.1em;
}

.nttcom .definition[component="03"] .description._decimal .paragraph::before {
  counter-increment: number;
  content: counter(number) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.nttcom .definition[component="03"] .description._decimal .paragraph + .paragraph {
  margin-top: 4px;
}

.nttcom .definition[component="03"] .description .paragraph > span {
  display: block;
  margin-left: 32px;
}

.nttcom .definition[component="03"] .note {
  font-size: 1.4rem;
  color: #707070;
}

.nttcom .definition[component="03"] .note::before {
  content: '\00203b';
}

.nttcom .item[component] img.image {
  display: block;
  width: 100%;
  height: auto;
}

.nttcom .item[component] .data {
  position: relative;
  height: 100%;
}

.nttcom .item[component] .data > .link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.nttcom .item[component="banner"] {
  margin-top: 40px;
  padding: 0 16px;
}

.nttcom .item[component="banner"] .list a {
  display: block;
}

.nttcom .item[component="banner"] .list + .list {
  margin-top: 24px;
}

.nttcom .item[component="banner"] .list > li + li {
  margin-top: 24px;
}

.nttcom .item[component="banner"] .list .image {
  display: block;
  width: 100%;
  height: auto;
}

.nttcom .item[component="01"] > .list > li + li {
  margin-top: 24px;
}

.nttcom .item[component="01"] .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nttcom .item[component="01"] .column > .columnInnerEq1 {
  width: 82px;
  margin-right: 16px;
}

.nttcom .item[component="01"] .column > .columnInnerEq2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nttcom .item[component="01"] .icon {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 8px;
  background-color: #707070;
}

.nttcom .item[component="01"] .icon + .name {
  margin-top: 2px;
}

.nttcom .item[component="01"] .name + .description {
  margin-top: 2px;
}

.nttcom .item[component="01"] .description {
  font-size: 1.4rem;
  color: #707070;
}

.nttcom .item[component="02"] .wrap {
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  overflow: hidden;
  -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.nttcom .item[component="02"] .wrap:hover {
  -webkit-box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
  box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}

.nttcom .item[component="02"] a.link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.nttcom .item[component="02"] .figure > img {
  display: block;
  width: 100%;
  height: auto;
}

.nttcom .item[component="02"] .columnInnerEq2 {
  padding: 8px;
}

.nttcom .item[component="02"] .description {
  font-size: 1.4rem;
  color: #707070;
}

.nttcom .item[component="03"] .list > li:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.nttcom .item[component="03"] .name {
  font-size: 1.4rem;
  padding: 12px 0;
}

.nttcom .item[component="04"] a {
  display: block;
  color: #333;
}

.nttcom .item[component="04"] a:hover {
  color: #007871;
}

.nttcom .item[component="04"] .list > li + li {
  margin-top: 16px;
}

.nttcom .item[component="04"] .name {
  font-size: 1.4rem;
}

.nttcom .item[component="05"] .list > li + li {
  margin-top: 40px;
}

.nttcom .item[component="05"] .wrap {
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  overflow: hidden;
  -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.nttcom .item[component="05"] .wrap {
  border-top: 6px solid #007871;
}

.nttcom .item[component="05"] .wrap:hover {
  -webkit-box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
  box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}

.nttcom .item[component="05"] a.link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.nttcom .item[component="05"] .columnInnerEq1 {
  padding: 18px 22px 36px;
}

.nttcom .item[component="06"] .list > li + li {
  margin-top: 40px;
}

.nttcom .item[component="06"] .wrap {
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  overflow: hidden;
  -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.nttcom .item[component="06"] .wrap:hover {
  -webkit-box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
  box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}

.nttcom .item[component="06"] .columnInner {
  border-top: 8px solid #007871;
}

.nttcom .item[component="06"] .columnInnerEq1 {
  background-color: #fff;
  padding: 16px;
}

.nttcom .item[component="06"] .columnInnerEq1 .figure {
  width: 61.8%;
}

.nttcom .item[component="06"] .columnInnerEq1 .figure > img {
  display: block;
  width: 100%;
  height: auto;
}

.nttcom .item[component="06"] .columnInnerEq1 .figure + * {
  margin-top: 16px;
}

.nttcom .item[component="06"] .columnInnerEq2 {
  padding: 16px;
}

.nttcom .item[component="06"] .columnInnerEq2 .description {
  font-size: 1.4rem;
}

.nttcom .item[component="07"] .list > li + li {
  margin-top: 40px;
}

.nttcom .item[component="07"] .wrap {
  position: relative;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  overflow: hidden;
  -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}

.nttcom .item[component="07"] .wrap:hover {
  -webkit-box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
  box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}

.nttcom .item[component="07"] .columnInner {
  border-top: 8px solid #007871;
}

.nttcom .item[component="07"] .columnInnerEq1 {
  background-color: #fff;
  padding: 16px;
}

.nttcom .item[component="07"] .figure > img {
  display: block;
  width: 100%;
  height: auto;
}

.nttcom .item[component="07"] .figure + * {
  margin-top: 16px;
}

.nttcom .item[component="07"] .columnInnerEq2 {
  padding: 16px;
}

.nttcom .item[component="07"] .ruby {
  font-size: 1.4rem;
  color: #707070;
  margin-top: 8px;
}

.nttcom .item[component="07"] .description {
  font-size: 1.6rem;
}

.nttcom .item[component="07"] .description::after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: .8em;
  height: .8em;
  margin-left: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2214%22%20viewBox%3D%220%200%2013%2014%22%3E%20%3Cg%20id%3D%22copy%22%20transform%3D%22translate(-3.5%20-2.5)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_194%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20194%22%20width%3D%229%22%20height%3D%2210%22%20transform%3D%22translate(7%206)%22%20fill%3D%22none%22%20stroke%3D%22%23007871%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_199%22%20data-name%3D%22%E3%83%91%E3%82%B9%20199%22%20d%3D%22M12.918%2C3H4V13.4%22%20fill%3D%22none%22%20stroke%3D%22%23007871%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nttcom .item[component="07"] .description_dl {
  font-size: 1.6rem;
}

.nttcom .item[component="07"] .description_dl::before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 15px;
  height: 13px;
  margin-right: 8px;
  background-image: url("/_cmn/img/icon/co_ic_08.gif");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.nttcom .table[component] .scrollArea {
  overflow: auto;
  scroll-behavior: smooth;
}

.nttcom .table[component="01"] {
  margin-bottom: 40px;
}

.nttcom .button[component] {
  font-size: 1.4rem;
  outline: none;
  border: none;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 120, 113, 0.32);
  tap-highlight-color: rgba(0, 120, 113, 0.32);
}

.nttcom .button[component="function"] {
  color: #007871;
  border-radius: 4px;
  border: 1px solid #007871;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 61.80%;
  min-height: 48px;
  margin: 0 auto;
  margin-top: 24px;
  background-color: #fff;
}

.nttcom .button[component="cv"] {
  color: #fff;
  border-radius: 4px;
  border: 1px solid #D04301;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 61.80%;
  margin: 0 auto;
  min-height: 48px;
  margin-top: 24px;
  background-color: #D04301;
}

.nttcom .button[component="cv"]::before, .nttcom .button[component="cv"]::after {
  display: none;
}

.nttcom small {
  font-size: 1.4rem;
}

.nttcom #copyright {
  font-size: 1.2rem;
  display: block;
  padding: 16px;
}

.nttcom [bg-color="base"] {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 40px 16px;
  background-color: #f2f2f2;
}

.nttcom .text-green {
  color: #019e97 !important;
}

.nttcom .backnum_link {
  padding-left: 20px;
  display: block;
  height: 40px;
  line-height: 40px;
  background: #ECF9F8;
  border: 1px solid #00b6ac;
}

.nttcom .is_pc {
  display: none !important;
}

.nttcom .is_sp {
  display: block !important;
}

@-webkit-keyframes fadeup {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeup {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeMove {
  0% {
    opacity: 0;
    margin-top: 0.5em;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

@keyframes fadeMove {
  0% {
    opacity: 0;
    margin-top: 0.5em;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

.nttcom #dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000000bf;
}

.nttcom #dialog .dialog_body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  width: 88%;
  height: 88%;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.nttcom #dialog .dialog_scroll {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 24px 16px;
  overflow: auto;
}

.nttcom #dialog .sdgslist_item + .sdgslist_item {
  margin-top: 24px;
}

.nttcom #dialog .sdgslist_item[data-sdgsid]::before {
  content: "";
  float: left;
  display: block;
  width: 140px;
  height: 140px;
  margin-right: 16px;
  background-size: 100% 100%;
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#01"]::before {
  background-image: url("/solution/assets/img/sdg_icon_01.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#02"]::before {
  background-image: url("/solution/assets/img/sdg_icon_02.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#03"]::before {
  background-image: url("/solution/assets/img/sdg_icon_03.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#04"]::before {
  background-image: url("/solution/assets/img/sdg_icon_04.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#05"]::before {
  background-image: url("/solution/assets/img/sdg_icon_05.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#06"]::before {
  background-image: url("/solution/assets/img/sdg_icon_06.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#07"]::before {
  background-image: url("/solution/assets/img/sdg_icon_07.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#08"]::before {
  background-image: url("/solution/assets/img/sdg_icon_08.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#09"]::before {
  background-image: url("/solution/assets/img/sdg_icon_09.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#10"]::before {
  background-image: url("/solution/assets/img/sdg_icon_10.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#11"]::before {
  background-image: url("/solution/assets/img/sdg_icon_11.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#12"]::before {
  background-image: url("/solution/assets/img/sdg_icon_12.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#13"]::before {
  background-image: url("/solution/assets/img/sdg_icon_13.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#14"]::before {
  background-image: url("/solution/assets/img/sdg_icon_14.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#15"]::before {
  background-image: url("/solution/assets/img/sdg_icon_15.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#16"]::before {
  background-image: url("/solution/assets/img/sdg_icon_16.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid="#17"]::before {
  background-image: url("/solution/assets/img/sdg_icon_17.png");
}

.nttcom #dialog .sdgslist_item[data-sdgsid]::after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}

.nttcom #dialog .sdgslist_ttl {
  font-size: var(--font-size-M);
  font-weight: bold;
  margin-bottom: 24px;
}

.nttcom #dialog .sdgslist_heading {
  font-size: var(--font-size-S);
  font-weight: bold;
  margin-bottom: 4px;
  overflow: hidden;
}

.nttcom #dialog .sdgslist_description {
  font-size: var(--font-size-S);
  color: var(--sub-black-color);
  overflow: hidden;
}

.nttcom html.is-open {
  overflow: hidden;
}

.nttcom html.is-open #dialog {
  display: block;
  -webkit-animation: fadeIn 0.1s ease-out 0s;
  animation: fadeIn 0.1s ease-out 0s;
}

.nttcom #dialog .dialog_close {
  line-height: 2;
  position: absolute;
  top: -16px;
  right: -16px;
  z-index: 10;
  outline: none;
  border-radius: 22px;
  border: none;
  width: 44px;
  height: 0;
  padding: 0;
  padding-top: 44px;
  background-color: var(--primary-color);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 72% 72%;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: transparent;
}

.nttcom #counter .dialog_open {
  font-size: var(--font-size-S);
  color: var(--primary-color);
  padding: 0.5em;
  border-radius: 0.25em;
  background: #eee;
  color: #007871;
  border-width: 0;
  cursor: pointer;
  max-width: 421px;
  width: 100%;
  font-weight: bold;
  margin: 16px 0;
}

.nttcom .count {
  color: #666;
  font-size: 18px;
}

.nttcom .count_item {
  font-weight: bold;
  font-size: 24px;
  padding: 0 0.15em;
  width: 1em;
  text-align: center;
  -webkit-animation: fadeIn 0.5s ease-out 0s;
  animation: fadeIn 0.5s ease-out 0s;
}

.nttcom .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nttcom .svg-inline--fa.fa-w-16 {
  width: 1em;
}

.nttcom .dialog_trg .dialog_open .svg-inline--fa {
  margin: -0.2em 0.25em 0 0;
  font-size: 1.3em;
  vertical-align: middle;
}

.nttcom #result .result_item {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  overflow: hidden;
  -webkit-transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(50%, #fff));
  background: linear-gradient(to bottom, #f8f8f8 0%, #fff 50%);
  -webkit-animation-name: fadeup;
  animation-name: fadeup;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.nttcom #result .result_item:hover {
  -webkit-box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
  box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f3ed), color-stop(50%, rgba(249, 243, 237, 0)));
  background: linear-gradient(to bottom, #f9f3ed 0%, rgba(249, 243, 237, 0) 50%);
  text-decoration: none;
}

.nttcom #result .result_item_link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.nttcom #result .result_item + .result_item {
  margin-top: 40px;
}

.nttcom #result .result_item .result_ttl {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 16px;
  color: #333;
}

.nttcom #result .result_item .result_ttl::before {
  content: url('data:image/svg+xml;utf-8,<svg class="svg-inline--fa fa-chevron-circle-right fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="chevron-circle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="%2300b6ab" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z"></path></svg>');
  width: 1em;
  font-size: 1.15em !important;
  margin: -0.1em 0.35em -0.1em 0;
  vertical-align: middle;
  display: inline-block;
}

.nttcom #result .result_item .result_txt {
  font-size: var(--font-size-S);
  color: var(--sub-black-color);
  margin-bottom: 16px;
}

.nttcom #result .result_item .result_tag {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px 0 0 -8px;
}

.nttcom #result .result_item .result_taglabel {
  font-size: 1.2rem;
  color: #303030;
  line-height: 1;
  border-radius: 4px;
  display: inline-block;
  margin: 8px 0 0 8px;
  padding: 4px 8px;
  background-color: #f7f7f7;
  border: 1px solid silver;
  cursor: pointer;
}

.nttcom #result .result_item .result_taglabel.is-active {
  color: #fff !important;
  background-color: var(--primary-color) !important;
}

.nttcom #result .result_item .result_taglabel.is-active::before {
  color: #fff !important;
}

.nttcom #result .result_item .result_taglabel:hover {
  background-color: #e9e9e9;
}

.nttcom #sdgslist .tag_item .button::before {
  content: "\0023";
  color: #007871;
  font-size: 1.1em;
  font-weight: 600;
  margin-right: 4px;
}

.nttcom #sdgslist .tag_item:hover .button::before,
.nttcom #sdgslist .tag_item.is-active .button::before {
  color: #fff;
}

.nttcom #sdgslist .tag_item:first-child .button::before {
  display: none;
}

.nttcom [data-tag]::before {
  content: "\0023";
  color: #007871;
  margin: -0.23em 0.15em 0 0;
  font-size: 1.1em;
  font-weight: 600;
  vertical-align: baseline;
  display: inline-block;
}

.nttcom .result_sdgs {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  border-top: 1px solid #eee;
  padding-top: 0.75em;
}

.nttcom .result_sdgslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: -4px 0 0 -4px;
}

.nttcom .sdgslist_item {
  position: relative;
}

.nttcom .sdgslist_item.is-this {
  background-color: rgba(255, 186, 209, 0.5);
}

.nttcom .result_sdgs .result_sdgsico[data-sdgsid] {
  margin: 4px 0 0 4px;
}

.nttcom .result_sdgsico[data-sdgsid] > span {
  line-height: 4;
  display: block;
  width: 74px;
  height: 24px;
  padding-top: 50px;
  background-size: 100% 100%;
  overflow: hidden;
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_01"] > span {
  background-image: url("/solution/assets/img/sdg_icon_01.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_02"] > span {
  background-image: url("/solution/assets/img/sdg_icon_02.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_03"] > span {
  background-image: url("/solution/assets/img/sdg_icon_03.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_04"] > span {
  background-image: url("/solution/assets/img/sdg_icon_04.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_05"] > span {
  background-image: url("/solution/assets/img/sdg_icon_05.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_06"] > span {
  background-image: url("/solution/assets/img/sdg_icon_06.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_07"] > span {
  background-image: url("/solution/assets/img/sdg_icon_07.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_08"] > span {
  background-image: url("/solution/assets/img/sdg_icon_08.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_09"] > span {
  background-image: url("/solution/assets/img/sdg_icon_09.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_10"] > span {
  background-image: url("/solution/assets/img/sdg_icon_10.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_11"] > span {
  background-image: url("/solution/assets/img/sdg_icon_11.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_12"] > span {
  background-image: url("/solution/assets/img/sdg_icon_12.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_13"] > span {
  background-image: url("/solution/assets/img/sdg_icon_13.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_14"] > span {
  background-image: url("/solution/assets/img/sdg_icon_14.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_15"] > span {
  background-image: url("/solution/assets/img/sdg_icon_15.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_16"] > span {
  background-image: url("/solution/assets/img/sdg_icon_16.png");
}

.nttcom .result_sdgsico[data-sdgsid="sdgs_17"] > span {
  background-image: url("/solution/assets/img/sdg_icon_17.png");
}

.nttcom #sdgslist .tag_item {
  -webkit-transition: opacity 0.5s cubic-bezier(1, 0, 0, 1);
  transition: opacity 0.5s cubic-bezier(1, 0, 0, 1);
}

.nttcom #sdgslist .tag_item[data-is-active="false"] {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}

.nttcom #sdgslist .tag_item[data-is-active="true"] {
  visibility: visible;
  opacity: 1;
}

.nttcom #sdgslist [data-left] {
  display: none;
}

.nttcom #header .button[component="cv"] {
  margin-top: 16px;
  margin-bottom: 8px;
}

.nttcom .slider {
  /* ??????????? */
  display: none;
}

.nttcom .slick-dots button {
  width: 8px;
  height: 8px;
}

.nttcom .slick-slide img {
  width: 100vw;
  height: auto;
}

.nttcom #footer::before {
  margin-bottom: 0;
}

.nttcom #solutionFooter {
  margin-bottom: 40px;
}

.nttcom #footer .links {
  text-align: right;
  margin-bottom: 40px;
}

.nttcom #footer .links > * + * {
  margin-top: 16px;
}

.nttcom #footer > .aside:nth-of-type(2) {
  display: none;
}

.nttcom #footer .navigation[component="footer"] .list > li {
  width: 100%;
}

.nttcom #footer .navigation[component="footer"] .definition .team a {
  pointer-events: none;
  display: block;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="true"] .description {
  max-height: initial;
  max-height: auto;
  padding-left: 0;
}

.nttcom #footer .navigation[component="footer"] ul.list li > dl.list .team {
  padding: 12px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.nttcom #footer .navigation[component="footer"] ul.list li > dl.list .team a {
  color: #333;
  font-size: 0.9em;
}

.nttcom #footer .navigation[component="footer"] ul.list li > dl.list .team a:hover {
  color: #007871;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="false"] .team::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23007871%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22a%22%20x%3D%22-1.765%22%20y%3D%2213.4704%22%20width%3D%2221.2132%22%20height%3D%223.737%22%20transform%3D%22translate(13.4359%20-1.7593)%20rotate(45)%22%2F%3E%3Crect%20class%3D%22a%22%20x%3D%2210.5967%22%20y%3D%2213.4806%22%20width%3D%2221.1844%22%20height%3D%223.737%22%20transform%3D%22translate(47.0252%2011.2196)%20rotate(135)%22%2F%3E%3C%2Fsvg%3E");
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="true"] .team::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23007871%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22a%22%20x%3D%221.1778%22%20y%3D%2213.1315%22%20width%3D%2227.6443%22%20height%3D%223.737%22%20transform%3D%22translate(15%20-6.2132)%20rotate(45)%22%2F%3E%3Crect%20class%3D%22a%22%20x%3D%221.1778%22%20y%3D%2213.1315%22%20width%3D%2227.6443%22%20height%3D%223.737%22%20transform%3D%22translate(36.2131%2015)%20rotate(135)%22%2F%3E%3C%2Fsvg%3E");
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active] .team::before {
  content: '';
  position: absolute;
  top: calc(50% - 4px);
  right: 8px;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="true"] .description:nth-child(1) {
  padding-left: 0;
}

.nttcom #footer .navigation[component="footer"] .description > .paragraph {
  font-weight: bold;
}

.nttcom #footer .definition .team {
  font-size: 1.4rem;
}

.nttcom #footer .definition .team:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.nttcom #footer .definition .list:first-child .inner .paragraph {
  padding-left: 16px;
}

.nttcom #footer .definition .link {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 12px 0;
}

.nttcom #footer .definition .description .paragraph + .paragraph {
  margin-top: 12px;
}

/* overlay */
html[data-is-fixed="true"] #overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8999;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.2);*/
}

.company {
    background-color: whitesmoke;
    padding: 2em 2em;
}
#inquiry .col-5{
	 max-width: 100%;
		    flex: 0 0 100%;
}
.container-fluid .col-auto{
	width:100%;
}


#plan .button{
	font-size:1.5rem ;
	    padding: 0.95em 3.7em 1.05em 1.6em;
}

#plan .button::after{
	    right: 1.4em;
}
.justify-content-between{
	justify-content: center !important;
}