@charset "UTF-8";
/* ========================================
  Bizon ICT Common 24.07. Distribution by screen width
======================================== */
.only-pc {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}
.only-sp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .only-sp {
    display: block !important;
    margin: 0 auto;
  }
}
/* ========================================
  Bizon ICT Common 24.01.
======================================== */
@keyframes circleanime {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(2);
    opacity: 0.25;
  }
}
header {
  top: 0;
  transition: top 0.5s ease;
  z-index: 500;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  header {
    height: 65px;
  }
}
@media screen and (min-width: 1025px) {
  header.hidden {
    top: -109px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  header.hidden {
    top: -65px;
  }
}
@media screen and (max-width: 768px) {
  header.hidden {
    top: -65px;
  }
}

#wrapper-bizon {
  transition: padding 0.5s ease;
}
@media screen and (min-width: 1025px) {
  #wrapper-bizon {
    padding-top: 109px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #wrapper-bizon {
    padding-top: 65px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper-bizon {
    padding-top: 65px;
  }
}
#wrapper-bizon.shorter {
  padding-top: 0;
}
#wrapper-bizon.shorter .bizon-header-and-gnav {
  position: sticky;
  top: 0;
}
#wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header {
  height: auto;
}
@media screen and (min-width: 769px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header #bizon-header_in {
    padding: 0 0 20px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header #bizon-header_in {
    padding: 0 0 10px;
  }
}
#wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header #bizon-header_figure {
  max-width: 440px;
}
@media screen and (min-width: 1025px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header #bizon-header_lead > p:nth-of-type(1) {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 768px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header #bizon-header_lead > p:nth-of-type(1) {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 1025px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header #bizon-header_lead > p:nth-of-type(2) {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 768px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-header #bizon-header_lead > p:nth-of-type(2) {
    font-size: 10px;
    font-size: 1.0775862069rem;
  }
}
@media screen and (min-width: 769px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-gnav {
    margin: -20px auto 0;
  }
}
@media screen and (max-width: 768px) {
  #wrapper-bizon.shorter .bizon-header-and-gnav #bizon-gnav {
    margin: -10px auto 0;
  }
}
#wrapper-bizon.shorter .bizon-header-and-gnav #bizon-gnav ul > li > a {
  height: 40px;
}

.bizon-header-and-gnav {
  margin: 0 auto;
  position: relative;
  transition: top 0.3s ease;
  width: 100%;
  z-index: 300;
}

#bizon-header {
  background-color: #fff;
  border: none;
  display: flex;
  align-items: center;
  height: auto;
  left: auto;
  min-width: auto;
  position: relative;
  top: auto;
  z-index: auto;
}
@media screen and (min-width: 769px) {
  #bizon-header {
    box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);
    left: 0 !important;
  }
}
#bizon-header_wrapper {
  margin: 0 auto;
  max-width: 1560px;
  width: 100%;
}
#bizon-header_index-in, #bizon-header-slider {
  display: none;
}
#bizon-header_in {
  transition: padding 0.15s ease;
}
@media screen and (min-width: 1025px) {
  #bizon-header_in {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 40px;
    max-width: 1560px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #bizon-header_in {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 40px;
    max-width: 1560px;
  }
}
@media screen and (max-width: 768px) {
  #bizon-header_in {
    display: block;
    padding: 0;
    width: 100%;
  }
}
#bizon-header_figure {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  #bizon-header_figure {
    margin-right: 50px;
    max-width: 625px;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  #bizon-header_figure {
    justify-content: center;
    margin: 0 auto;
  }
  #bizon-header_figure img {
    max-width: 100%;
    width: 554px;
  }
}
@media screen and (min-width: 769px) {
  #bizon-header_lead {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #bizon-header_lead {
    display: none;
    text-align: center;
  }
}
#bizon-header_lead > p strong {
  font-weight: bold;
}
#bizon-header_lead > p:nth-of-type(1) {
  margin-bottom: 0;
}
@media screen and (min-width: 1025px) {
  #bizon-header_lead > p:nth-of-type(1) {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(1) {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #bizon-header_lead > p:nth-of-type(1) {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(1) {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(1) {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(1) {
    font-size: 11px;
    font-size: 1.1853448276rem;
  }
}
#bizon-header_lead > p:nth-of-type(2) {
  margin: 0;
}
@media screen and (min-width: 1025px) {
  #bizon-header_lead > p:nth-of-type(2) {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(2) {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #bizon-header_lead > p:nth-of-type(2) {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(2) {
    font-size: 10px;
    font-size: 1.0775862069rem;
  }
}
@media screen and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(2) {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #bizon-header_lead > p:nth-of-type(2) {
    font-size: 9px;
    font-size: 0.9698275862rem;
  }
}

#bizon-header_consultation-and-purchase {
  display: none;
}

.container {
  max-width: 1560px;
}
@media screen and (max-width: 768px) {
  .container {
    padding: 0 12px;
  }
}

#inner-bizon {
  background-color: transparent;
  padding-top: 0;
}
@media screen and (min-width: 1025px) {
  #inner-bizon.shorter {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #inner-bizon.shorter {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon.shorter {
    padding-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  #inner-bizon.shorter {
    padding-top: 90px;
  }
}
@media screen and (max-width: 375px) {
  #inner-bizon.shorter {
    padding-top: 90px;
  }
}

#bizon-gnav {
  z-index: auto;
}
@media screen and (min-width: 769px) {
  #bizon-gnav {
    margin: -40px auto 0;
    max-width: 1560px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  #bizon-gnav {
    overflow-x: hidden;
    position: relative;
    white-space: nowrap;
    user-select: none;
    cursor: grab;
  }
  #bizon-gnav:active {
    cursor: grabbing;
  }
}
@media screen and (min-width: 769px) {
  #bizon-gnav ul {
    display: flex;
    align-items: center;
  }
  #bizon-gnav ul > li {
    width: 14.2857142857%;
  }
  #bizon-gnav ul > li > a {
    align-items: center;
    background-color: #013364;
    border-right: 1px solid #707070;
    color: #fff;
    display: block;
    display: flex;
    font-size: 16px;
    font-size: 1.6rem;
    height: 80px;
    justify-content: center;
    line-height: 1;
    padding: 0 0.5em;
    text-align: center;
    transition: height 0.3s ease;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #bizon-gnav ul > li > a {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (min-width: 769px) {
  #bizon-gnav ul > li > a:hover {
    background-color: #cc0033;
  }
  #bizon-gnav ul > li > a.here {
    background-color: #cc0033;
  }
  #bizon-gnav ul > li:first-of-type a {
    border-radius: 4px 0 0 4px;
  }
  #bizon-gnav ul > li:last-of-type a {
    border-radius: 0 4px 4px 0;
    border-right: none;
  }
}
@media screen and (max-width: 768px) {
  #bizon-gnav ul {
    border-bottom: 2px solid #cc0033;
    display: flex;
    align-items: flex-end;
    touch-action: pan-x;
  }
  #bizon-gnav ul > li {
    margin-right: 1px;
  }
  #bizon-gnav ul > li > a {
    background-color: #013364;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    padding: 10.5px 2.5em;
    text-align: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #bizon-gnav ul > li > a {
    font-size: 10px;
    font-size: 1.0775862069rem;
  }
}
@media screen and (max-width: 768px) {
  #bizon-gnav ul > li > a.here {
    background-color: #cc0033;
    padding: 11.5px 2.5em;
  }
  #bizon-gnav ul > li:first-of-type {
    margin-left: 2px;
  }
  #bizon-gnav ul > li:last-of-type {
    margin-right: 2px;
  }
}

