@charset "UTF-8";
/*
 variable
----------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto);
:root {
  /* font-size */
  --font-size-L: 3.0rem;
  --font-size-M: 1.6rem;
  --font-size-S: 1.4rem;
  /* min-width */
  --min-width: 960px;
}

/*
 fonts -[import]-
----------------------------------------*/
.nttcom {
  /*
 html -[module]-
----------------------------------------*/
  overflow: auto;
  /*
 body -[module]-
----------------------------------------*/
  font-family: Roboto, 'メイリオ', Meiryo, 'Noto Sans JP', sans-serif;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: .04em;
  position: relative;
  min-width: 960px;
  overflow: hidden;
  /* ------------------------------------------------------------

  PC | Preset

------------------------------------------------------------ */
  /*
 viewer -[js]-
----------------------------------------*/
  /*
 dropdown -[js]-
----------------------------------------*/
  /*
 drawer -[js]-
----------------------------------------*/
  /* button */
  /*
 showmore -[js]-
----------------------------------------*/
  /* article */
  /*
 back to top -[js]-
----------------------------------------*/
  /*
 anchor -[module]-
----------------------------------------*/
  /*
 font-size -[module]-
----------------------------------------*/
  /*
 container -[module]-
----------------------------------------*/
  /*
 header -[module]-
----------------------------------------*/
  /*#header {
  margin-bottom: 56px;
}*/
  /* sign */
  /* breadcrumbs */
  /*
 navigation -[module]-
----------------------------------------*/
  /* component- */
  /*
 main -[module]-
----------------------------------------*/
  /* lead */
  /*
 footer -[module]-
----------------------------------------*/
  /* definition */
  /*
 heading -[module]-
----------------------------------------*/
  /* component-lv1 */
  /* component-lv2 */
  /* component-lv3 */
  /*
 navigation -[module]-
----------------------------------------*/
  /* footer */
  /*
 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-06 */
  /* component-07 */
  /*
 table -[module]-
----------------------------------------*/
  /* component-01 */
  /*
 button -[module]-
----------------------------------------*/
  /* component-function */
  /* component-cv */
  /*
 small -[module]-
----------------------------------------*/
  /* copyright */
  /*
 column -[module]-
----------------------------------------*/
  /* 2column */
  /* 3column */
  /*
 background-color -[module]-
----------------------------------------*/
  /* base */
  /*
 visibility
----------------------------------------*/
  /*
 sp_menu_delete
----------------------------------------*/
  /*
 utilites
----------------------------------------*/
  /* ------------------------------------------------------------

  SP | solution

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

.nttcom .leaflet-container {
  z-index: -1;
}

@media screen and (max-width: 960px) {
  .nttcom {
    /* global_header */
    /* logo */
    /*global function*/
    /* language */
    /* contact */
    /* search */
    /* searchbox */
  }
  .nttcom #globalHeader {
    position: relative;
    height: var(--global-header-height);
  }
  .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;
  }
  .nttcom #globalHeader .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nttcom #globalMenu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 80%;
    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 #globalMenu::-webkit-scrollbar {
    display: none;
  }
  .nttcom #globalMenu #globalMenuList > li {
    position: relative;
    height: 100%;
  }
  .nttcom #globalMenu #globalMenuList > li + li {
    margin-top: 24px;
  }
  .nttcom #globalMenu #globalMenuList > li[data-dropdown] > a {
    display: none;
  }
  .nttcom #globalMenu #globalMenuList > li[data-is-active="true"] > a {
    display: block;
    width: calc(100% - 32px);
    height: 20px;
  }
  .nttcom #globalMenu li > span {
    font-size: 1.6rem;
    font-weight: bold;
    color: #333;
    line-height: 1.25;
    position: relative;
    display: block;
    padding-left: 16px;
  }
  .nttcom #globalMenu li > span::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 #globalMenu li[data-is-active="true"] > span::before {
    /*transform: rotate(90deg);*/
  }
  .nttcom #globalMenu li[data-is-active] > span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    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 #globalMenu li[data-is-active="true"] > span::after {
    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 #globalMenu #globalMenuList > li > a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .nttcom #globalMenu [data-menu] {
    max-height: 0vh;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .nttcom #globalMenu [data-is-active="true"] [data-menu] {
    max-height: 100vh;
    opacity: 1;
    visibility: visible;
  }
  .nttcom #globalMenu [data-menu] .inner {
    padding-top: 16px;
    padding-left: 16px;
  }
  .nttcom #globalMenu [data-menu] .heading {
    font-size: 1.4rem;
    color: #333;
    position: relative;
    display: inline-block;
    margin-bottom: 8px;
    padding-left: 16px;
  }
  .nttcom #globalMenu [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 #globalMenu [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: 8px;
  }
  .nttcom #globalMenuList [data-menu] .list a {
    color: #333;
    position: relative;
    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 #nttcom > a {
    display: inline-block;
    padding-top: 6px;
  }
  .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%;
  }
}