@media screen and (min-width: 769px) {
  .common-breadcrumb ul {
    padding: 30px 0 35px;
  }
}
@media screen and (max-width: 768px) {
  .common-breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.75;
    padding: 15px 0;
    overflow: visible;
    white-space: normal;
  }
}
.common-breadcrumb ul > li {
  color: #707070;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .common-breadcrumb ul > li {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
@media screen and (max-width: 768px) {
  .common-breadcrumb ul > li {
    letter-spacing: 0.05rem;
    overflow: visible;
    white-space: normal;
  }
}
.common-breadcrumb ul > li a {
  color: #cc0033 !important;
  text-decoration: underline;
}
.common-breadcrumb ul > li a::after {
  color: #a8a8a8 !important;
}
.common-breadcrumb ul > li a:hover {
  text-decoration: none;
}

.article-common {
  background-color: #fff;
}
.article-common .article-contents small {
  font-size: 80%;
}
.article-common .article-contents figure figcaption {
  font-size: 90%;
  text-align: center;
}
.article-common .article-contents figure figcaption a {
  display: inline;
}
.article-common .article-contents .fadeup {
  animation-duration: auto;
  animation-fill-mode: none;
  opacity: 1;
}
.article-header {
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (max-width: 768px) {
  .article-header {
    display: flex;
    flex-direction: column;
  }
}
.article-header .article-title-and-fig {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .article-header .article-title-and-fig {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-title-and-fig {
    flex-direction: column-reverse;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .article-header .article-title-and-fig {
    margin-bottom: 16px;
  }
}
.article-header .article-title {
  color: #333;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .article-header .article-title {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-header .article-title {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-header .article-title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-title br {
    display: none;
  }
}
.article-header .article-title small {
  font-size: 70%;
}
@media screen and (min-width: 769px) {
  .article-header .article-title br.pc-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-title br.pc-only {
    display: none;
  }
}
.article-header .article-thumb {
  display: flex;
  align-items: center;
  max-height: 231px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .article-header .article-thumb {
    border-radius: 10px;
    margin-left: 32px;
    max-height: 160px;
    max-width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-thumb {
    margin: 0 0 16px;
  }
}
@media screen and (min-width: 769px) {
  .article-header .article-thumb img {
    border-radius: 10px;
    min-width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-thumb img {
    min-width: auto;
    width: 100%;
  }
}
.article-header .article-date-and-tag-with-slider {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .article-header .article-date-and-tag-with-slider {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-date-and-tag-with-slider {
    flex-direction: column;
  }
}
.article-header .article-date-and-tag-with-slider #article-tag-ye-list {
  display: none;
}
.article-header .article-date-and-tag-with-slider #article-tag-ye-list.slick-initialized {
  display: block;
  padding: 0 30px 0 20px;
}
@media screen and (min-width: 769px) {
  .article-header .article-date-and-tag {
    margin-bottom: 60px;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-date-and-tag {
    margin: 0 12px 20px;
    padding: 0;
  }
}
.article-header .article-date {
  color: #333;
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .article-header .article-date {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-header .article-date {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-date {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-header .article-date {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-header .article-tag-ye {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-header .article-tag-ye {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  .article-header .article-tag-ye {
    width: 77%;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-tag-ye {
    margin: 0 auto;
  }
}
.article-header .article-tag-ye > a {
  background-color: #f3f3f3;
  border-radius: 15px;
  color: #333;
  display: inline-block;
  line-height: 1;
  margin-right: 10px;
  margin-top: 6px;
  padding: 8px 2em;
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .article-header .article-tag-ye > a {
    margin-top: 1em;
  }
}
.article-header .article-tag-ye > a:last-of-type {
  margin-right: 0;
}
.article-header .article-tag-ye > a:hover {
  background-color: #013364;
  color: #fff;
}
.article-header .article-tag-ye.slick-slider {
  margin-top: 6px;
  width: 100%;
}
.article-header .article-tag-ye.slick-slider .slick-list {
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
}
.article-header .article-tag-ye.slick-slider .slick-list::before, .article-header .article-tag-ye.slick-slider .slick-list::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 3%;
  z-index: 5;
}
.article-header .article-tag-ye.slick-slider .slick-list::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 5%, rgb(255, 255, 255) 100%);
  right: 0;
}
.article-header .article-tag-ye.slick-slider .slick-prev,
.article-header .article-tag-ye.slick-slider .slick-next {
  z-index: 1;
}
.article-header .article-tag-ye.slick-slider .slick-prev::before,
.article-header .article-tag-ye.slick-slider .slick-next::before {
  content: "";
  display: block;
  height: 20px;
  opacity: 0.5;
  width: 20px;
}
@media screen and (max-width: 768px) {
  .article-header .article-tag-ye.slick-slider .slick-prev::before,
  .article-header .article-tag-ye.slick-slider .slick-next::before {
    opacity: 1;
  }
}
.article-header .article-tag-ye.slick-slider .slick-prev:hover::before,
.article-header .article-tag-ye.slick-slider .slick-next:hover::before {
  opacity: 1;
}
.article-header .article-tag-ye.slick-slider .slick-prev {
  left: 0;
}
.article-header .article-tag-ye.slick-slider .slick-prev::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_circle-arrow_left.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.article-header .article-tag-ye.slick-slider .slick-next {
  right: 0;
}
.article-header .article-tag-ye.slick-slider .slick-next::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_circle-arrow_right.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.article-header .article-tag-ye.slick-slider a {
  background-color: #f3f3f3;
  border-radius: 15px;
  color: #333;
  display: inline-block;
  line-height: 1;
  margin-right: 0.25em;
  margin-left: 0.25em;
  padding: 8px 2em;
  transition: all 0.2s;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-header .article-tag-ye.slick-slider a {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-tag-ye.slick-slider a {
    padding: 6px 1.25em;
  }
}
@media screen and (max-width: 480px) {
  .article-header .article-tag-ye.slick-slider a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) and (max-width: 768px) {
  .article-header .article-tag-ye.slick-slider a {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
.article-header .article-tag-ye.slick-slider a:hover {
  background-color: #013364;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .article-header .article-summary {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-header .article-summary {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (min-width: 769px) {
  .article-header .article-summary p {
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-summary {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 12px 80px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-header .article-summary {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-summary p {
    line-height: 1.75;
  }
}
.article-header .article-summary a {
  text-decoration: underline;
}
.article-header .article-summary a:hover {
  text-decoration: none;
}
.article-header .article-summary + .article-banner-area {
  margin-top: -50px;
}
.article-header .article-banner {
  text-align: center;
}
.article-header .article-banner-area {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .article-header .article-banner-area {
    margin-inline: 12px;
  }
}
@media screen and (min-width: 769px) {
  .article-header .article-banner-area.columns-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .article-header .article-banner-area.columns-2 .article-banner {
    margin-right: 4%;
    width: 48%;
  }
  .article-header .article-banner-area.columns-2 .article-banner:nth-of-type(2n) {
    margin-right: 0;
  }
  .article-header .article-banner-area.columns-2 .article-banner:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .article-header .article-banner-area.columns-2 .article-banner:not(:first-of-type) {
    margin-top: 20px;
  }
}
.article-header .article-banner a {
  display: inline-block;
}

.article-toc {
  background-color: #f3f3f3;
}
@media screen and (min-width: 769px) {
  .article-toc {
    margin-bottom: 80px;
    padding: 45px 0 60px;
  }
}
@media screen and (max-width: 768px) {
  .article-toc {
    margin-bottom: 40px;
    padding: 24px 0;
  }
}
.article-toc .article-wrap {
  max-width: 800px;
}
@media screen and (min-width: 769px) {
  .article-toc .article-wrap {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .article-toc .article-wrap {
    margin: 0 12px;
  }
}
.article-toc .title-c3 {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .article-toc .title-c3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 38px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-toc .title-c3 {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .article-toc .title-c3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-toc .title-c3 {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.article-toc .title-c3::before, .article-toc .title-c3::after {
  content: "";
  display: inline-block;
  width: 60px;
  border-top: 1px solid #666;
  margin: 0 10px;
  box-sizing: border-box;
}
.article-toc .title-c3::before {
  margin-right: 30px;
}
.article-toc .title-c3::after {
  margin-left: 30px;
}
.article-toc ul > li {
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .article-toc ul > li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-toc ul > li {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .article-toc ul > li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-toc ul > li {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-toc ul > li:last-of-type {
  margin-bottom: 0;
}
.article-toc ul > li > a {
  color: #333;
  display: inline-block;
  margin-left: 25px;
  position: relative;
  text-indent: -25px;
}
@media screen and (min-width: 769px) {
  .article-toc ul > li > a {
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .article-toc ul > li > a {
    line-height: 1.75;
  }
}
.article-toc ul > li > a::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_circle-arrow_down.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 10px;
  transform: translateY(1px);
  width: 14px;
}
.article-toc ul > li > a:hover {
  text-decoration: underline;
}

.article-contents {
  color: #333;
  line-height: 2.2;
}
@media screen and (min-width: 769px) {
  .article-contents {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 auto;
    max-width: 800px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-contents {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 12px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-contents {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents .title-c2 {
  display: flex;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
@media screen and (min-width: 769px) {
  .article-contents .title-c2 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-contents .title-c2 {
    font-size: 32px;
    font-size: 3.4482758621rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .title-c2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-contents .title-c2 {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
.article-contents .title-c2::before {
  border-left: 6px solid #cc0033;
  content: "";
  display: inline-block;
  height: auto;
  margin-right: 16px;
}
.article-contents .title-c3 {
  background-color: #f3f3f3;
  border-radius: 5px;
  font-weight: bold;
  line-height: 1.5;
  padding: 14px 16px;
}
@media screen and (min-width: 769px) {
  .article-contents .title-c3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-contents .title-c3 {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .title-c3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.714;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-contents .title-c3 {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.article-contents .title-c5 {
  font-weight: 700;
  line-height: 1.4;
  margin: 50px 0 20px;
  padding-left: 30px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .article-contents .title-c5 {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
.article-contents .title-c5::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/network/new_ict/icon-h4_title.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 15px;
}
.article-contents .title-c6-frame {
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 1.5rem 1.5rem 1rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .article-contents .title-c6-frame {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .title-c6-frame {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .article-contents .title-c6 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-contents .title-c6 {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .title-c6 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.714;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-contents .title-c6 {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (min-width: 769px) {
  .article-contents [class^=title-c] br.pc-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .article-contents [class^=title-c] br.pc-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .article-contents * + .title-c2 {
    margin-top: 75px;
  }
}
@media screen and (max-width: 768px) {
  .article-contents * + .title-c2 {
    margin-top: 45px;
  }
}
@media screen and (min-width: 769px) {
  .article-contents * + .title-c3 {
    margin-top: 54px;
  }
}
@media screen and (max-width: 768px) {
  .article-contents * + .title-c3 {
    margin-top: 22px;
  }
}
.article-contents p {
  line-height: 2.2;
  margin-bottom: 28px;
  word-break: break-all;
}
.article-contents p:last-child {
  margin-bottom: 0;
}
.article-contents a {
  text-decoration: underline;
}
.article-contents a:hover {
  text-decoration: none;
}
.article-contents figure {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .article-contents figure {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .article-contents figure {
    margin-bottom: 10px;
  }
}
.article-contents figure img {
  border-radius: 5px;
  max-width: 100%;
}
.article-contents figure a {
  display: inline-block;
}
.article-contents figure a.hover-opacity:hover {
  opacity: 0.7 !important;
}
.article-contents figure a img {
  border: 3px solid #333;
  padding: 5px;
}
.article-contents figure figcaption {
  line-height: 2;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .article-contents figure figcaption {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 16px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-contents figure figcaption {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents figure figcaption {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-contents figure figcaption {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents .box-column-b1 {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 30px;
  background: #f1f1f1;
}
.article-contents .box-column-b1 .box-column-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.article-contents .box-column-b1 .box-column-img {
  float: right;
  max-width: 240px;
  padding: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .article-contents .box-column-b1 .box-column-img {
    float: none;
    max-width: 90%;
    margin: 0 auto 10px;
  }
}
.article-contents .box-column-b1 .box-column-text {
  line-height: 1.5;
}
.article-contents .article-wrap ul,
.article-contents .article-wrap ol {
  margin: 30px 0;
}
.article-contents .article-wrap ul li,
.article-contents .article-wrap ol li {
  margin: 0.4em 0;
}
.article-contents .article-wrap ul li {
  position: relative;
  padding-left: 1em;
}
.article-contents .article-wrap ul li::before {
  background-color: #0e367c;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 0.6em;
  width: 5px;
}
.article-contents .article-wrap ul.list-u1 li {
  margin-left: 1em;
}
.article-contents .article-wrap ol li {
  line-height: 2.2;
  list-style: decimal;
  margin-left: 1em;
}
.article-contents .article-wrap ol li ul.list-u1 {
  margin-block: 0;
}
.article-contents .article-wrap ol li ul.list-u1 li {
  list-style: none;
  margin: 0;
}
.article-contents .article-wrap ol.list-o1 {
  margin: 0 0 30px;
}
.article-contents .article-wrap ol.list-o1 li {
  line-height: 1.8;
  margin: 0 0 0 1.2em;
}
.article-contents .article-wrap ol.list-o2 {
  background-color: #eeeff8;
  margin: 0 0 30px;
  padding: 0.5em 1em;
}
.article-contents .article-wrap ol.list-o2 li {
  line-height: 1.8;
  list-style: none;
  margin: 0;
}
.article-contents .article-wrap ol.list-o3 {
  margin: 0 0 30px;
}
.article-contents .article-wrap ol.list-o3 li {
  line-height: 1.8;
  list-style: lower-alpha;
  margin: 0 0 0 1.2em;
}
.article-contents .article-wrap ol.list-o4 {
  margin: 0 0 30px;
}
.article-contents .article-wrap ol.list-o4 li {
  line-height: 1.8;
  list-style: decimal;
  margin: 0 0 0 1.2em;
}
.article-contents .article-wrap ol.list-o5 li {
  line-height: 1.8;
  list-style: decimal;
  margin: 0 0 1em 1.2em;
}
.article-contents .article-wrap ol.list-o5 li::marker {
  font-weight: bold;
}
.article-contents .article-wrap ol.list-o5 li:last-of-type {
  margin-bottom: 0;
}
.article-contents .article-wrap .table-t1 {
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-collapse: collapse;
  width: 100%;
}
.article-contents .article-wrap .table-t1-frame {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t1-frame {
    overflow-x: auto;
  }
}
.article-contents .article-wrap .table-t1-frame + .table-t1-list {
  margin-block: -50px 50px;
}
.article-contents .article-wrap .table-t1 th,
.article-contents .article-wrap .table-t1 td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
  width: 33.33333%;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t1 th,
  .article-contents .article-wrap .table-t1 td {
    white-space: nowrap;
  }
}
.article-contents .article-wrap .table-t1 thead th {
  color: #fff;
  text-align: center;
}
.article-contents .article-wrap .table-t1 thead th:nth-child(1) {
  background-color: #3a62ad;
}
.article-contents .article-wrap .table-t1 thead th:nth-child(2) {
  background-color: #9fa0a0;
}
.article-contents .article-wrap .table-t1 thead th:nth-child(3) {
  background-color: #ec6d65;
}
.article-contents .article-wrap .table-t1 tbody td:nth-child(1) {
  background-color: #fff;
}
.article-contents .article-wrap .table-t1 tbody td:nth-child(2) {
  background-color: #eeeff8;
}
.article-contents .article-wrap .table-t1 tbody td:nth-child(3) {
  background-color: #fef3ef;
}
.article-contents .article-wrap .table-t1 tbody td:nth-child(3) strong {
  color: #ec6d65;
}
.article-contents .article-wrap .table-t1-list {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t1-list {
    width: 100%;
  }
}
.article-contents .article-wrap .table-t1-list li {
  padding-left: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t1-list li {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents .article-wrap .table-t1-list li::before {
  background-color: transparent;
  border: none;
  content: "※";
  padding: 0;
  position: relative;
  top: 0;
}
.article-contents .article-wrap .table-t2 {
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-collapse: collapse;
  width: 100%;
}
.article-contents .article-wrap .table-t2-frame {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2-frame {
    overflow-x: auto;
  }
}
.article-contents .article-wrap .table-t2-frame + .table-t2-list-frame {
  margin-block: -40px 50px;
}
.article-contents .article-wrap .table-t2 th,
.article-contents .article-wrap .table-t2 td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2 th,
  .article-contents .article-wrap .table-t2 td {
    white-space: nowrap;
  }
}
.article-contents .article-wrap .table-t2 th {
  background-color: #3a62ad;
  color: #fff;
  min-width: 200px;
  text-align: center;
  width: 200px;
}
.article-contents .article-wrap .table-t2 th.second-th {
  background-color: #eaf5fc;
  color: #333;
  text-align: left;
  white-space: nowrap;
}
.article-contents .article-wrap .table-t2 td {
  background-color: #fff;
}
.article-contents .article-wrap .table-t2 td strong {
  color: #ec6d65;
}
.article-contents .article-wrap .table-t2-notes {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2-notes {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents .article-wrap .table-t2-list {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2-list {
    width: 100%;
  }
}
.article-contents .article-wrap .table-t2-list li {
  color: #ec6d65;
  margin: 0;
  padding-left: 1em;
  text-indent: -1.05em;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2-list li {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents .article-wrap .table-t2-list li::before {
  background-color: transparent;
  border: none;
  content: "※";
  padding: 0;
  position: relative;
  top: 0;
}
.article-contents .article-wrap .table-t2-list-frame {
  display: flex;
}
.article-contents .article-wrap .table-t2-list-frame-txt {
  background-color: #f8cbc0;
  display: inline-block;
  font-weight: bold;
  height: 2em;
  line-height: 1;
  margin: 0 0.75em 0 0;
  padding: 0.5em 0.75em;
  white-space: nowrap;
}
.article-contents .article-wrap .table-t2-list-2 {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2-list-2 {
    width: 100%;
  }
}
.article-contents .article-wrap .table-t2-list-2 li {
  color: #333;
  margin: 0;
  padding-left: 1em;
  text-indent: -1.05em;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2-list-2 li {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents .article-wrap .table-t2-list-2 li::before {
  background-color: transparent;
  border: none;
  content: "※";
  padding: 0;
  position: relative;
  top: 0;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2:has(.table-t2-sp2) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2.table-t2-sp th,
  .article-contents .article-wrap .table-t2.table-t2-sp td {
    display: block;
    white-space: normal;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2.table-t2-sp2 td {
    text-align: center;
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2.table-t2-sp, .article-contents .article-wrap .table-t2.table-t2-sp2 {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-top: none;
  }
  .article-contents .article-wrap .table-t2.table-t2-sp th,
  .article-contents .article-wrap .table-t2.table-t2-sp td, .article-contents .article-wrap .table-t2.table-t2-sp2 th,
  .article-contents .article-wrap .table-t2.table-t2-sp2 td {
    border-right: none;
    border-bottom: none;
  }
  .article-contents .article-wrap .table-t2.table-t2-sp th, .article-contents .article-wrap .table-t2.table-t2-sp2 th {
    font-weight: bold;
    min-width: auto;
  }
  .article-contents .article-wrap .table-t2.table-t2-sp th.second-th, .article-contents .article-wrap .table-t2.table-t2-sp2 th.second-th {
    font-weight: bold;
    text-align: center;
    white-space: normal;
  }
}
.article-contents .article-wrap .table-t2.table-t2-sp-not th.second-th {
  background-color: #fff;
  color: #333;
}
.article-contents .article-wrap .table-t2.table-t2-sp-not td {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t2.table-t2-sp-not {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .article-contents .article-wrap .table-t2.table-t2-sp2 {
    display: none;
  }
}
.article-contents .article-wrap .table-t2.table-t2-sp2 + .table-t2-sp2 {
  margin-top: 15px;
}
.article-contents .article-wrap .table-t3 {
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  border-collapse: collapse;
  width: 100%;
}
.article-contents .article-wrap .table-t3-frame {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t3-frame {
    overflow-x: auto;
  }
}
.article-contents .article-wrap .table-t3.col2 thead tr th {
  width: 50%;
}
@media screen and (min-width: 481px) {
  .article-contents .article-wrap .table-t3.col2 tr td:nth-of-type(1) {
    white-space: normal;
  }
}
.article-contents .article-wrap .table-t3.col3 thead tr th {
  width: 33.33%;
}
@media screen and (min-width: 481px) {
  .article-contents .article-wrap .table-t3.col3 tr td:nth-of-type(1) {
    white-space: normal;
  }
}
.article-contents .article-wrap .table-t3.col3_2 thead tr th {
  text-align: left;
}
.article-contents .article-wrap .table-t3.col3_2 thead tr th:nth-of-type(1) {
  width: 33.75%;
}
.article-contents .article-wrap .table-t3.col3_2 thead tr th:nth-of-type(2) {
  width: 9.375%;
}
.article-contents .article-wrap .table-t3.col3_2 thead tr th:nth-of-type(3) {
  width: 56.875%;
}
@media screen and (min-width: 481px) {
  .article-contents .article-wrap .table-t3.col3_2 tr td:nth-of-type(1) {
    white-space: normal;
  }
}
.article-contents .article-wrap .table-t3.col4 thead tr th {
  width: 25%;
}
@media screen and (min-width: 481px) {
  .article-contents .article-wrap .table-t3.col4 tr td:nth-of-type(1) {
    white-space: normal;
  }
}
.article-contents .article-wrap .table-t3 tr td:nth-of-type(1) {
  white-space: nowrap;
}
.article-contents .article-wrap .table-t3 th,
.article-contents .article-wrap .table-t3 td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .article-contents .article-wrap .table-t3 th,
  .article-contents .article-wrap .table-t3 td {
    white-space: nowrap;
  }
}
.article-contents .article-wrap .table-t3 th {
  background-color: #3a62ad;
  color: #fff;
  text-align: center;
}
.article-contents .article-wrap .table-t3 td {
  background-color: #fff;
}
.article-contents .article-wrap .table-t3 tbody th {
  background-color: #caedfb;
  color: #333;
  text-align: left;
}
.article-contents .article-wrap .table-t3-notes {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t3-notes {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents .article-wrap .table-t4 {
  border-left: 1px solid #cc0033;
  border-top: 1px solid #cc0033;
  border-collapse: collapse;
  width: 100%;
}
.article-contents .article-wrap .table-t4-frame {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t4-frame {
    overflow-x: auto;
  }
}
.article-contents .article-wrap .table-t4 tr td:nth-of-type(1) {
  white-space: nowrap;
}
.article-contents .article-wrap .table-t4 th,
.article-contents .article-wrap .table-t4 td {
  border-left: none;
  border-top: none;
  border-right: 1px solid #cc0033;
  border-bottom: 1px solid #cc0033;
  padding: 5px 10px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t4 th,
  .article-contents .article-wrap .table-t4 td {
    white-space: nowrap;
  }
}
.article-contents .article-wrap .table-t4 th strong,
.article-contents .article-wrap .table-t4 td strong {
  color: #cc0033;
}
.article-contents .article-wrap .table-t4 th {
  background-color: #cc0033;
  color: #fff;
  text-align: center;
}
.article-contents .article-wrap .table-t4 td.t-center {
  text-align: center;
}
.article-contents .article-wrap .table-t4-notes {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t4-notes {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t4.table-t4-sp tr td:nth-of-type(1) {
    white-space: normal;
  }
  .article-contents .article-wrap .table-t4.table-t4-sp th {
    font-weight: bold;
  }
  .article-contents .article-wrap .table-t4.table-t4-sp th,
  .article-contents .article-wrap .table-t4.table-t4-sp td {
    display: block;
    white-space: normal;
    width: 100%;
  }
}
.article-contents .article-wrap .table-t5 {
  border-left: 1px solid #cc0033;
  border-top: 1px solid #cc0033;
  border-collapse: collapse;
  width: 100%;
}
.article-contents .article-wrap .table-t5-frame {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5-frame {
    overflow-x: auto;
  }
}
.article-contents .article-wrap .table-t5 tr td:nth-of-type(1) {
  white-space: nowrap;
}
.article-contents .article-wrap .table-t5 th,
.article-contents .article-wrap .table-t5 td {
  border-left: none;
  border-top: none;
  border-right: 1px solid #cc0033;
  border-bottom: 1px solid #cc0033;
  padding: 5px 10px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5 th,
  .article-contents .article-wrap .table-t5 td {
    white-space: nowrap;
  }
}
.article-contents .article-wrap .table-t5 th strong,
.article-contents .article-wrap .table-t5 td strong {
  color: #cc0033;
}
.article-contents .article-wrap .table-t5 th {
  background-color: #cc0033;
  color: #fff;
  text-align: center;
}
.article-contents .article-wrap .table-t5 th.second-th {
  background-color: #fff;
  color: #333;
  text-align: left;
}
.article-contents .article-wrap .table-t5 td {
  background-color: #fff;
}
.article-contents .article-wrap .table-t5 td.t-center {
  text-align: center;
}
.article-contents .article-wrap .table-t5-notes {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5-notes {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5:has(.table-t5-sp2) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5.table-t5-sp th,
  .article-contents .article-wrap .table-t5.table-t5-sp td {
    display: block;
    white-space: normal;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5.table-t5-sp2 td {
    text-align: center;
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5.table-t5-sp th,
  .article-contents .article-wrap .table-t5.table-t5-sp td, .article-contents .article-wrap .table-t5.table-t5-sp2 th,
  .article-contents .article-wrap .table-t5.table-t5-sp2 td {
    white-space: normal;
  }
  .article-contents .article-wrap .table-t5.table-t5-sp th, .article-contents .article-wrap .table-t5.table-t5-sp2 th {
    font-weight: bold;
  }
  .article-contents .article-wrap .table-t5.table-t5-sp th.second-th, .article-contents .article-wrap .table-t5.table-t5-sp2 th.second-th {
    background-color: #fae5ea;
    font-weight: bold;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .table-t5.table-t5-sp-not {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .article-contents .article-wrap .table-t5.table-t5-sp2 {
    display: none;
  }
}
.article-contents .article-wrap .table-t5.table-t5-sp2 + .table-t5-sp2 {
  margin-top: 15px;
}
.article-contents .article-wrap .fig-title {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

.article-contents-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper {
    display: block;
  }
}
.article-contents-wrapper .article-contents {
  margin-left: 0;
  width: 66.67%;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents {
    max-width: none;
    width: auto;
  }
}
.article-contents-wrapper .article-contents-right-column {
  margin-bottom: 120px;
  max-width: 320px;
  position: relative;
  width: 26.66666%;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column {
    display: none;
  }
}
.article-contents-wrapper .article-contents-right-column_in {
  background-color: #eee;
  padding: 8px;
}
.article-contents-wrapper .article-contents-right-column_box {
  background-color: #f3f3f3;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 12px 8px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column_box {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.article-contents-wrapper .article-contents-right-column_box:first-of-type {
  background-color: rgb(192, 204, 216);
}
.article-contents-wrapper .article-contents-right-column_box .hidden-box {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
.article-contents-wrapper .article-contents-right-column_box .hidden-box.show {
  margin-top: 12px;
  max-height: 100%;
  opacity: 1;
}
.article-contents-wrapper .article-contents-right-column_box .hidden-list li:nth-child(n+2) {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
.article-contents-wrapper .article-contents-right-column_box .hidden-list li.show {
  max-height: 100%;
  opacity: 1;
}
.article-contents-wrapper .article-contents-right-column_box #show-box-btn,
.article-contents-wrapper .article-contents-right-column_box #close-box-btn {
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin: 12px auto 0;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column_box #show-box-btn,
  .article-contents-wrapper .article-contents-right-column_box #close-box-btn {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents-wrapper .article-contents-right-column_box #show-list-btn {
  margin: 12px auto 0;
  text-align: center;
}
.article-contents-wrapper .article-contents-right-column_box #show-list-btn a {
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column_box #show-list-btn a {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents-wrapper .article-contents-right-column_banner {
  display: flex;
  justify-content: space-between;
}
.article-contents-wrapper .article-contents-right-column_banner a {
  display: block;
}
.article-contents-wrapper .article-contents-right-column_banner a:first-of-type {
  margin-right: 8px;
}
.article-contents-wrapper .article-contents-right-column_banner img {
  border-radius: 8px;
}
.article-contents-wrapper .article-contents-right-column_banner-wide {
  display: block;
}
.article-contents-wrapper .article-contents-right-column_banner-wide a {
  display: block;
}
.article-contents-wrapper .article-contents-right-column_banner-wide img {
  border: 2px solid #dd4ae6;
  border-radius: 8px;
  max-width: 100%;
  width: 100%;
}
.article-contents-wrapper .article-contents-right-column_title {
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-bottom: 6px;
  position: relative;
}
.article-contents-wrapper .article-contents-right-column_title strong {
  color: #cc0033;
}
.article-contents-wrapper .article-contents-right-column_title::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/common/icon_4squares.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 8px;
  width: 12px;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl {
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 5px;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl:last-of-type {
  margin-bottom: 0;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl.active {
  background-color: rgb(192, 204, 216);
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl.active > dt::before {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid;
  border-color: #333 #333 transparent transparent;
  height: 6px;
  transform: rotate(-45deg);
  transition: all 0.3s ease;
  width: 6px;
  right: 6px;
  top: calc(50% - 7.5px);
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl > dt {
  padding-bottom: 12px;
  position: relative;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl > dt span {
  display: inline-block;
  padding-right: 20px;
  letter-spacing: -0.05em;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl > dt span::after {
  background-color: #cc0033;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 23.5%;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl > dt::after {
  background-color: #666;
  bottom: 0;
  content: "";
  height: 2px;
  left: 23.5%;
  position: absolute;
  width: 76.5%;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl dl > dt::before {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid;
  border-color: #333 #333 transparent transparent;
  height: 6px;
  transform: rotate(-225deg);
  transition: all 0.3s ease;
  width: 6px;
  right: 6px;
  top: calc(50% - 12.5px);
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-top: 12px;
  padding: 10px;
  position: relative;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  height: 10px;
  transform: rotate(45deg);
  transition: right 0.3s ease;
  width: 10px;
  right: 20px;
  top: calc(50% - 5px);
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents:hover {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.01);
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents:hover::after {
  right: 10px;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents figure {
  min-width: 82px;
  max-width: 82px;
  min-width: 82px;
  margin-right: 12px;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents figure img {
  border-radius: 8px;
  max-width: 100%;
}
.article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents-txt {
  color: #333;
  padding-right: 26px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column_display-area .display-area-dl-contents-txt {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents-wrapper .article-contents-right-column_featured-article {
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-top: 6px;
  padding: 10px;
  position: relative;
}
.article-contents-wrapper .article-contents-right-column_featured-article::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  height: 10px;
  transform: rotate(45deg);
  transition: right 0.3s ease;
  width: 10px;
  right: 20px;
  top: calc(50% - 5px);
}
.article-contents-wrapper .article-contents-right-column_featured-article:hover:hover {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.01);
}
.article-contents-wrapper .article-contents-right-column_featured-article:hover:hover::after {
  right: 10px;
}
.article-contents-wrapper .article-contents-right-column_featured-article figure {
  min-width: 82px;
  max-width: 82px;
  min-width: 82px;
  margin-right: 12px;
}
.article-contents-wrapper .article-contents-right-column_featured-article figure img {
  border-radius: 8px;
  max-width: 100%;
}
.article-contents-wrapper .article-contents-right-column_featured-article-title {
  color: #333;
  padding-right: 26px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column_featured-article-title {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents-wrapper .article-contents-right-column_featured-related-article-tag {
  display: flex;
  margin-top: 1em;
}
.article-contents-wrapper .article-contents-right-column_featured-related-article-tag li {
  color: #cc0033;
  line-height: 1;
  margin-right: 0.75em;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column_featured-related-article-tag li {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
.article-contents-wrapper .article-contents-right-column_featured-related-article-tag li::before {
  content: "#";
}
.article-contents-wrapper .article-contents-right-column_featured-related-article-tag li:last-of-type {
  margin-right: 0;
}
.article-contents-wrapper .article-contents-right-column_latest-news li {
  margin-bottom: 8px;
}
.article-contents-wrapper .article-contents-right-column_latest-news li:last-of-type {
  margin-bottom: 0;
}
.article-contents-wrapper .article-contents-right-column_latest-news li a {
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  display: block;
  padding: 12px 45px 12px 12px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .article-contents-wrapper .article-contents-right-column_latest-news li a {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.article-contents-wrapper .article-contents-right-column_latest-news li a::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  height: 10px;
  transform: rotate(45deg);
  transition: right 0.3s ease;
  width: 10px;
  right: 20px;
  top: calc(50% - 5px);
}
.article-contents-wrapper .article-contents-right-column_latest-news li a:hover {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.01);
}
.article-contents-wrapper .article-contents-right-column_latest-news li a:hover::after {
  right: 10px;
}

/* ========================================
  関連お役立ち資料、あわせて読みたい記事、関連サービス
======================================== */
.related-useful-materials,
.article-rec,
.related-services {
  background-color: #f3f3f3;
  border-radius: 10px;
  margin-top: 28px;
  padding: 20px;
}
.related-useful-materials + *,
.article-rec + *,
.related-services + * {
  margin-top: 32px;
}
.related-useful-materials .title-c4,
.article-rec .title-c4,
.related-services .title-c4 {
  display: block;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 16px;
  padding-bottom: 16px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .related-useful-materials .title-c4,
  .article-rec .title-c4,
  .related-services .title-c4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-useful-materials .title-c4,
  .article-rec .title-c4,
  .related-services .title-c4 {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .title-c4,
  .article-rec .title-c4,
  .related-services .title-c4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-useful-materials .title-c4,
  .article-rec .title-c4,
  .related-services .title-c4 {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
.related-useful-materials .title-c4::after,
.article-rec .title-c4::after,
.related-services .title-c4::after {
  background-color: #dcdcdc;
  bottom: 0;
  content: "";
  height: 2px;
  left: 35%;
  position: absolute;
  width: 65%;
}
.related-useful-materials .title-c4 span::after,
.article-rec .title-c4 span::after,
.related-services .title-c4 span::after {
  background-color: #cc0033;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 35%;
}
.related-useful-materials a,
.article-rec a,
.related-services a {
  text-decoration: none;
}
.related-useful-materials a:hover,
.article-rec a:hover,
.related-services a:hover {
  text-decoration: none;
}

/* ========================================
  関連お役立ち資料
======================================== */
.related-useful-materials {
  line-height: 1;
  margin-bottom: 28px;
}
.related-useful-materials .sub-title {
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .related-useful-materials .sub-title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.related-useful-materials .contents-area {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .related-useful-materials .contents-area {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .related-useful-materials .contents-area figure {
    max-width: 200px;
    width: 26.31578%;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .contents-area figure {
    width: 100%;
  }
}
.related-useful-materials .contents-area figure img {
  max-width: 100%;
}
@media screen and (min-width: 769px) {
  .related-useful-materials .contents-area .description {
    width: 71.05263%;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .contents-area .description {
    width: 100%;
  }
}
.related-useful-materials .contents-area .description .sub-title {
  letter-spacing: -0.075em;
  line-height: 1.5;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .related-useful-materials .contents-area .description .sub-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-useful-materials .contents-area .description .sub-title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .contents-area .description .sub-title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-useful-materials .contents-area .description .sub-title {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
.related-useful-materials .contents-area .description .title {
  font-weight: bold;
  letter-spacing: -0.075em;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .related-useful-materials .contents-area .description .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-useful-materials .contents-area .description .title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .contents-area .description .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-useful-materials .contents-area .description .title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.related-useful-materials .contents-area .description .text p {
  line-height: 1.75;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .related-useful-materials .contents-area .description .text p {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .button-area .rounded-button {
    max-width: none;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-useful-materials .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .button-area .rounded-button:last-of-type {
    margin-right: 0;
  }
}
.related-useful-materials .note-area {
  margin-top: 1.5rem;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .related-useful-materials .note-area {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
@media screen and (min-width: 769px) {
  .related-useful-materials .note-area {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials .note-area {
    text-align: left;
  }
}
.related-useful-materials .separate-line {
  margin-bottom: 30px;
  margin-top: 55px;
  position: relative;
}
.related-useful-materials .separate-line::after {
  background-color: #dcdcdc;
  bottom: 0;
  content: "";
  height: 2px;
  left: 35%;
  position: absolute;
  width: 65%;
}
.related-useful-materials .separate-line hr {
  border: none;
  height: 0;
}
.related-useful-materials .separate-line hr::after {
  background-color: #cc0033;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 35%;
}
@media screen and (min-width: 769px) {
  .related-useful-materials br.pc-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .related-useful-materials br.pc-only {
    display: none;
  }
}

/* ========================================
  あわせて読みたい記事
======================================== */
.article-rec {
  margin-top: 74px;
  margin-bottom: 37px;
}
.article-rec .article-row {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .article-rec .article-row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .article-rec .article-row {
    flex-direction: column;
  }
}
.article-rec .article-row .article-item {
  border-radius: 10px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .article-rec .article-row .article-item {
    width: 48.68421%;
  }
  .article-rec .article-row .article-item:nth-of-type(n+3) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .article-rec .article-row .article-item {
    margin-bottom: 16px;
    width: 100%;
  }
  .article-rec .article-row .article-item:last-of-type {
    margin-bottom: 0;
  }
}
.article-rec .article-row .article-item::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 10px;
  top: calc(50% - 3.5px);
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 7px;
}
.article-rec .article-row .article-item.hover::after {
  border-color: #fff #fff transparent transparent;
}
.article-rec .article-row .article-item a {
  background-color: #fff;
  border-radius: 15px;
  display: flex;
  transition: all 0.2s;
}
@media screen and (min-width: 769px) {
  .article-rec .article-row .article-item a {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 768px) {
  .article-rec .article-row .article-item a {
    padding: 10px 25px 10px 15px;
  }
}
.article-rec .article-row .article-item a:hover {
  background-color: #013364;
}
.article-rec .article-row .article-item a:hover .rec-title {
  color: #fff;
}
.article-rec .article-row .article-item figure {
  border-radius: 5px;
  height: 80px;
  min-width: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
}
@media screen and (min-width: 769px) {
  .article-rec .article-row .article-item figure {
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .article-rec .article-row .article-item figure {
    margin: 0 10px 0 0;
  }
}
.article-rec .article-row .article-item figure img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(2);
  width: auto;
}
.article-rec .article-row .article-item .rec-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #333;
  display: -webkit-box;
  line-height: 1.8;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .article-rec .article-row .article-item .rec-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-rec .article-row .article-item .rec-title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .article-rec .article-row .article-item .rec-title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-rec .article-row .article-item .rec-title {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}

/* ========================================
  関連サービス
======================================== */
.related-services {
  margin-top: 70px;
}
.related-services .contents-area {
  display: flex;
  justify-content: space-between;
}
.related-services .contents-area .description {
  width: 71.05263%;
}
.related-services .contents-area .description .title {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .related-services .contents-area .description .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-services .contents-area .description .title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .related-services .contents-area .description .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.313;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-services .contents-area .description .title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (min-width: 769px) {
  .related-services .contents-area .description .text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-services .contents-area .description .text {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .related-services .contents-area .description .text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-services .contents-area .description .text {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  .related-services .contents-area .description .text p {
    line-height: 1.313;
  }
}
@media screen and (max-width: 768px) {
  .related-services .contents-area .description .text p {
    line-height: 1.75;
  }
}
@media screen and (max-width: 768px) {
  .related-services .button-area {
    justify-content: center;
  }
}
.related-services .button-area .rounded-button {
  letter-spacing: -0.1em;
  line-height: 1.5;
  min-width: 135px;
  padding: 10px 20px 10px 10px;
  width: 135px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .related-services .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  .related-services .button-area .rounded-button {
    margin-right: 8px;
  }
}
@media screen and (max-width: 768px) {
  .related-services .button-area .rounded-button {
    min-width: calc((100% - 10px) / 2);
    width: calc((100% - 10px) / 2);
  }
}
.related-services .button-area .rounded-button::after {
  right: 8px;
  top: calc(50% - 5.25px);
}
.related-services .button-area .rounded-button:hover::after {
  right: 3px;
}
.related-services .related-services-slider .slick-slide {
  height: auto;
}
@media screen and (min-width: 769px) {
  .related-services .related-services-slider .slick-slide {
    margin-right: 20px;
    width: 300px;
  }
}
.related-services .related-services-slider .slick-prev,
.related-services .related-services-slider .slick-next {
  height: 32px;
  top: 36%;
  width: 32px;
  z-index: 10;
}
.related-services .related-services-slider .slick-prev::before,
.related-services .related-services-slider .slick-next::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
}
.related-services .related-services-slider .slick-prev {
  left: -24px;
}
.related-services .related-services-slider .slick-prev::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_circle-arrow_left.png");
}
.related-services .related-services-slider .slick-next {
  right: -24px;
}
.related-services .related-services-slider .slick-next::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_circle-arrow_right.png");
}
.related-services .related-services-slider .slick-track {
  display: flex;
}
.related-services .related-services-slider .slick-slide {
  height: auto !important;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.related-services .related-services-slider .slick-slide::before {
  content: none;
}
.related-services .related-services-slider .related-services-in {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .related-services .related-services-slider .related-services-in figure {
    aspect-ratio: 2/3;
    border-radius: 5px 5px 0 0;
    height: 200px;
    margin-bottom: 0;
    min-height: 200px;
    overflow: hidden;
    position: relative;
  }
  .related-services .related-services-slider .related-services-in figure img {
    border-radius: 0;
    height: 100%;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .related-services .related-services-slider .related-services-in figure {
    aspect-ratio: 3/2;
    border-radius: 5px;
    margin: 0 auto 10px;
    height: 200px;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .related-services .related-services-slider .related-services-in figure img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
.related-services .related-services-slider .contents-and-button-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .related-services .related-services-slider .contents-and-button-area {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    padding: 16px 16px 18px;
  }
}
.related-services .related-services-slider .contents-area {
  flex-direction: column;
}
.related-services .related-services-slider .contents-area figure {
  max-width: none;
  width: 100%;
}
.related-services .related-services-slider .contents-area .description {
  width: 100%;
}
.related-services .related-services-slider .button-area {
  margin-top: 15px;
}
.related-services .related-services-slider .button-area:not(:has(.red-button)) .rounded-button:last-of-type {
  margin: 0 0 0 auto;
}
.related-services .related-services-slider .button-area:not(:has(.yellow-button)) .rounded-button:last-of-type {
  margin: 0 auto 0 0;
}
.related-services .related-services-slider .button-area .rounded-button {
  min-width: 48.5%;
  width: 48.5%;
}
@media screen and (min-width: 769px) {
  .related-services .related-services-slider .button-area .rounded-button {
    margin-right: 3%;
  }
  .related-services .related-services-slider .button-area .rounded-button:last-of-type {
    margin-right: 0;
  }
}
.related-services .related-services-solo .related-services-in {
  display: flex;
}
@media screen and (max-width: 768px) {
  .related-services .related-services-solo .related-services-in {
    flex-direction: column;
  }
}
.related-services .related-services-solo .related-services-in figure {
  aspect-ratio: 4/3;
  border-radius: 5px;
  min-width: 200px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .related-services .related-services-solo .related-services-in figure {
    margin: 0 20px 0 0;
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .related-services .related-services-solo .related-services-in figure {
    aspect-ratio: 3/2;
    border-radius: 5px;
    margin: 0 auto 30px;
    max-height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .related-services .related-services-solo .related-services-in figure img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
.related-services .related-services-solo .related-services-in .contents-area {
  display: block;
}
.related-services .related-services-solo .related-services-in .contents-area .description {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .related-services .related-services-solo .related-services-in .contents-area .description .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.875;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-services .related-services-solo .related-services-in .contents-area .description .title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  .related-services .related-services-solo .related-services-in .contents-area .description .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.313;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-services .related-services-solo .related-services-in .contents-area .description .title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.related-services .related-services-solo .button-area .rounded-button {
  width: 240px;
}

/* ========================================
  ボタンエリア
======================================== */
.button-area {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .button-area {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .button-area {
    align-items: center;
    margin-top: 24px;
  }
}
.button-area .rounded-button {
  background-color: #cc0033;
  border-radius: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  position: relative;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .button-area .rounded-button {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (min-width: 769px) {
  .button-area .rounded-button {
    margin-right: 20px;
    padding: 10px 6em;
  }
  .button-area .rounded-button.buttons {
    padding: 10px 3.5em;
  }
  .button-area .rounded-button:last-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .button-area .rounded-button {
    margin-right: 10px;
    padding: 10px 20px 10px 10px;
    width: 100%;
  }
  .button-area .rounded-button:last-of-type {
    margin-right: 0;
  }
}
.button-area .rounded-button::after {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_arrow-right.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10.5px;
  position: absolute;
  top: calc(50% - 5.25px);
  transition: all 0.2s;
  width: 12.25px;
}
@media screen and (min-width: 769px) {
  .button-area .rounded-button::after {
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .button-area .rounded-button::after {
    right: 10px;
  }
}
.button-area .rounded-button:hover {
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .button-area .rounded-button:hover::after {
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .button-area .rounded-button:hover::after {
    right: 5px;
  }
}
.button-area .yellow-button {
  background-color: #edc300;
  color: #272727;
}
.button-area .yellow-button::after {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_arrow-right_gray.png");
}
.button-area .white-button {
  background-color: #fff;
  border: 1px solid #272727;
  color: #272727;
}
@media screen and (min-width: 769px) {
  .button-area .white-button {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .button-area .white-button {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .button-area .white-button {
    font-size: 14px;
    font-size: 1.4rem;
    max-width: none;
    width: 80%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .button-area .white-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.button-area .white-button::after {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_arrow-right_gray.png");
}
.button-area .white-accordion-button {
  background-color: #fff;
  border: 1px solid #272727;
  color: #272727;
  cursor: pointer;
  padding: 10px 2em;
}
@media screen and (min-width: 769px) {
  .button-area .white-accordion-button {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .button-area .white-accordion-button {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .button-area .white-accordion-button {
    font-size: 14px;
    font-size: 1.4rem;
    max-width: none;
    width: 80%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .button-area .white-accordion-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
.button-area .white-accordion-button::after {
  background-image: none;
  border: 2px solid;
  border-color: #272727 #272727 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 30px;
  transform: rotate(135deg) translate(-1px, 3px);
  width: 7px;
}
.button-area .white-accordion-button.is-open::after {
  transform: rotate(-45deg) translate(-1px, 3px);
}
.button-area .white-accordion-button:hover::after {
  right: 30px;
}
.button-area .online-purchase-button {
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  padding: 16px 10px;
  position: relative;
  transition: all 0.2s;
}
@media screen and (min-width: 769px) {
  .button-area .online-purchase-button {
    width: 30.47445%;
  }
}
@media screen and (max-width: 768px) {
  .button-area .online-purchase-button {
    max-width: 300px;
    width: 89.55223%;
  }
}
@media screen and (max-width: 480px) {
  .button-area .online-purchase-button {
    max-width: none;
    padding: 10px 5px;
    width: 100%;
  }
}
.button-area .online-purchase-button .rounded-button-text {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 65%;
}
@media screen and (min-width: 769px) {
  .button-area .online-purchase-button .rounded-button-text {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .button-area .online-purchase-button .rounded-button-text {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  .button-area .online-purchase-button .rounded-button-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .button-area .online-purchase-button .rounded-button-text {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.button-area .online-purchase-button .rounded-button-in-lead {
  font-weight: normal;
  letter-spacing: -0.1em;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  .button-area .online-purchase-button .rounded-button-in-lead {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .button-area .online-purchase-button .rounded-button-in-lead {
    font-size: 11px;
    font-size: 1.1853448276rem;
  }
}
@media screen and (max-width: 768px) {
  .button-area .online-purchase-button .rounded-button-in-lead {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .button-area .online-purchase-button .rounded-button-in-lead {
    font-size: 10px;
    font-size: 1.0775862069rem;
  }
}
@media screen and (max-width: 480px) {
  .button-area .online-purchase-button .rounded-button-in-lead {
    letter-spacing: -0.16em;
  }
}
.button-area .online-purchase-button .rounded-button-in-lead + p {
  line-height: 1;
  letter-spacing: -0.075em;
}
.button-area .online-purchase-button:hover::after {
  animation: 1s circleanime infinite;
  background-image: none;
  border-radius: 50%;
  border: 5px solid #fff;
  content: "";
  height: 60px;
  left: calc(50% - 30px);
  opacity: 1;
  position: absolute;
  top: 0;
  width: 60px;
}
.button-area .online-purchase-button::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  margin-right: 8px;
  width: 30px;
}
.button-area .online-purchase-button::after {
  content: none;
}
.button-area .online-purchase-button:nth-of-type(1)::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/purchase_icon01.png");
}
.button-area .online-purchase-button:nth-of-type(2)::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/purchase_icon02.png");
}
.button-area .online-purchase-button:nth-of-type(3)::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/purchase_icon03.png");
}

/* ========================================
  ICT Business Onlineメールマガジン（無料）のご案内
======================================== */
.ict-business-online-mailmagazine {
  background-color: #f3f3f3;
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine {
    padding: 80px 0 100px;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine {
    padding: 20px 12px 24px;
  }
}
.ict-business-online-mailmagazine-in {
  margin: 0 auto;
  max-width: 1080px;
}
.ict-business-online-mailmagazine .title {
  letter-spacing: -0.05em;
  margin-bottom: 60px;
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine .title {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.5;
    margin-bottom: 60px;
    text-align: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .ict-business-online-mailmagazine .title {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2;
    margin-bottom: 26px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ict-business-online-mailmagazine .title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
.ict-business-online-mailmagazine .title strong.red {
  color: #cc0033;
}
.ict-business-online-mailmagazine ul {
  display: flex;
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine ul {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul {
    align-items: center;
    flex-direction: column;
  }
}
.ict-business-online-mailmagazine ul > li {
  background-color: #fff;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine ul > li {
    aspect-ratio: 1/1;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    width: 29.62962%;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li {
    border-radius: 15px;
    margin-bottom: 16px;
    padding: 10px;
    width: 100%;
  }
  .ict-business-online-mailmagazine ul > li:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine ul > li figure {
    height: 100px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li figure {
    aspect-ratio: 1;
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 10px;
    max-width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li figure-in {
    height: 100%;
  }
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine ul > li figure img {
    max-height: 100px;
    max-width: 100px;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li figure img {
    max-width: 60%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li:nth-of-type(1) figure img {
    max-width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li:nth-of-type(3) figure img {
    max-width: 55%;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
  }
}
.ict-business-online-mailmagazine ul > li .txt .sub-title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.ict-business-online-mailmagazine ul > li .txt .sub-title + p {
  letter-spacing: -0.1em;
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title + p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title + p {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title + p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt .sub-title + p {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
.ict-business-online-mailmagazine ul > li .txt p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine ul > li .txt p {
    max-width: none;
    text-align: left;
  }
}
.ict-business-online-mailmagazine ul > li:nth-of-type(2) .txt .sub-title {
  letter-spacing: -0.05em;
}
.ict-business-online-mailmagazine ul > li:nth-of-type(3) .txt .sub-title {
  letter-spacing: -0.12em;
}
.ict-business-online-mailmagazine .button-area-pre {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine .button-area-pre {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 55px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area-pre {
    font-size: 28px;
    font-size: 3.0172413793rem;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area-pre {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area-pre {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine .button-area {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area {
    margin-top: 14px;
  }
}
@media screen and (min-width: 769px) {
  .ict-business-online-mailmagazine .button-area .rounded-button {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area .rounded-button {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .ict-business-online-mailmagazine .button-area .rounded-button:last-of-type {
    margin-right: 0;
  }
}

/* ========================================
  相談・購入はこちらから
======================================== */
.consultation-and-purchase {
  background-color: #f3f3f3;
}
@media screen and (min-width: 769px) {
  .consultation-and-purchase {
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase {
    padding: 22px 0 26px;
  }
}
.consultation-and-purchase-in {
  margin: 0 auto;
  max-width: 1160px;
}
.consultation-and-purchase .title {
  letter-spacing: -0.05em;
}
@media screen and (min-width: 769px) {
  .consultation-and-purchase .title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.5;
    margin-bottom: 60px;
    text-align: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .consultation-and-purchase .title {
    font-size: 36px;
    font-size: 3.8793103448rem;
  }
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase .title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.75;
    margin-bottom: 30px;
    padding: 0 12px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .consultation-and-purchase .title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
.consultation-and-purchase .title .pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase .title .pc-only {
    display: none;
  }
}
.consultation-and-purchase .button-area-wrapper {
  background-color: #f3f3f3;
  border-radius: 10px;
  padding: 40px;
}
@media screen and (min-width: 769px) {
  .consultation-and-purchase .button-area-wrapper {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase .button-area-wrapper {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .consultation-and-purchase .button-area-wrapper {
    border-radius: 15px;
    margin: 0 12px 30px;
    padding: 20px;
  }
}
.consultation-and-purchase .button-area-wrapper .button-area-pre {
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .consultation-and-purchase .button-area-wrapper .button-area-pre {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .consultation-and-purchase .button-area-wrapper .button-area-pre {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase .button-area-wrapper .button-area-pre {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .consultation-and-purchase .button-area-wrapper .button-area-pre {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
.consultation-and-purchase .button-area-wrapper .button-area {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase .button-area-wrapper .button-area {
    align-items: center;
    flex-direction: column;
  }
  .consultation-and-purchase .button-area-wrapper .button-area .online-purchase-button {
    margin-bottom: 10px;
    margin-right: 0;
  }
  .consultation-and-purchase .button-area-wrapper .button-area .online-purchase-button:last-of-type {
    margin-bottom: 0;
  }
}
.consultation-and-purchase .business-support .business-support-link {
  display: block;
  position: relative;
}
.consultation-and-purchase .business-support .business-support-banner {
  position: relative;
  z-index: 100;
}
.consultation-and-purchase .business-support .business-support-banner.over-tb {
  display: block;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase .business-support .business-support-banner.over-tb {
    display: none;
  }
}
.consultation-and-purchase .business-support .business-support-banner.over-tb img {
  opacity: 1 !important;
}
.consultation-and-purchase .business-support .business-support-banner.over-tb:hover {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/banner_smb-on.png");
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.18);
  transform: scale(1.005);
}
.consultation-and-purchase .business-support .business-support-banner.over-tb:hover img {
  opacity: 0 !important;
  vertical-align: text-bottom;
}
.consultation-and-purchase .business-support .business-support-banner.under-tb {
  display: none;
}
@media screen and (max-width: 768px) {
  .consultation-and-purchase .business-support .business-support-banner.under-tb {
    display: block;
    margin-inline: 32px;
  }
}

/* ========================================
  関連記事、おすすめ記事
======================================== */
.related-articles,
.recommended-articles {
  background-color: #f3f3f3;
}
@media screen and (min-width: 769px) {
  .related-articles,
  .recommended-articles {
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .related-articles,
  .recommended-articles {
    padding: 24px 0 65px;
  }
}
.related-articles .title,
.recommended-articles .title {
  display: block;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .related-articles .title,
  .recommended-articles .title {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-articles .title,
  .recommended-articles .title {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  .related-articles .title,
  .recommended-articles .title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-articles .title,
  .recommended-articles .title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
.related-articles .title::after,
.recommended-articles .title::after {
  content: "";
  display: block;
  border-bottom: 4px solid #013364;
  height: 4px;
  width: 3em;
}
@media screen and (min-width: 769px) {
  .related-articles .title::after,
  .recommended-articles .title::after {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .related-articles .title::after,
  .recommended-articles .title::after {
    margin: 24px auto 0;
  }
}
.related-articles-in,
.recommended-articles-in {
  margin: 0 auto;
  max-width: 1096px;
}
.related-articles-in .common-list01,
.recommended-articles-in .common-list01 {
  margin: 0;
}
.related-articles-in .common-list01 > li,
.recommended-articles-in .common-list01 > li {
  background: none;
  box-shadow: none;
  margin: 0;
  width: auto;
}
.related-articles-in ul,
.related-articles-in ul#related-archive,
.recommended-articles-in ul,
.recommended-articles-in ul#related-archive {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .related-articles-in ul,
  .related-articles-in ul#related-archive,
  .recommended-articles-in ul,
  .recommended-articles-in ul#related-archive {
    flex-direction: column;
    align-items: center;
  }
}
.related-articles-in ul > li,
.related-articles-in ul#related-archive > li,
.recommended-articles-in ul > li,
.recommended-articles-in ul#related-archive > li {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .related-articles-in ul > li,
  .related-articles-in ul#related-archive > li,
  .recommended-articles-in ul > li,
  .recommended-articles-in ul#related-archive > li {
    margin-right: 2.9197%;
    width: 31.38686%;
  }
  .related-articles-in ul > li:nth-of-type(3n),
  .related-articles-in ul#related-archive > li:nth-of-type(3n),
  .recommended-articles-in ul > li:nth-of-type(3n),
  .recommended-articles-in ul#related-archive > li:nth-of-type(3n) {
    margin-right: 0;
  }
  .related-articles-in ul > li:nth-of-type(n+4),
  .related-articles-in ul#related-archive > li:nth-of-type(n+4),
  .recommended-articles-in ul > li:nth-of-type(n+4),
  .recommended-articles-in ul#related-archive > li:nth-of-type(n+4) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .related-articles-in ul > li,
  .related-articles-in ul#related-archive > li,
  .recommended-articles-in ul > li,
  .recommended-articles-in ul#related-archive > li {
    margin-bottom: 16px;
    width: 80%;
  }
  .related-articles-in ul > li:last-of-type,
  .related-articles-in ul#related-archive > li:last-of-type,
  .recommended-articles-in ul > li:last-of-type,
  .recommended-articles-in ul#related-archive > li:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .related-articles-in ul > li,
  .related-articles-in ul#related-archive > li,
  .recommended-articles-in ul > li,
  .recommended-articles-in ul#related-archive > li {
    width: calc(100% - 24px);
  }
}
.related-articles-in ul > li a,
.related-articles-in ul#related-archive > li a,
.recommended-articles-in ul > li a,
.recommended-articles-in ul#related-archive > li a {
  display: flex;
  flex-direction: column;
  color: #333;
  height: 100%;
  text-decoration: none;
}
.related-articles-in ul > li a:hover figure img,
.related-articles-in ul#related-archive > li a:hover figure img,
.recommended-articles-in ul > li a:hover figure img,
.recommended-articles-in ul#related-archive > li a:hover figure img {
  transform: translate(-50%, -50%) scale(1.06);
}
.related-articles-in ul > li figure,
.related-articles-in ul#related-archive > li figure,
.recommended-articles-in ul > li figure,
.recommended-articles-in ul#related-archive > li figure {
  border-radius: 5px 5px 0 0;
  display: block;
  height: 225px;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.related-articles-in ul > li figure img,
.related-articles-in ul#related-archive > li figure img,
.recommended-articles-in ul > li figure img,
.recommended-articles-in ul#related-archive > li figure img {
  border-radius: 0;
  height: auto;
  left: 50%;
  min-height: 225px;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.01);
  transition: all 0.2s;
}
.related-articles-in ul > li .contents-area,
.related-articles-in ul#related-archive > li .contents-area,
.recommended-articles-in ul > li .contents-area,
.recommended-articles-in ul#related-archive > li .contents-area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (min-width: 769px) {
  .related-articles-in ul > li .contents-area,
  .related-articles-in ul#related-archive > li .contents-area,
  .recommended-articles-in ul > li .contents-area,
  .recommended-articles-in ul#related-archive > li .contents-area {
    padding: 25px 20px;
  }
}
@media screen and (max-width: 768px) {
  .related-articles-in ul > li .contents-area,
  .related-articles-in ul#related-archive > li .contents-area,
  .recommended-articles-in ul > li .contents-area,
  .recommended-articles-in ul#related-archive > li .contents-area {
    padding: 12px 10px 24px;
  }
}
.related-articles-in ul > li .contents-area .contents-title,
.related-articles-in ul#related-archive > li .contents-area .contents-title,
.recommended-articles-in ul > li .contents-area .contents-title,
.recommended-articles-in ul#related-archive > li .contents-area .contents-title {
  color: #333;
  display: inline-block;
  flex-grow: 1;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .related-articles-in ul > li .contents-area .contents-title,
  .related-articles-in ul#related-archive > li .contents-area .contents-title,
  .recommended-articles-in ul > li .contents-area .contents-title,
  .recommended-articles-in ul#related-archive > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-articles-in ul > li .contents-area .contents-title,
  .related-articles-in ul#related-archive > li .contents-area .contents-title,
  .recommended-articles-in ul > li .contents-area .contents-title,
  .recommended-articles-in ul#related-archive > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  .related-articles-in ul > li .contents-area .contents-title,
  .related-articles-in ul#related-archive > li .contents-area .contents-title,
  .recommended-articles-in ul > li .contents-area .contents-title,
  .recommended-articles-in ul#related-archive > li .contents-area .contents-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-articles-in ul > li .contents-area .contents-title,
  .related-articles-in ul#related-archive > li .contents-area .contents-title,
  .recommended-articles-in ul > li .contents-area .contents-title,
  .recommended-articles-in ul#related-archive > li .contents-area .contents-title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.related-articles-in ul > li .tag-area ul,
.related-articles-in ul#related-archive > li .tag-area ul,
.recommended-articles-in ul > li .tag-area ul,
.recommended-articles-in ul#related-archive > li .tag-area ul {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0 0;
}
@media screen and (min-width: 769px) {
  .related-articles-in ul > li .tag-area ul > li,
  .related-articles-in ul#related-archive > li .tag-area ul > li,
  .recommended-articles-in ul > li .tag-area ul > li,
  .recommended-articles-in ul#related-archive > li .tag-area ul > li {
    margin-right: 1em;
    width: auto;
  }
}
.related-articles-in ul > li .tag-area ul > li:last-of-type,
.related-articles-in ul#related-archive > li .tag-area ul > li:last-of-type,
.recommended-articles-in ul > li .tag-area ul > li:last-of-type,
.recommended-articles-in ul#related-archive > li .tag-area ul > li:last-of-type {
  margin-right: 0;
}
.related-articles-in ul > li .tag-area ul > li > a, .related-articles-in ul > li .tag-area ul > li[data-url],
.related-articles-in ul#related-archive > li .tag-area ul > li > a,
.related-articles-in ul#related-archive > li .tag-area ul > li[data-url],
.recommended-articles-in ul > li .tag-area ul > li > a,
.recommended-articles-in ul > li .tag-area ul > li[data-url],
.recommended-articles-in ul#related-archive > li .tag-area ul > li > a,
.recommended-articles-in ul#related-archive > li .tag-area ul > li[data-url] {
  color: #cc0033;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .related-articles-in ul > li .tag-area ul > li > a, .related-articles-in ul > li .tag-area ul > li[data-url],
  .related-articles-in ul#related-archive > li .tag-area ul > li > a,
  .related-articles-in ul#related-archive > li .tag-area ul > li[data-url],
  .recommended-articles-in ul > li .tag-area ul > li > a,
  .recommended-articles-in ul > li .tag-area ul > li[data-url],
  .recommended-articles-in ul#related-archive > li .tag-area ul > li > a,
  .recommended-articles-in ul#related-archive > li .tag-area ul > li[data-url] {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
.related-articles-in ul > li .tag-area ul > li > a::before, .related-articles-in ul > li .tag-area ul > li[data-url]::before,
.related-articles-in ul#related-archive > li .tag-area ul > li > a::before,
.related-articles-in ul#related-archive > li .tag-area ul > li[data-url]::before,
.recommended-articles-in ul > li .tag-area ul > li > a::before,
.recommended-articles-in ul > li .tag-area ul > li[data-url]::before,
.recommended-articles-in ul#related-archive > li .tag-area ul > li > a::before,
.recommended-articles-in ul#related-archive > li .tag-area ul > li[data-url]::before {
  background: transparent;
  content: "#";
  position: relative;
  top: 0;
}
.related-articles-in ul > li .tag-area ul > li > a:hover, .related-articles-in ul > li .tag-area ul > li[data-url]:hover,
.related-articles-in ul#related-archive > li .tag-area ul > li > a:hover,
.related-articles-in ul#related-archive > li .tag-area ul > li[data-url]:hover,
.recommended-articles-in ul > li .tag-area ul > li > a:hover,
.recommended-articles-in ul > li .tag-area ul > li[data-url]:hover,
.recommended-articles-in ul#related-archive > li .tag-area ul > li > a:hover,
.recommended-articles-in ul#related-archive > li .tag-area ul > li[data-url]:hover {
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .related-articles .button-area,
  .recommended-articles .button-area {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .related-articles .button-area,
  .recommended-articles .button-area {
    margin-top: 24px;
  }
}

/* ========================================
  おすすめ記事
======================================== */
.recommended-articles {
  background-color: #fff;
}
.recommended-articles-in > ul > li .contents-area {
  border: 1px solid #dcdcdc;
  border-top: none;
  border-radius: 0 0 10px 10px;
}

.brightcove-banner {
  margin-top: 30px;
}

/* ========================================
  フッタ
======================================== */
#bizon-footer {
  background-color: #272727;
}
#bizon-footer .page-top {
  background-color: transparent;
}
#bizon-footer .page-top a {
  color: #fff;
  display: inline-block;
  position: relative;
}
#bizon-footer .page-top a::before {
  border: 2px solid;
  border-color: #fff #fff transparent transparent;
  content: "";
  display: inline-block;
  height: 7px;
  margin-right: 1em;
  transform: translate(4px, 4px) rotate(-45deg);
  width: 7px;
}

/* ========================================
  検索ボタン for SP
======================================== */
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
#inner-bizon .search-index-title-wrap ~ #search-icon-for-sp {
  display: none !important;
}

#search-icon-for-sp {
  display: none !important;
}
@media screen and (max-width: 480px) {
  #search-icon-for-sp.fadeIn {
    animation: fade-in 1s;
    display: block !important;
    opacity: 1;
  }
}
#search-icon-for-sp.fadeOut {
  animation: fade-out 1s;
}
@media screen and (max-width: 480px) {
  #search-icon-for-sp {
    background-color: #cc0033;
    border-radius: 50%;
    bottom: 15px;
    cursor: pointer;
    height: 50px;
    opacity: 0;
    position: fixed;
    right: 15px;
    width: 50px;
    z-index: 200;
  }
  #search-icon-for-sp::before {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_search.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 19px;
    left: 16px;
    position: relative;
    top: 8px;
    width: 18px;
  }
  #search-icon-for-sp span {
    bottom: 9px;
    color: #fff;
    display: block;
    font-size: 9px;
    font-size: 0.9rem;
    padding-left: 1px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 480px) and (max-width: 768px) {
  #search-icon-for-sp span {
    font-size: 9px;
    font-size: 0.9698275862rem;
  }
}
@media screen and (max-width: 480px) {
  #search-icon-for-sp:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 480px) {
  footer .linkArea ul.link li {
    margin-bottom: 16px;
  }
  .footerInner {
    padding: 22px 0 26px;
  }
}
/* ========================================
  旧CSSからの移植
======================================== */
#ict-sect .article-wrap .article-wh-box {
  background-color: #FFF;
  padding: 15px;
  margin: 20px 0;
}

#ict-sect .article-common .article-contents iframe {
  max-width: 100%;
  vertical-align: middle;
}

#ict-sect .article-common .article-contents img.objectfit {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ict-sect .article-common .article-contents .row-default {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

#ict-sect .article-common .article-contents .row-default .col2 {
  padding: 15px;
  width: 50%;
}

@media screen and (max-width: 768px) {
  #ict-sect .article-common .article-contents .row-default .col2 {
    padding: 5px;
    width: 50%;
  }
}
@media screen and (max-width: 520px) {
  #ict-sect .article-common .article-contents .row-default .col2 {
    padding: 8px 0;
    width: 100%;
  }
}
#wrapper-bizon .article-common .reference_links {
  background-color: #fff;
  border: solid 1px #0e367d;
  padding: 1em;
  margin-top: 40px;
}

#wrapper-bizon .article-common .reference_links_title,
#wrapper-bizon .article-common .reference_links > p:first-of-type {
  border-bottom: solid 2px #0e367d;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 0.5em;
}

#wrapper-bizon .article-common .reference_links ul {
  margin: 0 0 20px 20px;
}

#ict-sect .article-common .article-contents .banner-column {
  margin-top: 50px;
}

#ict-sect .article-common .article-contents .banner-column .col2 {
  width: 50%;
}

#ict-sect .article-common .article-contents .banner-column a {
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
  background-color: #FFF;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(44, 94, 183, 0.1);
}

#ict-sect .article-common .article-contents .banner-column a {
  text-decoration: none;
}

#ict-sect .article-common .article-contents .banner-column a:hover {
  color: #333;
}

#ict-sect .article-common .article-contents .banner-column a:hover .banner-column-image {
  opacity: 0.7;
}

#ict-sect .article-common .article-contents .banner-column-text {
  background-color: #f1f1f1;
  padding: 30px 20px;
}

#ict-sect .article-common .article-contents .banner-column-text p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

#ict-sect .article-common .article-contents .banner-column-text p small {
  font-size: 14px;
}

#ict-sect .article-common .article-contents .banner-column-text p + p {
  margin-top: 10px;
  line-height: 1.3;
}

#ict-sect .article-common .article-contents .banner-column-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  #ict-sect .article-common .article-contents .banner-column {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #ict-sect .article-common .article-contents .banner-column .col2 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  #ict-sect .article-common .article-contents .banner-column-text {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 768px) {
  #ict-sect .article-common .article-contents .banner-column-text p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #ict-sect .article-common .article-contents .banner-column-text p small {
    font-size: 13px;
    font-weight: normal;
  }
}
@media screen and (max-width: 768px) {
  #ict-sect .article-common .article-contents .banner-column-text p + p {
    margin-top: 5px;
  }
}
@media screen and (max-width: 520px) {
  #ict-sect .article-common .article-contents .banner-column {
    margin-top: 40px;
  }
  #ict-sect .article-common .article-contents .banner-column .col2 {
    width: 100%;
  }
  #ict-sect .article-common .article-contents .banner-column-text {
    padding: 20px 15px;
  }
  #ict-sect .article-common .article-contents .banner-column-text p {
    font-size: 17px;
  }
  #ict-sect .article-common .article-contents .banner-column-image {
    position: relative;
  }
  #ict-sect .article-common .article-contents .banner-column-image::before {
    content: "";
    display: block;
    padding-bottom: 40%;
  }
  #ict-sect .article-common .article-contents .banner-column-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
/* ========================================
  Bizon Glossary Leaf
======================================== */
#glossary-leaf .article-header {
  max-width: 800px;
}
@media screen and (max-width: 768px) {
  #glossary-leaf .article-header {
    display: block;
    margin: 0 12px;
  }
}
#glossary-leaf .article-header .sub-title {
  background-color: #cc0033;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #glossary-leaf .article-header .sub-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 16px;
    padding: 8px 1.5em;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #glossary-leaf .article-header .sub-title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #glossary-leaf .article-header .sub-title {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 8px;
    padding: 8px 1em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #glossary-leaf .article-header .sub-title {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  #glossary-leaf .article-header .article-title {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  #glossary-leaf .article-header .article-title {
    margin: 0 auto 12px;
  }
}
#glossary-leaf .article-header .article-summary {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 32px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  #glossary-leaf .article-header .article-summary {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #glossary-leaf .article-header .article-summary {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#glossary-leaf * + .related-useful-materials {
  margin-top: 75px;
}
#glossary-leaf * + .related-services {
  margin-top: 32px;
}

/* ========================================
  関連用語
======================================== */
.related-terms {
  background-color: #f3f3f3;
}
@media screen and (min-width: 769px) {
  .related-terms {
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .related-terms {
    padding: 24px 0 40px;
  }
}
.related-terms .title {
  display: block;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .related-terms .title {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .related-terms .title {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  .related-terms .title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .related-terms .title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
.related-terms .title::after {
  content: "";
  display: block;
  border-bottom: 4px solid #013364;
  height: 4px;
  width: 3em;
}
@media screen and (min-width: 769px) {
  .related-terms .title::after {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .related-terms .title::after {
    margin: 24px auto 0;
  }
}
.related-terms-in {
  margin: 0 auto;
  max-width: 1096px;
}
.related-terms-in > ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .related-terms-in > ul {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .related-terms-in > ul > li {
    margin-right: 2.9197%;
    width: 31.38686%;
  }
  .related-terms-in > ul > li:nth-of-type(3n) {
    margin-right: 0;
  }
  .related-terms-in > ul > li:nth-of-type(n+4) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .related-terms-in > ul > li {
    margin-bottom: 16px;
    width: 80%;
  }
  .related-terms-in > ul > li:last-of-type {
    margin-bottom: 0;
  }
}
.related-terms-in > ul > li > a {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 769px) {
  .related-terms-in > ul > li > a {
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 768px) {
  .related-terms-in > ul > li > a {
    padding: 10px 30px 10px 10px;
  }
}
.related-terms-in > ul > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  top: calc(50% - 3.5px);
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 7px;
}
.related-terms-in > ul > li > a:hover::after {
  right: 10px;
}
.related-terms-in > ul > li > a .terms-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #333;
  display: -webkit-box;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  flex: 1;
  line-height: 1.5;
  margin-bottom: 16px;
  overflow: hidden;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .related-terms-in > ul > li > a .terms-title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
.related-terms-in > ul > li > a .terms-txt {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #333;
  display: -webkit-box;
  font-size: 14px;
  font-size: 1.4rem;
  flex: 1;
  min-height: 4.5em;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .related-terms-in > ul > li > a .terms-txt {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}

/* ========================================
  Bizon まとめ記事
======================================== */
.summary-index-title {
  color: #cc0033;
  font-weight: bold;
  line-height: 1.33333;
}
.summary-index-title-wrap {
  background-color: #bef1ff;
}
@media screen and (min-width: 769px) {
  .summary-index-title-wrap {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_summary/summary-index-title_bg.png");
    background-position: right -200px;
    background-repeat: no-repeat;
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 768px) {
  .summary-index-title-wrap {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_summary/summary-index-title_bg-sp.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom: 32px;
    position: relative;
  }
  .summary-index-title-wrap::before {
    background-color: rgba(255, 255, 255, 0.6);
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
  }
}
.summary-index-title-wrap-in {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .summary-index-title-wrap-in {
    max-width: 1660px;
    padding: 50px 50px 40px;
  }
}
@media screen and (max-width: 768px) {
  .summary-index-title-wrap-in {
    max-width: 1560px;
    padding: 25px 15px 30px;
    position: relative;
    z-index: 5;
  }
}
@media screen and (min-width: 769px) {
  .summary-index-title {
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .summary-index-title {
    font-size: 48px;
    font-size: 5.1724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .summary-index-title {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .summary-index-title {
    font-size: 36px;
    font-size: 3.8793103448rem;
  }
}
.summary-index-title-description {
  color: #333;
  display: inline-block;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .summary-index-title-description {
    background-color: #fff;
    border-radius: 10px;
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 3.5em;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .summary-index-title-description {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  .summary-index-title-description {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .summary-index-title-description {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.summary-index-title-description > span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .summary-index-title-description > span {
    background-color: #fff;
    border-radius: 5px;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
    padding: 8px 0.75em;
  }
  .summary-index-title-description > span:last-of-type {
    margin-bottom: 0;
  }
}

#summary-sect .article-contents {
  max-width: 1280px;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents {
    margin: 0;
    padding-bottom: 35px;
  }
}
#summary-sect .article-contents .article-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#summary-sect .article-contents .article-wrap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#summary-sect .article-contents .article-wrap ul li::before {
  content: none;
}
#summary-sect .article-contents .article-wrap [class^=summary-index] {
  max-width: 1080px;
  margin: 0 auto;
}
#summary-sect .article-contents .article-wrap .summary-index-box {
  position: relative;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box {
    margin-bottom: 40px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_top {
  border-radius: 10px 10px 0 0;
  height: auto;
  overflow: hidden;
  position: relative;
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-bg {
  border-radius: 10px 10px 0 0;
  position: absolute;
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-bg::before {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px 10px 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-bg img {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-bg img {
    transform: translateY(-45%);
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-bg img {
    transform: translate(0%, -24%) scale(1.7);
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-lead {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead {
    left: -6px;
    top: 20px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead {
    left: 20px;
    top: 14px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-lead p {
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead p {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead p {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-lead p:first-of-type {
  background-color: #cc0033;
  border-radius: 10px 0 0 10px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  position: relative;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead p:first-of-type {
    padding: 10px 10px 10px 24px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-lead p:first-of-type {
    padding: 6px 6px 6px 24px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-lead p:first-of-type span {
  display: block;
  z-index: 1;
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-lead p:first-of-type::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_summary/icon_summary.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 24px;
  margin-right: 6px;
  width: 19px;
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-lead p:first-of-type::after {
  background-color: #cc0033;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: -19px;
  width: 38px;
  z-index: 0;
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-lead p:last-of-type {
  margin-left: 20px;
  padding: 10px 0;
}
#summary-sect .article-contents .article-wrap .summary-index-box_top-in {
  left: 0;
  position: relative;
  top: 0;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-in {
    padding: 85px 40px 40px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_top-in {
    padding: 60px 20px 20px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_title {
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_title {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_title {
    font-size: 30px;
    font-size: 3.2327586207rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_title {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_description {
  color: #fff;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_description {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_description {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_description {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_description {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_bottom {
  background-color: #f2f2f2;
  border-radius: 0 0 10px 10px;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom {
    padding: 40px 44px 25px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom {
    padding: 24px 20px 30px;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area {
    margin-top: 32px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area a {
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area .rounded-button {
    padding: 16px 6em;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area .rounded-button {
    padding: 16px 1em;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area .white-button {
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area .white-button {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area .white-button {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area .white-button {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_bottom .button-area .white-button {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list {
    overflow-x: scroll;
    padding-bottom: 14px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list::-webkit-scrollbar {
  background-color: #dcdcdc;
  border-radius: 10px;
  height: 8px;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 10px;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li {
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li {
    display: flex;
    flex-direction: column;
    margin-right: 2.9197%;
    width: 31.38686%;
  }
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li:nth-of-type(3n) {
    margin-right: 0;
  }
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li:nth-of-type(n+4) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li {
    min-width: 43.73333%;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li:nth-of-type(n) {
    margin-right: 4px;
  }
}
@media screen and (max-width: 480px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li {
    min-width: 164px;
    width: 43.73333%;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li > a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li > a:hover img {
  transform: scale(1.06);
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li figure {
  margin-bottom: 0;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li figure {
    height: 215px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li figure {
    height: 200px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li figure img {
  border-radius: 10px 10px 0 0;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: all 0.2s;
  width: 100%;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li figure a {
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li figure a:hover img {
  transform: scale(1.06);
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 25px 20px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area {
    padding: 12px 10px 24px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area a {
  text-decoration: none;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area .contents-title {
  color: #333;
  display: inline-block;
  font-weight: bold;
  flex-grow: 1;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area .contents-title {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .contents-area .contents-title {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li {
    margin-right: 1em;
    width: auto;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li:last-of-type {
  margin-right: 0;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li > a, #summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li[data-url] {
  color: #cc0033;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li > a, #summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li[data-url] {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li > a::before, #summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li[data-url]::before {
  background: transparent;
  content: "#";
  position: relative;
  top: 0;
}
#summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li > a:hover, #summary-sect .article-contents .article-wrap .summary-index-box_list > li .tag-area ul > li[data-url]:hover {
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others {
    margin-top: 60px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > .title {
  display: block;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > .title {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > .title {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > .title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > .title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > .title::after {
  content: "";
  display: block;
  height: 4px;
  width: 3em;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > .title::after {
    border-bottom: 4px solid #cc0033;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > .title::after {
    border-bottom: 4px solid #013364;
    margin: 24px auto 0;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul {
    margin: 30px 20px;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li {
    margin-right: 2.9197%;
    width: 48.54014%;
  }
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li:nth-of-type(n+2) {
    margin-right: 0;
  }
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li:nth-of-type(n+3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li {
    margin-bottom: 16px;
    width: 100%;
  }
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li:last-of-type {
    margin-bottom: 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a {
  background-color: #f8f8f8;
  border-radius: 15px;
  color: #333;
  display: flex;
  text-decoration: none;
  transition: all 0.2s;
  position: relative;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a {
    padding: 20px 40px 20px 25px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a {
    padding: 10px 30px 10px 15px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  top: calc(50% - 3.5px);
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 7px;
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a:hover::after {
  right: 10px;
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a figure {
  border-radius: 5px;
  height: 120px;
  min-width: 120px;
  overflow: hidden;
  position: relative;
  width: 120px;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a figure {
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a figure {
    margin: 0 10px 0 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a figure img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(2);
  width: auto;
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .title {
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .title {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #333;
  display: -webkit-box;
  line-height: 1.8;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .text {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in > ul > li > a .text {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in .past-links {
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in .past-links {
    margin-top: 65px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-index-others-in .past-links {
    margin-top: 35px;
  }
}
#summary-sect .article-contents .article-wrap .summary-index-others-in .past-links::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_circle-arrow_right.png");
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 18px;
  margin-right: 8px;
  width: 18px;
}
#summary-sect .article-contents .article-wrap .summary-index-others-in .past-links:hover {
  text-decoration: underline;
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-wrap {
  max-width: 1280px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-wrap {
    border-radius: 10px;
    margin-bottom: 95px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-wrap {
    margin-bottom: 24px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-wrap-in {
  margin: 0 auto;
  max-width: 1096px;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-wrap-in {
    padding: 30px 0 40px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-wrap-in {
    padding: 32px 20px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-bg {
  height: 100%;
  position: absolute;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-bg {
    border-radius: 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-bg::before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-bg::before {
    border-radius: 10px 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-bg::before {
    border-radius: 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-bg img {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-bg img {
    transform: translateY(-26%);
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-bg img {
    min-height: 100%;
    object-fit: cover;
    transform: translateY(-10%) scale(1.5);
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-lead {
  display: flex;
  align-items: center;
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-lead p {
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-lead p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-lead p {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-lead p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-lead p {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-lead p:first-of-type {
  background-color: #cc0033;
  border-radius: 10px 0 0 10px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  position: relative;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-lead p:first-of-type {
    padding: 10px 10px 10px 24px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-lead p:first-of-type {
    padding: 6px 6px 6px 24px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-lead p:first-of-type span {
  display: block;
  z-index: 1;
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-lead p:first-of-type::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_summary/icon_summary.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 24px;
  margin-right: 6px;
  width: 19px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-lead p:first-of-type::after {
  background-color: #cc0033;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: -19px;
  width: 38px;
  z-index: 0;
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-lead p:last-of-type {
  margin-left: 20px;
  padding: 10px 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in {
    margin-top: 26px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in {
    margin: 16px 14px 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-in .title {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .title {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .title {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-in .button-link .rounded-button {
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 8px 18px;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .button-link .rounded-button {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .button-link .rounded-button {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .button-link .rounded-button {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-title-in .button-link .rounded-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-title-in .button-link .rounded-button:hover {
  background-color: #fff;
  color: #333;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body {
  margin: 0 auto;
  max-width: 1096px;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body {
    margin: 0 20px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_line {
  border: 0;
  border-top: 1px solid #dcdcdc;
  display: block;
  height: 1px;
  padding: 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_line {
    margin: 120px -90px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_line {
    margin: 60px 0;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_lead {
    margin-bottom: 145px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_lead {
    margin-bottom: 60px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_lead p {
  letter-spacing: -0.01em;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_lead p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_lead p {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_lead p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_lead p {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] {
    flex-direction: column;
    margin: 0 6px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li {
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li {
    display: flex;
    flex-direction: column;
    margin-right: 2.9197%;
    width: 31.38686%;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li:nth-of-type(3n) {
    margin-right: 0;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li:nth-of-type(n+4) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li {
    width: 100%;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li:not(:first-of-type) {
    margin-top: 25px;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li:nth-of-type(n+4) {
    margin-top: 25px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li > a {
  color: #333;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li > a:hover img {
  transform: scale(1.06);
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li figure {
  margin-bottom: 0;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li figure {
    height: 215px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li figure {
    height: 200px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li figure img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: all 0.2s;
  width: 100%;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li figure a {
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li figure a:hover img {
  transform: scale(1.06);
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    padding: 18px 20px 24px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area {
    padding: 18px 12px 20px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area a {
  color: #333;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-decoration: none;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .contents-in {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 16px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .contents-title {
  color: #333;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .title {
  flex-grow: 1;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .contents-area .contents-lead {
  flex-grow: 1;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0 0;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li {
    margin-right: 1em;
    width: auto;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li:last-of-type {
  margin-right: 0;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li > a, #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li[data-url] {
  color: #cc0033;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li > a, #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li[data-url] {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li > a::before, #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li[data-url]::before {
  background: transparent;
  content: "#";
  position: relative;
  top: 0;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li > a:hover, #summary-sect .article-contents .article-wrap .summary-leaf-body ul[class^=summary-leaf-body_] > li .tag-area ul > li[data-url]:hover {
  text-decoration: underline;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_recommendation_list > li {
  background-color: #f8f8f8;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list.solo, #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list.duo {
    justify-content: center;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list.solo > li:last-of-type, #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list.duo > li:last-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .contents {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .contents {
    margin-bottom: 20px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.35;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .contents-lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .contents-lead {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .contents-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_case-study_list > li .contents-area .contents-text {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list.solo, #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list.duo {
    justify-content: center;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list.solo > li:last-of-type, #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list.duo > li:last-of-type {
    margin-right: 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li figure img {
  background-color: #e6e6e6;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li figure img {
    padding: 16%;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area {
  background-color: #f8f8f8;
  padding: 25px 20px 34px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .title {
  display: flex;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  height: 100%;
  line-height: 1.3;
  margin: 0 0 20px -20px;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .title::before {
  border-left: 6px solid #cc0033;
  content: "";
  display: block;
  height: auto;
  margin-right: 16px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .contents-lead {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71428;
  margin-bottom: 14px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .contents-lead {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .contents-notes > li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.66667;
  padding-left: 1.2em;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .contents-notes > li {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body ul.summary-leaf-body_white-paper_list > li .contents-area .contents-notes > li::before {
  background: none;
  content: "※";
  top: 0;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title .title {
  margin-bottom: 12px;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title .title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title .title {
    font-size: 36px;
    font-size: 3.8793103448rem;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title .title br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title .title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title-wrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title-wrap {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_title-wrap {
    margin-bottom: 12px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure {
  position: relative;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure {
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure {
    margin: 0 10px 0 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure::after {
  background-color: #013364;
  border-radius: 0 0 100% 100%;
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure::after {
    bottom: 10%;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure::after {
    bottom: 5%;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure figure {
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure figure {
    background: linear-gradient(to bottom, #013364 0%, #013364 65%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
    min-width: 70px;
    padding: 24px 24px 12px 24px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure figure {
    background: linear-gradient(to bottom, #013364 0%, #013364 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    min-width: 45px;
    padding: 12px 12px 12px 6px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure figure img {
  border-radius: 0;
  max-width: none;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure figure img {
    min-width: 30px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_recommendation_figure figure img {
    min-width: 20px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services {
  background-color: transparent;
  margin-top: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .contents-area .description .title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .contents-area .description .title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .slick-slide {
  background-color: #f8f8f8;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .slick-slide {
    margin-right: 24px;
    width: 344px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .slick-slide {
    width: 100%;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .slick-dots {
  line-height: 1;
  position: relative;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .slick-dots li button {
  height: 16px;
  padding: 0;
  width: 16px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .slick-dots li button::before {
  color: #a5a5a5;
  font-size: 16px;
  height: 16px;
  line-height: 1;
  opacity: 1;
  width: 16px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .slick-dots li.slick-active button::before {
  color: #cc0033;
  opacity: 1;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in figure {
  border-radius: 5px 5px 0 0;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in figure img {
  border-radius: 5px 5px 0 0;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .contents-and-button-area {
  background-color: #f8f8f8;
  border-radius: 0 0 10px 10px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .contents-area {
  padding: 0 20px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area {
  margin-top: 40px;
  padding: 0 20px 20px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .rounded-button {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .red-button {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  padding: 10px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .red-button::after {
  content: none;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .red-button:hover {
  background-color: #333;
  color: #fff;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .yellow-button {
  background-color: #cc0033;
  color: #fff;
  padding: 10px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .yellow-button::after {
  content: none;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_solution .related-services .related-services-slider .related-services-in .button-area .yellow-button:hover {
  background-color: #fff;
  border: 1px solid #cc0033;
  color: #cc0033;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li {
    margin-right: 2.9197%;
    width: 31.38686%;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li:nth-of-type(3n) {
    margin-right: 0;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li:nth-of-type(n+4) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li {
    margin-bottom: 16px;
    width: 100%;
  }
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li:last-of-type {
    margin-bottom: 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a {
  background-color: #f8f8f8;
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a {
    padding: 20px 50px 20px 20px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a {
    padding: 10px 30px 10px 10px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  top: calc(50% - 3.5px);
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 7px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a:hover::after {
  right: 10px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a .terms-title {
  color: #333;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 16px;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a .terms-title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a .terms-txt {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #333;
  display: -webkit-box;
  font-size: 14px;
  font-size: 1.4rem;
  height: 6.5em;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms > ul > li > a .terms-txt {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap], #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap], #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap], #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap], #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap], #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap], #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] {
    margin-bottom: 16px;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap]::after {
  border-bottom: 4px solid #013364;
  content: "";
  display: block;
  height: 4px;
  width: 7em;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap]::after {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap]::after, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap]::after {
    margin: 12px auto 0;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] h2 {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.66667;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] h2 {
    font-size: 36px;
    font-size: 3.8793103448rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] h2, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] h2 {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] P {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] P {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] P {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71428;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body_case-study [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_white-paper [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_solution [class$=_title-wrap] P, #summary-sect .article-contents .article-wrap .summary-leaf-body_related-terms [class$=_title-wrap] P {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#summary-sect .article-contents .article-wrap .summary-leaf-body .button-area {
  margin-top: 46px;
}
#summary-sect .article-contents .article-wrap .summary-leaf-body .button-area .rounded-button {
  line-height: 1.6;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body .button-area .rounded-button {
    font-size: 20px;
    font-size: 2rem;
    padding: 13px 6em;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body .button-area .rounded-button {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body .button-area .rounded-button {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 13px 6em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body .button-area .rounded-button {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body .summary-related-services .related-services-solo {
    margin: 0 auto;
    max-width: 60%;
  }
}
@media screen and (min-width: 769px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body .summary-related-services .button-area .rounded-button {
    padding: 13px 0;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap .summary-leaf-body .summary-related-services .button-area .rounded-button {
    padding: 13px 0;
  }
}
#summary-sect .article-contents .article-wrap #summary-leaf-body_recommendation_title-text {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap #summary-leaf-body_recommendation_title-text {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #summary-sect .article-contents .article-wrap #summary-leaf-body_recommendation_title-text {
    margin-bottom: 32px;
  }
}

/* ========================================
  Bizon 記事一覧
======================================== */
.search-index-title {
  font-weight: bold;
  line-height: 1.33333;
}
.search-index-title-wrap {
  position: relative;
}
@media screen and (min-width: 769px) {
  .search-index-title-wrap {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .search-index-title-wrap {
    margin-bottom: 32px;
  }
}
.search-index-title-wrap::before {
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0) 60%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.search-index-title-wrap::after {
  background-color: #96c1e1;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .search-index-title-wrap::after {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_search/search-index-title_bg.png");
    background-position: 70% 95%;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .search-index-title-wrap::after {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_search/search-index-title_bg-sp.png");
    background-position: right 50%;
    background-size: cover;
  }
}
.search-index-title-wrap-in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  .search-index-title-wrap-in {
    height: 240px;
    max-width: 1660px;
    padding: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  .search-index-title-wrap-in {
    height: 120px;
    max-width: 1560px;
    padding: 0 12px;
  }
}
@media screen and (min-width: 769px) {
  .search-index-title {
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .search-index-title {
    font-size: 48px;
    font-size: 5.1724137931rem;
  }
}
@media screen and (max-width: 768px) {
  .search-index-title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .search-index-title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}

@media screen and (min-width: 769px) {
  #search-index .article-contents {
    margin: 0 auto;
    max-width: 1660px;
    padding: 0 50px 120px;
  }
}
@media screen and (max-width: 768px) {
  #search-index .article-contents {
    max-width: 1560px;
  }
}
#search-index .button-area .rounded-button {
  text-decoration: none;
}
#search-index #searchBox {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #search-index #searchBox {
    display: flex;
    justify-content: space-between;
  }
}
#search-index #searchBox > [class^=search_] {
  position: relative;
}
@media screen and (min-width: 769px) {
  #search-index #searchBox > [class^=search_] {
    width: 48.71794%;
  }
}
#search-index #searchBox .search_section_div {
  z-index: 10;
}
#search-index #searchBox .search_form_div {
  max-height: 55px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #search-index #searchBox .search_form_div {
    margin-top: 14px;
  }
}
#search-index #searchBox .search_header {
  background-color: #272727;
  border-radius: 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1;
  position: relative;
  text-align: center;
  transition: border-radius 0.75s;
}
@media screen and (min-width: 769px) {
  #search-index #searchBox .search_header {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 24px 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #search-index #searchBox .search_header {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchBox .search_header {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 16px 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #search-index #searchBox .search_header {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#search-index #searchBox .search_header::before {
  content: "#";
  display: inline-block;
  margin-right: 1rem;
}
#search-index #searchBox .search_header::after {
  border: 2px solid;
  border-color: #fff #fff transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  top: calc(50% - 3.5px);
  transform: rotate(135deg);
  transition: transform 0.2s;
  width: 7px;
}
#search-index #searchBox .search_header.active {
  border-radius: 10px 10px 0 0;
}
#search-index #searchBox .search_header.active::after {
  transform: rotate(-45deg);
}
#search-index #searchBox .keywords_search {
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  display: flex;
  height: 100%;
  max-height: 55px;
  position: relative;
  width: 100%;
}
#search-index #searchBox .keywords_search-input[type=text] {
  border: none;
  border-radius: 5px;
  line-height: 1;
  padding-right: 0;
  width: calc(100% - 45px);
}
@media screen and (min-width: 769px) {
  #search-index #searchBox .keywords_search-input[type=text] {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 1em 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #search-index #searchBox .keywords_search-input[type=text] {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchBox .keywords_search-input[type=text] {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 13px 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #search-index #searchBox .keywords_search-input[type=text] {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#search-index #searchBox .keywords_search-input[type=text]:focus {
  outline: 0;
}
#search-index #searchBox .keywords_search-button[type=submit] {
  background-color: #000;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  right: 0;
  width: 55px;
}
#search-index #searchBox .keywords_search-button[type=submit] img {
  height: 20px;
  width: 20px;
}
#search-index #searchBox .checkBoxDisplayArea {
  cursor: default;
  display: none;
}
@media screen and (min-width: 1281px) {
  #search-index #searchBox .checkBoxDisplayArea {
    max-width: calc(100vw - 116px);
  }
}
@media screen and (min-width: 769px) {
  #search-index #searchBox .checkBoxDisplayArea {
    width: 100vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  #search-index #searchBox .checkBoxDisplayArea {
    max-width: 1230px;
  }
}
#search-index #searchBox .checkBoxDisplayArea .button-area {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  #search-index #searchBox .checkBoxDisplayArea .button-area .rounded-button {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    padding: 15px 6em;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #search-index #searchBox .checkBoxDisplayArea .button-area .rounded-button {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchBox .checkBoxDisplayArea .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px 2em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #search-index #searchBox .checkBoxDisplayArea .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#search-index #searchBox .checkBoxDisplayArea .button-area .rounded-button::after {
  content: none;
}
#search-index #searchBox .checkBoxDisplayArea .checkBoxDL + .button-area {
  border: 1px solid #dcdcdc;
  border-top: 0;
  margin-top: 0;
  padding: 20px 0;
}
#search-index #searchBox .checkBoxTable .checkboxArea,
#search-index #searchBox .checkBoxDL .checkboxArea {
  display: flex;
  flex-wrap: wrap;
}
#search-index #searchBox .checkBoxTable .checkboxArea label,
#search-index #searchBox .checkBoxDL .checkboxArea label {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: 30px;
  margin-top: 22px;
}
#search-index #searchBox .checkBoxTable .checkboxArea label > *,
#search-index #searchBox .checkBoxDL .checkboxArea label > * {
  cursor: pointer;
}
#search-index #searchBox .checkBoxTable .checkboxArea input[type=checkbox],
#search-index #searchBox .checkBoxDL .checkboxArea input[type=checkbox] {
  border-radius: 3px;
  border: 1px solid #ccc;
  height: 16px;
  margin-right: 8px;
  outline: none;
  position: relative;
  width: 16px;
}
#search-index #searchBox .checkBoxTable .checkboxArea input[type=checkbox]:checked::after,
#search-index #searchBox .checkBoxDL .checkboxArea input[type=checkbox]:checked::after {
  border-bottom: 2px solid #cc0033;
  border-left: 2px solid #cc0033;
  content: "";
  display: block;
  height: 3px;
  left: 4px;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 6px;
}
#search-index #searchBox .checkBoxTable {
  border-collapse: separate;
  border-radius: 0 10px 10px 10px;
  border-top: 1px solid #ccc;
}
#search-index #searchBox .checkBoxTable th,
#search-index #searchBox .checkBoxTable td {
  border: 1px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #search-index #searchBox .checkBoxTable th,
  #search-index #searchBox .checkBoxTable td {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#search-index #searchBox .checkBoxTable th:first-of-type,
#search-index #searchBox .checkBoxTable td:first-of-type {
  border-top: none;
}
#search-index #searchBox .checkBoxTable th {
  background-color: #f3f3f3;
  border-bottom-color: #fff;
  border-right-color: #f3f3f3;
  font-weight: 100;
  letter-spacing: 1em;
  padding: 30px 40px;
  text-align: center;
  white-space: nowrap;
}
#search-index #searchBox .checkBoxTable td {
  background-color: #fff;
  border-left-color: #fff;
  padding: 8px 40px 30px;
}
#search-index #searchBox .checkBoxTable tr:first-of-type td {
  border-radius: 0 10px 0 0;
}
#search-index #searchBox .checkBoxTable tr:nth-of-type(4) th {
  border-bottom-color: #ccc;
  border-radius: 0 0 0 10px;
}
#search-index #searchBox .checkBoxTable tr:nth-of-type(4) td {
  border-radius: 0 0 10px 0;
}
#search-index #searchBox .checkBoxTable tr:nth-of-type(5) {
  display: none;
}
#search-index #searchBox .checkBoxDL > dl {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
#search-index #searchBox .checkBoxDL > dl:last-child {
  display: none;
}
#search-index #searchBox .checkBoxDL > dl > dt, #search-index #searchBox .checkBoxDL > dl > dd {
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  #search-index #searchBox .checkBoxDL > dl > dt, #search-index #searchBox .checkBoxDL > dl > dd {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#search-index #searchBox .checkBoxDL > dl > dt {
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  padding: 14px 20px;
}
#search-index #searchBox .checkBoxDL > dl > dt .btn {
  display: block;
  position: relative;
}
#search-index #searchBox .checkBoxDL > dl > dt .btn::after {
  background-color: #000;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  display: block;
}
#search-index #searchBox .checkBoxDL > dl > dt .btn span {
  display: block;
  position: relative;
}
#search-index #searchBox .checkBoxDL > dl > dt .btn span::before, #search-index #searchBox .checkBoxDL > dl > dt .btn span::after {
  border-bottom: 1px solid #fff;
  border-radius: 5px;
  content: "";
  display: block;
  position: relative;
  transition: all 0.2s;
  width: 10px;
}
#search-index #searchBox .checkBoxDL > dl > dt .btn span::before {
  left: calc(50% - 5px);
  top: 9px;
}
#search-index #searchBox .checkBoxDL > dl > dt .btn span::after {
  left: 3px;
  top: 8px;
  transform: rotate(90deg);
}
#search-index #searchBox .checkBoxDL > dl > dt.active .btn span::after {
  transform: rotate(0);
  top: 8px;
}
#search-index #searchBox .checkBoxDL > dl > dd {
  display: none;
  letter-spacing: -0.025em;
  padding: 0 20px 30px;
}
#search-index #searchBox .checkBoxDL .checkboxArea label {
  line-height: 1;
  margin-top: 14px;
}
#search-index #searchResultsArea {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
#search-index #searchResultsArea > li {
  padding: 0;
}
#search-index #searchResultsArea > li::before {
  content: none;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsArea > li {
    margin: 0 2.05129% 0 0;
    width: 23.46153%;
  }
  #search-index #searchResultsArea > li:nth-of-type(4n) {
    margin-right: 0;
  }
  #search-index #searchResultsArea > li:nth-of-type(n+5) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsArea > li {
    min-width: 100%;
  }
}
#search-index #searchResultsArea > li a {
  display: flex;
  flex-direction: column;
  color: #333;
  height: 100%;
  text-decoration: none;
}
#search-index #searchResultsArea > li a:hover figure img {
  transform: translate(-50%, -50%) scale(1.06);
}
#search-index #searchResultsArea > li figure {
  border-radius: 5px 5px 0 0;
  display: block;
  height: 225px;
  margin: 0;
  overflow: hidden;
  position: relative;
}
#search-index #searchResultsArea > li figure img {
  border-radius: 0;
  height: auto;
  left: 50%;
  min-height: 225px;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.01);
  transition: all 0.2s;
}
#search-index #searchResultsArea > li .contents-area {
  border: 1px solid #dcdcdc;
  border-top: none;
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px 20px 24px;
}
#search-index #searchResultsArea > li .contents-area .contents-title {
  flex-grow: 1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsArea > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
#search-index #searchResultsArea > li .related-article-tag {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
#search-index #searchResultsArea > li .related-article-tag > li {
  color: #cc0033;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 8px 0 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsArea > li .related-article-tag > li {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
#search-index #searchResultsArea > li .related-article-tag > li::before {
  content: none;
}
#search-index #searchResultsArea > li .related-article-tag > li:last-of-type {
  margin-right: 0;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager {
    margin: 75px auto 0;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager {
    margin: 40px auto 0;
  }
}
#search-index #searchResultsPager + #searchResultsCounter .button-area {
  margin-top: 50px;
}
#search-index #searchResultsPager .paginationjs-pages ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#search-index #searchResultsPager .paginationjs-pages ul li {
  cursor: pointer;
  margin: 0;
  padding: 0;
}
#search-index #searchResultsPager .paginationjs-pages ul li::before {
  content: none;
}
#search-index #searchResultsPager .paginationjs-pages ul li a {
  color: #333;
  line-height: 1.5;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul li a {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul li a {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page,
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis {
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page,
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis {
    margin-right: 8px;
  }
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page.paginationjs-last,
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis.paginationjs-last {
  margin-right: 0;
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page a,
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis a {
  background-color: #f3f3f3;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page a,
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis a {
    height: 50px;
    width: 50px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page a,
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis a {
    height: 40px;
    width: 40px;
  }
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page.active a, #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-page:hover a,
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis.active a,
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-ellipsis:hover a {
  background-color: #272727;
  color: #fff;
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev.disabled,
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next.disabled {
  cursor: default;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev.disabled,
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next.disabled {
    width: 3.5em;
  }
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev.disabled a,
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next.disabled a {
  display: none;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev {
    margin-right: 75px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev {
    margin-right: 0;
    padding: 0.75em 0 0.75em 0.5em;
  }
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev a {
  position: relative;
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev a::before {
  border: 2px solid;
  border-color: #333 #333 transparent transparent;
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  position: relative;
  transform: rotate(225deg);
  transition: transform 0.2s;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev a::before {
    height: 7px;
    width: 7px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-prev a::before {
    height: 10px;
    width: 10px;
  }
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next {
    margin-left: 75px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next {
    margin-left: 0;
    padding: 0.75em 0.5em 0.75em 0;
  }
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next a {
  display: flex;
  align-items: center;
  position: relative;
}
#search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next a::after {
  border: 2px solid;
  border-color: #333 #333 transparent transparent;
  content: "";
  display: inline-block;
  margin-left: 0.5em;
  position: relative;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next a::after {
    height: 7px;
    width: 7px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsPager .paginationjs-pages ul .paginationjs-next a::after {
    height: 10px;
    width: 10px;
  }
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsHeader {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsHeader {
    margin: 24px auto 20px;
  }
}
#search-index #searchResultsHeader .search_header {
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsHeader .search_header {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #search-index #searchResultsHeader .search_header {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsHeader .search_header {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #search-index #searchResultsHeader .search_header {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#search-index #searchResultsHeader .search_header_cases {
  display: inline-block;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsHeader .search_header_cases {
    margin: 0 15%;
  }
}
#search-index #searchResultsHeader .search_header_result {
  line-height: 2;
}
#search-index #searchResultsHeader .search_header_result_number {
  color: #cc0033;
  font-weight: bold;
  margin: 0 0.15em;
}
@media screen and (min-width: 769px) {
  #search-index #searchResultsHeader .search_header_result_number {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #search-index #searchResultsHeader .search_header_result_number {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  #search-index #searchResultsHeader .search_header_result_number {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #search-index #searchResultsHeader .search_header_result_number {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}

#searchHiddenInputArea {
  display: none;
}

@media screen and (min-width: 769px) {
  #searchDividingLine {
    margin: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  #searchDividingLine {
    display: none;
  }
}

#searchRegisteredArticlesCounter,
#searchRegisteredArticlesCounterSP {
  background: #09357e none repeat scroll 0 0;
  bottom: 0;
  color: #fff !important;
  display: none;
  line-height: 30px;
  padding: 5px 0;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 150;
}
#searchRegisteredArticlesCounter .countWrap,
#searchRegisteredArticlesCounterSP .countWrap {
  display: table;
  margin: 0 auto;
}
#searchRegisteredArticlesCounter .countWrap p,
#searchRegisteredArticlesCounterSP .countWrap p {
  display: table-cell;
  font-size: 16px;
  line-height: 1.5;
  padding: 0 5px;
  vertical-align: middle;
}
#searchRegisteredArticlesCounter .result_cnt,
#searchRegisteredArticlesCounterSP .result_cnt {
  font-size: 30px;
}
#searchRegisteredArticlesCounter a,
#searchRegisteredArticlesCounterSP a {
  background: rgba(0, 0, 0, 0) url("https://www.ntt.com/content/dam/nttcom/cmn/img/icn_right_arrow_wh.png") no-repeat scroll left center;
  color: #fff;
  font-size: 12px;
  padding-left: 10px;
}

#searchRegisteredArticlesCounter {
  position: fixed;
}

#searchRegisteredArticlesCounterSP {
  background-color: #cc0033;
  position: sticky;
}

/* ========================================
  Bizon SP版 画面最下部 オンラインショップなどへのリンク
======================================== */
#inner-bizon:not(.bizon-index) #bottom-pullup-links {
  display: none !important;
}

#bottom-pullup-links {
  bottom: 0;
  display: none;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 200;
}
@media screen and (min-width: 769px) {
  #bottom-pullup-links {
    display: none !important;
  }
}
#bottom-pullup-links .bottom-pullup-links-button {
  border-bottom: 1px solid #707070;
  height: 36px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #bottom-pullup-links .bottom-pullup-links-button {
    display: flex;
  }
}
#bottom-pullup-links .bottom-pullup-links-button span {
  cursor: pointer;
  display: inline-block;
  height: 36px;
  margin: 0 auto;
  width: 50px;
}
#bottom-pullup-links .bottom-pullup-links-button span::before {
  background-color: #cc0033;
  border-radius: 10px 10px 0 0;
  content: "";
  display: block;
  height: 36px;
  position: absolute;
  width: 50px;
}
#bottom-pullup-links .bottom-pullup-links-button span::after {
  border: 2px solid;
  border-color: #fff #fff transparent transparent;
  bottom: 14px;
  content: "";
  display: block;
  height: 7px;
  left: calc(50% - 4.5px);
  position: absolute;
  transform: rotate(135deg);
  transition: transform 0.2s;
  width: 7px;
}
#bottom-pullup-links .bottom-pullup-links-in {
  background-color: #eee;
  padding: 10px calc((100% - 310px) / 2);
}
#bottom-pullup-links .button-area {
  display: none;
  margin: 0;
}
#bottom-pullup-links .button-area::after {
  clear: both;
  content: " ";
  display: block;
}
#bottom-pullup-links .button-area .rounded-button {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  float: left;
  margin-right: 10px;
  padding: 10px 0;
  width: 70px;
}
#bottom-pullup-links .button-area .rounded-button:last-of-type {
  margin-right: 0;
}
#bottom-pullup-links .button-area .rounded-button::before {
  height: 22px;
  margin: 0 auto 6px;
  width: 22px;
}
#bottom-pullup-links .button-area .rounded-button::after {
  content: none;
}
#bottom-pullup-links .button-area .rounded-button-text {
  font-size: 9px;
  font-size: 0.9rem;
  letter-spacing: -0.01em;
  line-height: 1.22222;
}
@media screen and (max-width: 768px) {
  #bottom-pullup-links .button-area .rounded-button-text {
    font-size: 9px;
    font-size: 0.9698275862rem;
  }
}
#bottom-pullup-links .button-area .rounded-button.mailmagazine-button::before {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_ict/icon_mailmagazine-regist.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  width: 27px;
}
#bottom-pullup-links .button-area .rounded-button.mailmagazine-button::after {
  content: none;
}

/* ========================================
  Bizon SP版 モーダルウィンドウ
======================================== */
#sp-modal {
  display: none;
}
#sp-modal.fancybox__content {
  padding: 2rem 1rem;
  position: relative;
  width: 100%;
}
#sp-modal #index-sub {
  position: relative;
}
#sp-modal #index-sub > [class^=index-sub] {
  margin-bottom: 30px;
}
#sp-modal #index-sub > [class^=index-sub]:last-of-type {
  margin-bottom: 0;
}
#sp-modal #index-sub > [class^=index-sub] h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #sp-modal #index-sub > [class^=index-sub] h2 {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#sp-modal #index-sub .index-sub_categories .checkBoxDisplayArea {
  cursor: default;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL .checkboxArea {
  display: flex;
  flex-wrap: wrap;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL .checkboxArea label {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: 30px;
  margin-top: 22px;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL .checkboxArea label > * {
  cursor: pointer;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL .checkboxArea input[type=checkbox] {
  border-radius: 3px;
  border: 1px solid #ccc;
  height: 16px;
  margin-right: 8px;
  outline: none;
  position: relative;
  width: 16px;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL .checkboxArea input[type=checkbox]:checked::after {
  border-bottom: 2px solid #cc0033;
  border-left: 2px solid #cc0033;
  content: "";
  display: block;
  height: 3px;
  left: 4px;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 6px;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL > dl:first-of-type > dt {
  border-top: 1px solid #dcdcdc;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL > dl > dt, #sp-modal #index-sub .index-sub_categories .checkBoxDL > dl > dd {
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  #sp-modal #index-sub .index-sub_categories .checkBoxDL > dl > dt, #sp-modal #index-sub .index-sub_categories .checkBoxDL > dl > dd {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL > dl > dt {
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  padding: 16px 10px;
  position: relative;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL > dl > dt::after {
  border: 2px solid;
  border-color: #333 #333 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  top: calc(50% - 3.5px);
  transform: rotate(135deg);
  transition: transform 0.2s;
  width: 7px;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL > dl > dd {
  border-bottom: 1px solid #dcdcdc;
  display: none;
  letter-spacing: -0.025em;
  padding: 0 10px 20px;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL > dl.active > dt {
  border-bottom: none;
}
#sp-modal #index-sub .index-sub_categories .checkBoxDL > dl.active > dt::after {
  transform: rotate(-45deg);
}
#sp-modal #index-sub .index-sub_categories #searchResultsArea {
  margin-top: 24px;
}
#sp-modal #index-sub .index-sub_categories #searchResultsArea .searchResultsCount {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #sp-modal #index-sub .index-sub_categories #searchResultsArea .searchResultsCount {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#sp-modal #index-sub .index-sub_categories #searchResultsButton .button-area {
  margin-top: 16px;
}
#sp-modal #index-sub .index-sub_keywords_search {
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  display: flex;
  height: 3em;
  position: relative;
  width: 100%;
}
#sp-modal #index-sub .index-sub_keywords_search input[type=text] {
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 0;
  padding: 1em 20px;
  width: calc(100% - 45px);
}
@media screen and (max-width: 768px) {
  #sp-modal #index-sub .index-sub_keywords_search input[type=text] {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#sp-modal #index-sub .index-sub_keywords_search input[type=text]:focus {
  outline: 0;
}
#sp-modal #index-sub .index-sub_keywords_search button[type=submit] {
  background-color: #000;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  right: 0;
  width: 45px;
}
#sp-modal #index-sub .index-sub_keywords_search button[type=submit] img {
  height: 20px;
  width: 20px;
}

/* ========================================
  Bizon 用語集トップページ
======================================== */
#it-glossary-index .it-title-c1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .it-title-c1 {
    font-size: 44px;
    font-size: 4.4rem;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .it-title-c1 {
    font-size: 44px;
    font-size: 4.7413793103rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .it-title-c1 {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .it-title-c1 {
    font-size: 26px;
    font-size: 2.8017241379rem;
  }
}
#it-glossary-index .it-title-c1::after {
  content: "";
  display: block;
  background-color: #cc0033;
  height: 3px;
  width: 60px;
  margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .it-title-c1 + p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .it-title-c1 + p {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#it-glossary-index .it-title-c2 {
  background-color: #333;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .it-title-c2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .it-title-c2 {
    font-size: 32px;
    font-size: 3.4482758621rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .it-title-c2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .it-title-c2 {
    font-size: 22px;
    font-size: 2.3706896552rem;
  }
}
#it-glossary-index .it-title-c2-2 {
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .it-title-c2-2 {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .it-title-c2-2 {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .it-title-c2-2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .it-title-c2-2 {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
#it-glossary-index .it-title-c3 {
  border-bottom: 2px solid #666;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .it-title-c3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .it-title-c3 {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .it-title-c3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .it-title-c3 {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#it-glossary-index .article-contents {
  max-width: 1560px;
}
#it-glossary-index .article-contents .it-title + p {
  text-align: center;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking,
#it-glossary-index .article-contents .it-glossary-related-words {
  background-color: #f3f3f3;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking,
  #it-glossary-index .article-contents .it-glossary-related-words {
    margin: 0 auto 80px;
  }
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in,
  #it-glossary-index .article-contents .it-glossary-related-words-in {
    padding: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking {
    margin: 0 auto 25px;
  }
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in {
    padding: 40px 3.4188%;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-related-words {
    margin: 0 auto 45px;
  }
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in {
    display: flex;
    justify-content: center;
  }
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms {
    margin-right: 85px;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking {
    margin-top: 24px;
  }
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms,
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking {
    width: 500px;
  }
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol {
  counter-reset: count 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li {
  line-height: 1;
  list-style: none;
  margin: 0 0 12px;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li:last-of-type,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li:last-of-type {
  margin-bottom: 0;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a {
  background-color: #fff;
  border-radius: 5px;
  color: #333;
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 14px 40px 14px 18px;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a,
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a,
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a,
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a,
  #it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a::before,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a::before {
  content: counter(count) "";
  counter-increment: count 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin-right: 12px;
  width: 30px;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a::after,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 7px;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li > a:hover::after,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li > a:hover::after {
  right: 10px;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li:nth-of-type(-n+3) > a::before,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li:nth-of-type(-n+3) > a::before {
  border-radius: 50%;
  color: #fff;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li:nth-of-type(1) > a::before,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li:nth-of-type(1) > a::before {
  background-color: #edc300;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li:nth-of-type(2) > a::before,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li:nth-of-type(2) > a::before {
  background-color: #c0c0c0;
}
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .noteworthy-terms ol > li:nth-of-type(3) > a::before,
#it-glossary-index .article-contents .it-glossary-trend-ranking-in .rapidly-increasing-access-ranking ol > li:nth-of-type(3) > a::before {
  background-color: #8c4841;
}
#it-glossary-index .article-contents .it-glossary-related-words-in {
  margin: 0 auto;
  max-width: 1096px;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in {
    padding: 20px 12px;
  }
}
#it-glossary-index .article-contents .it-glossary-related-words-in > p {
  letter-spacing: -0.015em;
  line-height: 1.5;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > p {
    display: none;
  }
}
#it-glossary-index .article-contents .it-glossary-related-words-in > ul {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul {
    display: flex;
  }
}
#it-glossary-index .article-contents .it-glossary-related-words-in > ul > li {
  padding: 0;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul > li {
    margin: 0 2.64599% 0 0;
    padding: 0;
    width: 31.56934%;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul > li {
    margin-bottom: 8px;
  }
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul > li:last-of-type {
    margin-bottom: 0;
  }
}
#it-glossary-index .article-contents .it-glossary-related-words-in > ul > li::before {
  content: none;
}
#it-glossary-index .article-contents .it-glossary-related-words-in > ul > li:last-of-type {
  margin-right: 0;
}
#it-glossary-index .article-contents .it-glossary-related-words-in > ul > li > a {
  background-color: #fff;
  border-radius: 5px;
  color: #333;
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 14px 40px 14px 18px;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul > li > a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul > li > a {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul > li > a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-related-words-in > ul > li > a {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#it-glossary-index .article-contents .it-glossary-related-words-in > ul > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 7px;
}
#it-glossary-index .article-contents .it-glossary-related-words-in > ul > li > a:hover::after {
  right: 10px;
}
#it-glossary-index .article-contents .it-glossary-list {
  position: relative;
}
@media screen and (min-width: 1561px) {
  #it-glossary-index .article-contents .it-glossary-list {
    left: calc((100vw - 1560px - 17px) / 2 * -1);
    width: calc(100vw - 17px);
  }
}
#it-glossary-index .article-contents .it-glossary-list .it-title-c2-2 + p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list .it-title-c2-2 + p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list .it-title-c2-2 + p {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-in {
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-in {
    margin: 0 -12px;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-menu {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1560px;
}
#it-glossary-index .article-contents .it-glossary-list-tab-menu > li {
  background-color: #f3f3f3;
  border: 1px solid #333;
  border-radius: 10px 10px 0 0;
  bottom: -1px;
  cursor: pointer;
  font-weight: bold;
  margin: 0;
  padding: 20px 0 21px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-menu > li {
    font-size: 20px;
    font-size: 2rem;
    width: 49.35897%;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-menu > li {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-menu > li {
    font-size: 18px;
    font-size: 1.8rem;
    width: 45.86666%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-menu > li {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-menu > li::before {
  content: none;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-menu > li:first-of-type {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-menu > li:first-of-type {
    margin-right: 10px;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-menu > li.is-active {
  background-color: #fff;
  border-bottom: none;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel-in {
  display: none;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel-in.is-active {
  display: block;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] {
  margin: 0 auto;
  max-width: 1560px;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] {
    margin: 0 calc((100% - (91.73332% + 10px)) / 2);
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul {
    padding: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul {
    padding: 20px 0;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li {
    margin: 0 0.78347% 0 0;
    width: 9.29487%;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li:last-of-type {
    margin-right: 0;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li::before {
  content: none;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li:nth-of-type(10n) {
    margin-right: 0;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li:nth-of-type(n+11) {
    margin-top: 10px;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a {
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  line-height: 1;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a {
    font-size: 20px;
    font-size: 2rem;
    padding: 16px 30px 16px 16px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 16px 5px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  transform: rotate(135deg);
  transition: all 0.2s;
  width: 7px;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a::after {
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a::after {
    right: 7px;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-capital] ul > li > a:visited {
  color: #333;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital ul > li {
    margin: 0 1.1396125% 0 0;
    width: 19.08831%;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital ul > li:nth-of-type(5n) {
    margin-right: 0;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital ul > li:nth-of-type(n+6) {
    margin-top: 5px;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital ul > li:last-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital-alpha ul > li {
    margin: 0 1.196588% 0 0;
    width: 15.66951%;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital-alpha ul > li:nth-of-type(6n) {
    margin-right: 0;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital-alpha ul > li:nth-of-type(n+7) {
    margin-top: 5px;
  }
  #it-glossary-index .article-contents .it-glossary-list-tab-panel #it-glossary-list-tab-capital-alpha ul > li:last-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] {
    margin: 0 -12px;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in:nth-of-type(odd) {
  background-color: #f3f3f3;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame {
  display: flex;
}
@media screen and (min-width: 1561px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame {
    padding: 40px calc((100vw - 1560px - 17px) / 2);
  }
}
@media screen and (max-width: 1560px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame {
    padding: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame {
    padding: 20px 10px;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame [id^=capital-string] {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 22px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame [id^=capital-string] {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul {
  border-top: 2px solid #333;
  margin: 12px auto 0;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul {
    display: flex;
    flex-wrap: wrap;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li {
  padding: 0;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li {
    margin: 0 3.09556% 0 0;
    width: 48.45222%;
  }
}
@media screen and (max-width: 768px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li {
    margin: 0;
    width: 100%;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li::before {
  content: none;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li:nth-of-type(2n) {
  margin-right: 0;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li > a {
  border-bottom: 1px solid #dcdcdc;
  color: #333;
  display: flex;
  align-items: center;
  padding: 16px 48px 16px 0;
  position: relative;
  text-decoration: none;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  transform: rotate(45deg);
  transition: all 0.2s;
  width: 7px;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li > a:visited {
  color: #333;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame ul > li > a:hover::after {
  right: 10px;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame-in {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame-in {
    display: flex;
  }
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame-in-each {
  margin-right: 2%;
  width: 32%;
}
#it-glossary-index .article-contents .it-glossary-list-tab-panel [id^=it-glossary-list-tab-words] .it-glossary-list-tab-words-in-frame-in-each:last-of-type {
  margin-right: 0;
}

/* ========================================
  Bizon 導入事例
======================================== */
#inner-bizon .index-title {
  font-weight: bold;
  line-height: 1.33333;
}
#inner-bizon .index-title .sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title .sp-only {
    display: block;
  }
}
#inner-bizon .index-title-wrap {
  overflow: hidden;
  position: relative;
}
#inner-bizon .index-title-wrap::before {
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0) 60%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
#inner-bizon .index-title-wrap::after {
  background-color: #96c1e1;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  #inner-bizon .index-title-wrap.case-studies::after {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_case-studies/case-studies-index-title_bg.png");
    background-position: right 55%;
    background-size: auto;
    transform: scale(1);
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-wrap.case-studies::after {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_case-studies/case-studies-index-title_bg-sp.png");
    background-position: 60% 50%;
    background-size: auto;
  }
}
#inner-bizon .index-title-wrap.white-paper::before {
  background: linear-gradient(to right, rgb(236, 232, 231) 0%, rgba(208, 200, 197, 0.4) 35%, rgba(255, 255, 255, 0) 60%);
}
#inner-bizon .index-title-wrap.white-paper::after {
  background-color: rgb(208, 200, 197);
}
@media screen and (min-width: 769px) {
  #inner-bizon .index-title-wrap.white-paper::after {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_white-paper/white-paper-index-title_bg.png");
    background-position: 40vw 35%;
    background-size: auto;
    transform: scale(1);
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-wrap.white-paper::after {
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/bizon_white-paper/white-paper-index-title_bg-sp.png");
    background-position: 30vw 30%;
    background-size: auto;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-wrap.seminar-archives .index-title-wrap-in {
    height: 310px;
  }
}
@media screen and (max-width: 480px) {
  #inner-bizon .index-title-wrap.seminar-archives .index-title-wrap-in {
    height: 350px;
  }
}
#inner-bizon .index-title-wrap.seminar-archives .index-title-lead-wrap {
  line-height: 1.75;
  margin-top: 12px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-wrap.seminar-archives .index-title-lead-wrap {
    background-color: #f3f3f3;
  }
}
@media screen and (min-width: 769px) {
  #inner-bizon .index-title-wrap.seminar-archives::before {
    background: linear-gradient(to right, rgb(248, 248, 248) 0%, rgba(248, 248, 248, 0.4) 35%, rgba(255, 255, 255, 0) 60%);
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-wrap.seminar-archives::before {
    background: linear-gradient(to right, rgb(248, 248, 248) 0%, rgba(248, 248, 248, 0.4) 70%, rgba(255, 255, 255, 0) 100%);
  }
}
@media screen and (min-width: 769px) {
  #inner-bizon .index-title-wrap.seminar-archives::after {
    background-color: rgb(248, 248, 248);
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/d/img/seminar-archives/seminar-archives-index-title_bg.png");
    background-position: right 35%;
    background-size: auto;
    transform: scale(1);
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-wrap.seminar-archives::after {
    background-color: rgb(248, 248, 248);
    background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/d/img/seminar-archives/seminar-archives-index-title_bg-sp.png");
    background-position: right 0;
    background-size: auto;
    height: 60%;
  }
}
#inner-bizon .index-title-wrap-in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 1560px;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  #inner-bizon .index-title-wrap-in {
    height: 240px;
    max-width: 1660px;
    padding: 0 50px;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-wrap-in {
    height: 120px;
  }
}
@media screen and (min-width: 769px) {
  #inner-bizon .index-title {
    font-size: 48px;
    font-size: 4.8rem;
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .index-title {
    font-size: 48px;
    font-size: 5.1724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .index-title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (min-width: 769px) {
  #inner-bizon .index-title-lead, #inner-bizon .index-title-lead-wrap {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .index-title-lead, #inner-bizon .index-title-lead-wrap {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .index-title-lead, #inner-bizon .index-title-lead-wrap {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 24px 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .index-title-lead, #inner-bizon .index-title-lead-wrap {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#inner-bizon .index-title-lead-wrap ul li::before {
  content: "※";
}
#inner-bizon .anchor-links {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (min-width: 769px) {
  #inner-bizon .anchor-links {
    margin: 0 auto;
    max-width: 1660px;
    padding: 10px 50px 24px;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .anchor-links {
    margin: 0 20px;
    max-width: 1560px;
    padding: 10px 0 20px;
  }
}
#inner-bizon .anchor-links > li {
  margin: 16px 20px 0 0;
}
@media screen and (max-width: 768px) {
  #inner-bizon .anchor-links > li {
    margin: 10px 3.5821% 0 0;
    width: 48.20895%;
  }
  #inner-bizon .anchor-links > li:nth-of-type(2n) {
    margin-right: 0;
  }
}
#inner-bizon .anchor-links > li:last-of-type {
  margin-right: 0;
}
#inner-bizon .anchor-links > li > a {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  color: #333;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  #inner-bizon .anchor-links > li > a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 40px 12px 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .anchor-links > li > a {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .anchor-links > li > a {
    justify-content: center;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 40px 12px 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .anchor-links > li > a {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#inner-bizon .anchor-links > li > a::after {
  border: 2px solid;
  border-color: #cc0033 #cc0033 transparent transparent;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 16px;
  transform: rotate(135deg) translate(-1px, 3px);
  transition: all 0.2s;
  width: 7px;
}
#inner-bizon .anchor-links-outer {
  background-color: #f3f3f3;
}
@media screen and (max-width: 768px) {
  #inner-bizon .anchor-links.sp-long > li {
    margin: 10px 0 0 0;
    width: 100%;
  }
}
#inner-bizon .article-common.default-index .article-contents {
  max-width: 1160px;
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame {
    border-radius: 10px;
    border: 1px solid #dcdcdc;
    margin-top: 80px;
    padding: 40px 30px;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame {
    margin-top: 10px;
    padding: 20px;
  }
  #inner-bizon .article-common.default-index .index-frame:nth-of-type(1) {
    margin-top: 0;
  }
}
#inner-bizon .article-common.default-index .index-frame:nth-of-type(2n) {
  background-color: #f3f3f3;
}
#inner-bizon .article-common.default-index .index-frame .index-others-title {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-title {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-others-text {
  line-height: 1.75;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-text {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-text {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-others-text {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-c2 {
  display: flex;
  align-items: center;
  font-weight: bold;
  height: calc(1em + 28px);
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame .index-c2 {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-c2 {
    font-size: 40px;
    font-size: 4.3103448276rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-c2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-c2 {
    font-size: 24px;
    font-size: 2.5862068966rem;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-c2::before {
  border-left: 8px solid #013364;
  content: "";
  display: block;
  height: 100%;
  margin-right: 20px;
}
#inner-bizon .article-common.default-index .index-frame .index-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1096px;
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame .index-list > li {
    margin: 0 2.91971% 0 0;
    width: 31.38686%;
  }
  #inner-bizon .article-common.default-index .index-frame .index-list > li:nth-of-type(3n) {
    margin-right: 0;
  }
  #inner-bizon .article-common.default-index .index-frame .index-list > li:nth-of-type(n+4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-list > li {
    margin-bottom: 20px;
  }
  #inner-bizon .article-common.default-index .index-frame .index-list > li:last-of-type {
    margin-bottom: 0;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-list > li > a {
  display: flex;
  flex-direction: column;
  color: #333;
  height: 100%;
  text-decoration: none;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li > a:hover figure img {
  transform: translate(-50%, -50%) scale(1.06);
}
#inner-bizon .article-common.default-index .index-frame .index-list > li figure {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  display: block;
  height: 225px;
  margin: 0 0 18px;
  overflow: hidden;
  position: relative;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li figure img {
  border-radius: 0;
  height: auto;
  left: 50%;
  min-height: 225px;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.01);
  transition: all 0.2s;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-title {
    font-size: 18px;
    font-size: 1.9396551724rem;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .mb-10 small {
  font-weight: bold;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-text {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-text p {
  line-height: 1.75;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-notes > li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.66667;
  padding-left: 1.2em;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-notes > li {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .contents-area .contents-notes > li::before {
  background: none;
  content: "※";
  top: 0;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .related-article-tag {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .related-article-tag > li {
  color: #cc0033;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .index-list > li .related-article-tag > li {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .related-article-tag > li::before {
  content: none;
}
#inner-bizon .article-common.default-index .index-frame .index-list > li .related-article-tag > li:last-of-type {
  margin-right: 0;
}
#inner-bizon .article-common.default-index .index-frame .index-list.with-accordion > li.hidden {
  display: none;
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame .button-area {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .button-area {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame .button-area .rounded-button {
    width: 40%;
  }
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame .button-area .white-button {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .button-area .white-button {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .button-area .white-button {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame .button-area .white-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.default-index .index-frame.others .button-area {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.default-index .index-frame.others .button-area {
    margin-top: 50px;
  }
}
#inner-bizon .article-common.white-paper-index .index-frame:nth-of-type(2n) .index-list > li a {
  background-color: #fff;
}
#inner-bizon .article-common.white-paper-index .index-frame .index-list > li a {
  background-color: #f5f5f5;
  border-radius: 0 0 5px 5px;
}
#inner-bizon .article-common.white-paper-index .index-frame .index-list > li a:hover figure img {
  transform: scale(1.06);
}
#inner-bizon .article-common.white-paper-index .index-frame .index-list > li figure {
  border-radius: 5px 5px 0 0;
}
#inner-bizon .article-common.white-paper-index .index-frame .index-list > li figure img {
  background-color: #fff;
  height: 100%;
  left: 0;
  object-fit: cover;
  padding: 5%;
  position: relative;
  top: 0;
  transform: scale(1.01);
  transition: all 0.2s;
  width: 100%;
}
#inner-bizon .article-common.white-paper-index .index-frame .index-list > li .contents-area {
  padding: 0 20px 40px;
}
@media screen and (min-width: 769px) {
  #inner-bizon .article-common.white-paper-index .index-frame .index-list > li .contents-area .contents-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  #inner-bizon .article-common.white-paper-index .index-frame .index-list > li .contents-area .contents-title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.white-paper-index .index-frame .index-list > li .contents-area .contents-title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #inner-bizon .article-common.white-paper-index .index-frame .index-list > li .contents-area .contents-title {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#inner-bizon .article-common.white-paper-index .index-frame .index-list > li .contents-area .contents-text p {
  line-height: 1.75;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
  font-size: 1.6rem;
  display: -webkit-box;
  line-height: 1.5;
  margin-bottom: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-title-outer {
  align-items: center;
  font-weight: bold;
  margin-bottom: 18px;
  height: 48px;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-title-sub {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0.5em;
  text-align: center;
  border: 1px solid;
  padding: 2px 0;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-title-sub {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-title-sub p {
  line-height: 1.75;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-text {
  margin-top: 18px;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-text > p:first-of-type {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  margin-bottom: 0;
  overflow: hidden;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-text > p:not(:first-of-type) {
  display: none;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .contents-text span {
  font-weight: bold;
  background-color: #cccccc;
  padding: 10px;
  float: left;
  display: block;
  margin-right: 1rem;
  border-radius: 6px;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info {
  flex-grow: 1;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list {
  display: flex;
  flex-wrap: wrap;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li {
  list-style: disc;
  margin-left: 20px;
  margin-right: 20px;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li:last-of-type {
  margin-right: 0;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li p {
  line-height: 1.5;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li p.corp {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li p.corp {
    font-size: 10px;
    font-size: 1.0775862069rem;
  }
}
#inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li p.speaker {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li p.speaker {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.seminar-archives-index .index-frame .index-list > li .contents-area .speaker-info .speakers-list > li p.speaker {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#inner-bizon .article-common.seminar-archives-index .index-frame .button-area {
  margin-top: 24px;
}
#inner-bizon .article-common.seminar-archives-index .index-frame .button-area .white-button {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 2em;
  width: 80%;
}
@media screen and (max-width: 768px) {
  #inner-bizon .article-common.seminar-archives-index .index-frame .button-area .white-button {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
#inner-bizon .article-common.seminar-archives-index .index-frame a:hover .button-area .white-button::after {
  right: 15px;
}

.index-notice-keywords {
  display: none;
}

#banner-area-lower .banner-area_s,
#banner-area-lower .banner-area_l {
  text-align: center;
}
#banner-area-lower .banner-area_s-in,
#banner-area-lower .banner-area_l-in {
  margin: 0 auto;
  max-width: 1144px;
}
#banner-area-lower .banner-area_s a,
#banner-area-lower .banner-area_l a {
  display: inline-block;
}
#banner-area-lower .banner-area_s {
  background-color: #e5e5e5;
}
@media screen and (min-width: 769px) {
  #banner-area-lower .banner-area_s {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  #banner-area-lower .banner-area_s {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 769px) {
  #banner-area-lower .banner-area_s-in {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  #banner-area-lower .banner-area_s-in a {
    margin-bottom: 10px;
  }
  #banner-area-lower .banner-area_s-in a:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #banner-area-lower .banner-area_l {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  #banner-area-lower .banner-area_l {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 769px) {
  #banner-area-lower .banner-area_l-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #banner-area-lower .banner-area_l-top a {
    margin-bottom: 10px;
  }
}
#banner-area-lower .banner-area_l-bottom {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #banner-area-lower .banner-area_l-in a {
    max-width: 360px;
  }
}

#searchRegisteredArticlesCounter {
  position: fixed;
}

#searchRegisteredArticlesCounterSP {
  background-color: #cc0033;
  position: sticky;
}

/* ========================================
  関連バナー
======================================== */
.related-banner {
  margin-top: 70px;
}
.related-banner a:hover {
  opacity: 0.5;
}
.related-banner a figure {
  margin-bottom: 0;
}

/* ========================================
  目次へ戻る＆検索ボタン　25.04.
======================================== */
.back-to-contents_for-pc, .back-to-contents_for-sp {
  position: fixed;
  transition: transform 0.3s ease-in-out, right 0.3s ease-in-out;
  z-index: 1000;
}
.back-to-contents_for-pc {
  display: block;
}
@media screen and (min-width: 769px) {
  .back-to-contents_for-pc {
    bottom: 10px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .back-to-contents_for-pc {
    bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .back-to-contents_for-pc {
    display: none;
  }
}
.back-to-contents_for-pc.show {
  right: 10px;
  transform: translateX(0);
}
.back-to-contents_for-pc.hide {
  right: 0;
  transform: translateX(100%);
}
.back-to-contents_for-pc #back-to-contents {
  background-color: #fff;
  border: 1px solid #cc0033;
  border-radius: 50%;
  color: #cc0033;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1.2;
  padding-top: 0.75em;
  position: relative;
  height: 6em;
  width: 6em;
}
.back-to-contents_for-pc #back-to-contents::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-bottom: 2px solid #cc0033;
  border-left: 2px solid #cc0033;
  transform: rotate(135deg);
  position: absolute;
  top: 1em;
}
.back-to-contents_for-pc #back-to-contents:hover {
  background-color: #cc0033;
  color: #fff;
  cursor: pointer;
}
.back-to-contents_for-pc #back-to-contents:hover::before {
  border-color: #fff;
}
.back-to-contents_for-sp {
  display: none;
  bottom: 20px;
  right: 0;
  transform: translateX(0);
}
@media screen and (max-width: 480px) {
  .back-to-contents_for-sp {
    display: block;
  }
}
.back-to-contents_for-sp button {
  display: block;
}
.back-to-contents_for-sp .slide-in-buttons-open, .back-to-contents_for-sp .slide-in-buttons-close {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: transform 0.3s ease-in-out;
}
.back-to-contents_for-sp .slide-in-buttons-open.show, .back-to-contents_for-sp .slide-in-buttons-close.show {
  transform: translateX(0);
}
.back-to-contents_for-sp .slide-in-buttons-open.hide, .back-to-contents_for-sp .slide-in-buttons-close.hide {
  transform: translateX(101%);
}
.back-to-contents_for-sp .slide-in-buttons-open {
  background-color: #cc0033;
  border-radius: 10px 0 0 10px;
  padding: 15px 5px;
}
.back-to-contents_for-sp .slide-in-buttons-open .slide-in-open-btn {
  background-color: transparent;
  border: none;
  height: 20px;
  width: calc(1em + 10px);
}
.back-to-contents_for-sp .slide-in-buttons-open .slide-in-open-btn:hover {
  cursor: pointer;
}
.back-to-contents_for-sp .slide-in-buttons-open .slide-in-open-btn::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: 4px;
}
.back-to-contents_for-sp .slide-in-buttons-close {
  background-color: #cc0033;
  border-radius: 10px 0 0 10px;
  padding: 5px 5px 15px;
}
.back-to-contents_for-sp .slide-in-buttons-close > *:not(:last-child) {
  border-bottom: 3px solid #fff;
  border-radius: 0 !important;
}
.back-to-contents_for-sp .slide-in-buttons-close .slide-in-close-btn {
  background-color: transparent;
  border: none;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 10px;
  white-space: nowrap;
  padding-block: 18px 0;
  position: relative;
  line-height: 1;
}
.back-to-contents_for-sp .slide-in-buttons-close .slide-in-close-btn:hover {
  cursor: pointer;
}
.back-to-contents_for-sp .slide-in-buttons-close .slide-in-close-btn span {
  position: absolute;
  width: 16px;
  top: 0.5em;
  left: calc(50% - 8px);
}
.back-to-contents_for-sp .slide-in-buttons-close .slide-in-close-btn span::before, .back-to-contents_for-sp .slide-in-buttons-close .slide-in-close-btn span::after {
  content: "";
  width: 16px;
  height: 1.5px;
  display: inline-block;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.back-to-contents_for-sp .slide-in-buttons-close .slide-in-close-btn span::before {
  transform: rotate(45deg);
}
.back-to-contents_for-sp .slide-in-buttons-close .slide-in-close-btn span::after {
  transform: rotate(-45deg);
}
.back-to-contents_for-sp .slide-in-buttons-close .back-to-contents {
  background-color: transparent;
  border: none;
  border-bottom: 3px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 10px;
  white-space: nowrap;
  margin-bottom: 3px;
  padding-block: 10px;
  position: relative;
  line-height: 1.2;
}
.back-to-contents_for-sp .slide-in-buttons-close .back-to-contents:hover {
  cursor: pointer;
}
.back-to-contents_for-sp .slide-in-buttons-close .back-to-contents-bg {
  background-image: url("https://www.ntt.com/content/dam/nttcom/hq/jp/bizon/images/back-to-contents-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 87/59;
  margin-bottom: 10px;
  width: 20px;
}
.back-to-contents_for-sp .slide-in-buttons-close #search-icon-for-sp {
  margin-bottom: 13px;
  padding-block: 0px calc(18px + 2.5em);
}
.back-to-contents_for-sp #search-icon-for-sp {
  animation: none;
  background-color: transparent;
  bottom: auto;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  height: 40px;
  position: relative;
  right: 0;
  width: auto;
  z-index: auto;
}
.back-to-contents_for-sp #search-icon-for-sp::before {
  left: auto;
  min-height: 19px;
}
.back-to-contents_for-sp #search-icon-for-sp span {
  bottom: auto;
  font-size: 10px;
  padding-top: 10px;
  position: relative;
}

/* -------------------------------------------------- */
/* # sub-title */
/* -------------------------------------------------- */
.article-sub_title {
  display: block;
  font-size: 2.5rem;
}

/* -------------------------------------------------- */
/* # ol-list_01 */
/* -------------------------------------------------- */
ol.ol-list_01 {
  counter-reset: list-num;
  margin-left: 0.25em;
}
ol.ol-list_01.reset4 {
  counter-reset: list-num 4;
}
ol.ol-list_01 li {
  list-style: none !important;
  margin-bottom: 1em !important;
  margin-left: 2em !important;
  position: relative;
}
ol.ol-list_01 li:last-of-type {
  margin-bottom: 0.4em !important;
}
ol.ol-list_01 li::before {
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #333;
  box-sizing: border-box;
  content: counter(list-num);
  counter-increment: list-num;
  display: flex;
  justify-content: center;
  font-weight: bold;
  height: 1.4em;
  left: -1.8em;
  line-height: 1;
  position: absolute;
  top: 0.45em;
  width: 1.4em;
}

#glossary-leaf .article-common .article-contents .banner-column {
  margin-top: 50px;
}

#glossary-leaf .article-common .article-contents .banner-column a {
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
  background-color: #FFF;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(44, 94, 183, 0.1);
}

#glossary-leaf .article-common .article-contents .banner-column a {
  text-decoration: none;
}

#glossary-leaf .article-common .article-contents .banner-column .col2 {
  width: 50%;
}

#glossary-leaf .article-common .article-contents .banner-column-text {
  background-color: #f1f1f1;
  padding: 30px 20px;
}

#glossary-leaf .article-common .article-contents .banner-column-text p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

#glossary-leaf .article-common .article-contents .banner-column-text p small {
  font-size: 14px;
}

#glossary-leaf .article-common .article-contents .banner-column-text p + p {
  margin-top: 10px;
  line-height: 1.3;
}

#glossary-leaf .article-common .article-contents .banner-column-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  #glossary-leaf .article-common .article-contents .banner-column-text p {
    font-size: 18px;
  }
  #glossary-leaf .article-common .article-contents .banner-column-text p + p {
    margin-top: 5px;
  }
}
@media screen and (max-width: 520px) {
  #glossary-leaf .article-common .article-contents .banner-column {
    margin-top: 40px;
  }
  #glossary-leaf .article-common .article-contents .banner-column .col2 {
    width: 100%;
  }
  #glossary-leaf .article-common .article-contents .banner-column-text p {
    font-size: 17px;
  }
  #glossary-leaf .article-common .article-contents .banner-column-image {
    position: relative;
  }
  #glossary-leaf .article-common .article-contents .banner-column-image::before {
    content: "";
    display: block;
    padding-bottom: 40%;
  }
  #glossary-leaf .article-common .article-contents .banner-column-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
/* ========================================
  補助金対象のおすすめITツール 2025.07
======================================== */
.article-contents .article-wrap .recommendation-it-tools {
  border: 1px solid #333;
  line-height: 1;
  margin-bottom: 28px;
  padding: 1em;
}
.article-contents .article-wrap .recommendation-it-tools li {
  border-bottom: 1px solid #333;
  margin-bottom: 1em;
  padding: 0 0 1em 0 !important;
}
.article-contents .article-wrap .recommendation-it-tools li:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0 !important;
}
.article-contents .article-wrap .recommendation-it-tools li::before {
  content: none;
}
.article-contents .article-wrap .recommendation-it-tools .title {
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
  .article-contents .article-wrap .recommendation-it-tools .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .title {
    font-size: 20px;
    font-size: 2.1551724138rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .title {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.article-contents .article-wrap .recommendation-it-tools .contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .contents {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .article-contents .article-wrap .recommendation-it-tools .contents figure {
    max-width: 200px;
    width: 26.31578%;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .contents figure {
    width: 100%;
  }
}
.article-contents .article-wrap .recommendation-it-tools .contents figure img {
  max-width: 100%;
}
@media screen and (min-width: 769px) {
  .article-contents .article-wrap .recommendation-it-tools .contents .txt {
    width: 71.05263%;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .contents .txt {
    width: 100%;
  }
}
.article-contents .article-wrap .recommendation-it-tools .contents .txt p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .contents .txt p {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.4rem;
    max-width: none;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .button-area .rounded-button {
    font-size: 14px;
    font-size: 1.5086206897rem;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .button-area .rounded-button:last-of-type {
    margin-right: 0;
  }
}
.article-contents .article-wrap .recommendation-it-tools .note-area {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .note-area {
    font-size: 12px;
    font-size: 1.2931034483rem;
  }
}
@media screen and (min-width: 769px) {
  .article-contents .article-wrap .recommendation-it-tools .note-area {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools .note-area {
    text-align: left;
  }
}
.article-contents .article-wrap .recommendation-it-tools .separate-line {
  margin-bottom: 30px;
  margin-top: 55px;
  position: relative;
}
.article-contents .article-wrap .recommendation-it-tools .separate-line::after {
  background-color: #dcdcdc;
  bottom: 0;
  content: "";
  height: 2px;
  left: 35%;
  position: absolute;
  width: 65%;
}
.article-contents .article-wrap .recommendation-it-tools .separate-line hr {
  border: none;
  height: 0;
}
.article-contents .article-wrap .recommendation-it-tools .separate-line hr::after {
  background-color: #cc0033;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 35%;
}
@media screen and (min-width: 769px) {
  .article-contents .article-wrap .recommendation-it-tools br.pc-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .article-contents .article-wrap .recommendation-it-tools br.pc-only {
    display: none;
  }
}

/* ========================================
  おすすめ記事 2025.07
======================================== */
.article-contents .recommendation-article {
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 8px;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 16px;
  text-decoration: none;
  width: 100%;
}
.article-contents .recommendation-article figure {
  height: 50px;
  margin-right: 20px;
  min-height: 50px;
  min-width: 50px;
  max-height: 50px;
  max-width: 50px;
  width: 50px;
}
.article-contents .recommendation-article .contents-area .title-c4,
.article-contents .recommendation-article .contents-area .description {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .article-contents .recommendation-article .contents-area .title-c4,
  .article-contents .recommendation-article .contents-area .description {
    font-size: 16px;
    font-size: 1.724137931rem;
  }
}
.article-contents .recommendation-article .contents-area .description {
  font-weight: bold;
}