@media screen and (min-width: 961px) {
  .nttcom {
    /* globalMenuList */
  }
  .nttcom #globalHeader [data-menu] {
    font-weight: normal;
    color: #333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    padding: 32px 0;
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
    visibility: hidden;
    cursor: default;
  }
  .nttcom #globalHeader [data-menu] > .inner {
    width: 960px;
    margin: 0 auto;
  }
  .nttcom #globalHeader .heading {
    font-size: 3.0rem;
    font-weight: bold;
    color: #333;
    line-height: 1.25;
    position: relative;
    display: inline-block;
    margin-bottom: 32px;
    padding-left: 16px;
  }
  .nttcom #globalHeader .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 #globalHeader .heading > .link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .nttcom #globalHeader .heading > .link:hover + * {
    text-decoration: underline;
  }
  .nttcom #globalMenuList > li.isActive {
    background-color: #f2f2f2;
  }
  .nttcom #globalMenuList > li.isActive [data-menu] {
    z-index: 9999;
    visibility: visible;
  }
  .nttcom #globalMenuList [data-menu] .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .nttcom #globalMenuList [data-menu] .list::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 16px 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#007871), color-stop(50%, #007871), color-stop(50%, transparent), to(transparent));
    background-image: linear-gradient(90deg, #007871, #007871 50%, transparent 50%, transparent 100%);
    background-size: 3px 1px;
    opacity: 0.4;
  }
  .nttcom #globalMenuList [data-menu] .list > li {
    width: 240px;
  }
  .nttcom #globalMenuList [data-menu] .list a {
    color: #333;
    position: relative;
    padding-left: 16px;
  }
  .nttcom #globalMenuList [data-menu] .list a:hover {
    color: #007871;
  }
  .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;
  }
}

@media screen and (max-width: 767px) {
  .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 #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 {
  left: 50%;
  line-height: 2;
  border-radius: 22px;
  width: 44px;
  height: 0;
  margin-left: calc(960px/2 - 44px);
  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: 3.0rem;
}

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

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

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

@media screen and (min-width: 961px) {
  .nttcom {
    /* global_header */
    /* logo */
    /*global function*/
    /* language */
    /* contact */
    /* search */
    /* searchbox */
  }
  .nttcom #globalHeaderInner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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-width: 960px;
  }
  .nttcom #globalHeader .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nttcom #globalMenu {
    margin-left: 24px;
  }
  .nttcom #globalMenu2 {
    display: none;
  }
  .nttcom #globalMenuList {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nttcom #globalMenuList > li > .link {
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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: 108px;
    height: 88px;
  }
  .nttcom #globalMenuList > li > .link:hover {
    color: #007871;
    text-decoration: underline;
  }
  .nttcom #nttcom .logo {
    width: 17.8rem;
  }
  .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 > a {
    display: inline-block;
    padding-top: 6px;
  }
  .nttcom #globalFunction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .nttcom #globalFunction > [id^="globalFunction"] {
    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 #globalFunction > [id^="globalFunction"] + * {
    margin-left: 16px;
  }
  .nttcom #globalFunction1 > span {
    line-height: 2;
    display: block;
    width: 2.0rem;
    height: 0;
    padding-top: 2.0rem;
    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%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Ctext%20id%3D%22EN%22%20transform%3D%22translate(0%2016)%22%20fill%3D%22%23333%22%20font-size%3D%2214%22%20font-family%3D%22SourceHanSansJP-Bold%2C%20Source%20Han%20Sans%20JP%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3EEN%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .nttcom #globalFunction1:hover > span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Ctext%20id%3D%22EN%22%20transform%3D%22translate(0%2016)%22%20fill%3D%22%23CC0032%22%20font-size%3D%2214%22%20font-family%3D%22SourceHanSansJP-Bold%2C%20Source%20Han%20Sans%20JP%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3EEN%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
  }
  .nttcom #globalFunction2 > span {
    line-height: 2;
    display: block;
    width: 2.0rem;
    height: 0;
    padding-top: 1.4rem;
    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%2221.412%22%20height%3D%2215.412%22%20viewBox%3D%220%200%2021.412%2015.412%22%3E%20%3Cg%20id%3D%22envelope%22%20transform%3D%22translate(-1.294%20-4.294)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_195%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20195%22%20width%3D%2220%22%20height%3D%2214%22%20transform%3D%22translate(2%205)%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_200%22%20data-name%3D%22%E3%83%91%E3%82%B9%20200%22%20d%3D%22M2%2C5l10%2C9L22%2C5%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_201%22%20data-name%3D%22%E3%83%91%E3%82%B9%20201%22%20d%3D%22M2%2C19l6.825-7.8%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_202%22%20data-name%3D%22%E3%83%91%E3%82%B9%20202%22%20d%3D%22M22%2C19l-6.844-7.822%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-linecap%3D%22round%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 #globalFunction1:hover > span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Ctext%20id%3D%22EN%22%20transform%3D%22translate(0%2016)%22%20fill%3D%22%23CC0032%22%20font-size%3D%2214%22%20font-family%3D%22SourceHanSansJP-Bold%2C%20Source%20Han%20Sans%20JP%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3EEN%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
  }
  .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: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f2f2f2;
    -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="true"] {
    visibility: visible;
    z-index: 2;
  }
  .nttcom #headSearch[data-is-active="false"] {
    visibility: hidden;
    z-index: -1;
  }
  .nttcom #headSearch form[name="hdSearch"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 960px;
    margin: 0 auto;
    padding: 16px;
  }
  .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: 8px 16px;
    background-color: #fff;
  }
  .nttcom #headSearch form[name="hdSearch"] fieldset input[type="submit"] {
    line-height: 2;
    display: block;
    width: 40px;
    height: 0;
    padding-top: 40px;
    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 {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.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: 10px 16px;
}

.nttcom #breadcrumbs .list {
  width: 960px;
  margin: 0 auto;
}

.nttcom #breadcrumbs .list li {
  line-height: 1.8;
}

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

.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;
  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 {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 80px;
}

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

.nttcom #footer {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

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

.nttcom #footer > .aside {
  position: relative;
  height: 100%;
  padding: 48px 0;
}

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

.nttcom .definition[component="02"] .description > .paragraph:first-child {
  display: none;
}

.nttcom .heading[component="lv1"] {
  font-size: 3.0rem;
  font-weight: bold;
  color: #333;
  width: 960px;
  margin: 48px auto 24px auto;
}

.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: 16px;
}

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

.nttcom .heading[component="lv2"] + .paragraph {
  color: #707070;
  margin-top: -16px;
  margin-bottom: 48px;
}

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

.nttcom .navigation[component="footer"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -24px 0 0 -48px;
}

.nttcom .navigation[component="footer"] .list > li {
  width: 304px;
  margin: 24px 0 0 48px;
}

.nttcom .article > * {
  letter-spacing: normal;
}

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

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

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

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

.nttcom .aside[component="comwareplus"] .image {
  display: block;
  width: 288px;
  margin-bottom: 6px;
}

.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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  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: 10px;
}

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

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

.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;
  font-weight: bold;
}

.nttcom .definition[component="02"] .link {
  color: #333;
}

.nttcom .definition[component="02"] a.link:hover {
  color: #007871;
}

.nttcom .definition[component="02"] .description {
  font-size: 1.4rem;
  margin-top: 12px;
}

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

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

.nttcom .definition[component="03"] .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  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: 24px;
}

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

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

.nttcom .definition[component="03"] .description {
  font-size: 1.6rem;
  color: #707070;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 112px;
}

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

.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;
}

.nttcom .definition[component="03"] .description .image > img {
  display: block;
}

.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;
  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"] .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -16px 0 0 -16px;
}

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

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

.nttcom .item[component="banner"] .list > li {
  width: 231px;
  margin: 16px 0 0 16px;
}

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

.nttcom .item[component="01"] .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -48px 0 0 -48px;
}

.nttcom .item[component="01"] .list > li {
  width: 456px;
  margin: 48px 0 0 48px;
}

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

.nttcom .item[component="01"] .column > .columnInnerEq1 {
  width: 88px;
  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: 24px;
}

.nttcom .item[component="02"] .heading + .description {
  margin-top: 24px;
}

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

.nttcom .item[component="03"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -32px 0 0 -48px;
}

.nttcom .item[component="03"] .list > li {
  width: 304px;
  margin: 32px 0 0 48px;
}

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

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

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

.nttcom .item[component="04"] .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 20211216*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nttcom .item[component="04"] .list > li:hover {
  color: #007871;
  text-decoration: underline;
}

.nttcom .item[component="04"] .list > li + li {
  margin-left: 22px;
  /* 20211214  margin-left: 24px; */
}

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

.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="01"] {
  margin-bottom: 48px;
}

.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;
  margin: 0 auto;
  margin-top: 40px;
  padding: 8px 16px;
  background-color: #fff;
}

.nttcom a.button[component="function"] {
  display: inline-block;
}

.nttcom .button_wrap {
  text-align: center;
}

.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: 248px;
  margin: 0 auto;
  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 0;
}

.nttcom .column[data-column-pc="2"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -48px 0 0 -48px;
}

.nttcom .column[data-column-pc="2"] > * {
  width: 456px;
  margin: 48px 0 0 48px !important;
}

.nttcom .column[data-column-pc="3"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -39px 0 0 -39px;
}

.nttcom .column[data-column-pc="3"] > * {
  width: 294px;
  margin: 39px 0 0 39px !important;
}

.nttcom [bg-color="base"] {
  position: relative;
  height: 100%;
  padding: 80px 0;
  background-color: #f2f2f2;
}

.nttcom [bg-color="base"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: 0 -500%;
  padding: 0 500%;
  background-color: #f2f2f2;
}

.nttcom [data-pc-visibility="hidden"] {
  display: none;
}

.nttcom #globalMenu ul#globalMenuList li.sp_menu_eng {
  display: none;
}

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

.nttcom .is_sp {
  display: none !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: rgba(0, 0, 0, 0.7);
}

.nttcom #dialog .dialog_body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  width: 960px;
  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: 48px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

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

.nttcom #dialog .sdgslist_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -48px 0 0 -48px;
}

.nttcom #dialog .sdgslist_item {
  width: 408px;
  margin: 48px 0 0 48px;
}

.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: 3.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 48px;
}

.nttcom #dialog .sdgslist_heading {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 4px;
  overflow: hidden;
}

.nttcom #dialog .sdgslist_description {
  font-size: 1.4rem;
  color: #707070;
  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: #007871;
  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: 1.4rem;
  color: #007871;
  padding: 0.5em 3em;
  border-radius: 0.25em;
  background: #eee;
  color: #007871;
  border-width: 0;
  cursor: pointer;
  max-width: 421px;
  width: 100%;
  font-weight: bold;
}

.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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0 16px;
}

.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;
  height: 1em;
}

.nttcom #result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -48px 0 0 -48px;
}

.nttcom #result .result_item {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  width: 456px;
  margin: 48px 0 0 48px;
  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:hover .result_ttl {
  color: #007871;
}

.nttcom #result .result_item_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}

.nttcom #result .result_item_inner > * {
  width: 100%;
}

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

.nttcom #result .result_item .result_ttl {
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 18px;
  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: 1.4rem;
  color: #707070;
  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;
  /* height: -moz-fit-content;
  height: fit-content; */
  margin: -8px 0 0 -8px;
  margin-bottom: 16px;
}

.nttcom #result .result_item .result_taglabel {
  font-size: 1.2rem;
  color: #303030;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  display: inline-block;
  height: 24px;
  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: #007871 !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.is-active .button {
  color: #fff;
  text-decoration: underline;
}

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

.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: auto;
  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: 70px;
  height: 20px;
  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 {
  margin-bottom: 24px;
}

.nttcom #sdgslist .button[component="function"] {
  display: none;
}

.nttcom #sign {
  width: 100%;
}

.nttcom #sign .swiper-container {
  width: 960px;
  overflow: visible;
}

.nttcom #sign .swiper-slide-prev,
.nttcom #sign .swiper-slide-next {
  background-color: #333;
}

.nttcom #sign .swiper-slide .swiper-image {
  opacity: .64;
}

.nttcom #sign .swiper-slide-active .swiper-image {
  opacity: 1.0;
}

.nttcom #sign .swiper-pagination {
  margin-top: 24px;
}

.nttcom #sign .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.nttcom #header .heading[component="lv1"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nttcom #header .button[component="cv"] {
  margin-top: 0;
  margin: 0;
  margin-left: auto;
}

.nttcom .slider {
  /* ロード時の表示崩れ対策 */
  display: none;
}

.nttcom .slick-slide {
  padding: 0 8px;
  max-width: 960px;
}

.nttcom .slick-slide img {
  width: 960px;
  max-width: 100%;
  height: auto;
}

.nttcom .slick-slide a {
  background: #333333;
}

.nttcom .slick-slide img {
  opacity: 0.64;
}

.nttcom .slick-slide.slick-center img {
  opacity: 1;
}

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

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

.nttcom #footer > .links {
  display: none;
}

.nttcom #footer > .aside {
  width: 960px;
  padding: 48px 0 0 0;
}

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

.nttcom #footer .navigation[component="footer"] {
  margin: 0;
}

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

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

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="true"] .description {
  opacity: 1;
  visibility: visible;
}

.nttcom #footer .navigation[component="footer"] .definition dl.list + .list .description::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  margin: 2em 0;
}

.nttcom #footer .navigation[component="footer"] .definition .team {
  font-size: 1.4rem;
  font-weight: bold;
  width: 306px;
  position: relative;
  cursor: pointer;
}

.nttcom #footer .navigation[component="footer"] .definition .link {
  color: #333;
}

.nttcom #footer .navigation[component="footer"] .definition[data-is-active="false"] .team {
  top: 0px;
}

.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"] .description::after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}

.nttcom #footer .navigation[component="footer"] .description > .paragraph {
  font-weight: bold;
  float: left;
  width: 306px;
  margin-top: 1em;
}

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

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

.nttcom #footer .navigation[component="footer"] .description > .inner {
  letter-spacing: -.5em;
  float: left;
  width: 633px;
}

.nttcom #footer .navigation[component="footer"] .list + .list .description > .inner {
  width: 960px;
}

.nttcom #footer .navigation[component="footer"] .description > .inner .paragraph {
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  width: 306px;
  margin: 1em 0 0 10px;
}