.db2024-sol-title {
  padding: 33px 0 24px 0;
}
.db2024-sol-title--works img {
  max-width: initial;
  width: 66.9333333333vw;
}
.db2024-sol-title--topics img {
  max-width: initial;
  width: 32.4vw;
}
.db2024-sol-title--cm img {
  max-width: initial;
  width: 10.6666666667vw;
}
.db2024-sol-title--about img {
  max-width: initial;
  width: 53.6vw;
}
.db2024-sol-title--media img {
  max-width: initial;
  width: 34.9333333333vw;
}
.db2024-sol-title--service img {
  max-width: initial;
  width: 73.6vw;
}
.db2024-sol-title--service2 img {
  max-width: initial;
  width: 46.1333333333vw;
}
.db2024-sol-title--project img {
  max-width: initial;
  width: 41.4666666667vw;
}
.db2024-sol-title--news img {
  max-width: initial;
  width: 48.6666666667vw;
}
.db2024-sol-title--others img {
  max-width: initial;
  width: 46.5333333333vw;
}
.db2024-sol-title--eva img {
  max-width: initial;
  width: 46.2666666667vw;
}
.db2024-sol-header {
  flex-wrap: wrap;
}
.db2024-sol-header__toggle {
  width: calc(100% - 248px);
  display: block;
}
.db2024-sol-header__toggle a {
  display: block;
  margin-left: auto;
  width: 65px;
  height: 65px;
  position: relative;
}
.db2024-sol-header__toggle a span {
  display: block;
  position: absolute;
  width: 30px;
  background-color: #AF0019;
  height: 2px;
  left: 15px;
  transform: rotate(0deg);
  opacity: 1;
  transition: transform 500ms, top 500ms, opacity 200ms;
}
.db2024-sol-header__toggle a span:nth-child(1) {
  top: 20px;
}
.db2024-sol-header__toggle a span:nth-child(2) {
  top: 30px;
}
.db2024-sol-header__toggle a span:nth-child(3) {
  top: 40px;
}
.db2024-sol-header__toggle--active a span:nth-child(1) {
  top: 30px;
  transform: rotate(50deg);
}
.db2024-sol-header__toggle--active a span:nth-child(2) {
  top: 30px;
  transform: rotate(-50deg);
  opacity: 0;
}
.db2024-sol-header__toggle--active a span:nth-child(3) {
  top: 30px;
  transform: rotate(-50deg);
}
.db2024-sol-header__nav {
  position: absolute;
  top: 65px;
  right: -100%;
  flex-grow: 0;
  display: block;
  padding: 9.0666666667vw 0 0 7.6vw;
  width: 66.6666666667vw;
  height: calc(100vh - 65px);
  background-color: rgba(255, 255, 255, 0.95);
  transition: transform 500ms;
}
.db2024-sol-header__nav--active {
  transform: translate(-100vw, 0);
}
.db2024-sol-header__nav-item {
  background: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/nav_arrow.svg) left top/4vw no-repeat;
  padding-left: 6.6666666667vw;
  margin-bottom: 6.6666666667vw;
  max-width: initial;
}
.db2024-sol-header__nav-item img {
  width: 100%;
}
.db2024-sol-header__nav-item--top {
  width: 9.7333333333vw;
}
.db2024-sol-header__nav-item--works {
  width: 17.0666666667vw;
}
.db2024-sol-header__nav-item--topics {
  width: 24.2666666667vw;
}
.db2024-sol-header__nav-item--cm {
  width: 7.4666666667vw;
}
.db2024-sol-header__nav-item--about {
  width: 38vw;
}
.db2024-sol-header__nav-item--subtop {
  width: 9.7333333333vw;
}
.db2024-sol-header__nav-item--media {
  width: 25.7333333333vw;
}
.db2024-sol-header__nav-item--service {
  width: 54.4vw;
}
.db2024-sol-header__nav-item--project {
  width: 32.1333333333vw;
}
.db2024-sol-header__nav-item--project2 {
  width: 34vw;
}
.db2024-sol-header__nav-item--news {
  width: 34.2666666667vw;
}
.db2024-sol-header__nav-item--eva {
  width: 32.9333333333vw;
}
.db2024-sol-hover:hover {
  opacity: 1;
}
.db2024-sol-hover:hover div {
  opacity: 1;
}
.db2024-sol-main {
  padding-top: 0;
  /*padding-top: 65px;*/
  max-height: 100%;
}
.db2024-sol-main .br-pc {
  display: none;
}
.db2024-sol-main .br-sp {
  display: inline;
}
.db2024-sol-kv {
  background-color: initial;
}
.db2024-sol-kv img {
  max-width: initial;
}
.db2024-sol-works, .db2024-sol-others {
  padding-bottom: 11.6vw;
}
.db2024-sol-works__list, .db2024-sol-others__list {
  max-width: initial;
  width: 100%;
  gap: 6.4vw 4vw;
}
.db2024-sol-works__item, .db2024-sol-others__item {
  max-width: initial;
  width: 42.6666666667vw;
}
.db2024-sol-works__item img, .db2024-sol-others__item img {
  width: 100%;
}
.db2024-sol-topics {
  padding-bottom: 62px;
}
.db2024-sol-topics__list {
  width: 89.3333333333vw;
  max-width: initial;
  display: block;
}
.db2024-sol-topics__item {
  width: 89.3333333333vw;
  max-width: initial;
  margin-bottom: 62px;
  display: block;
}
.db2024-sol-topics__item:last-child {
  margin-bottom: 0px;
}
.db2024-sol-topics__item-img {
  margin-bottom: 15px;
}
.db2024-sol-topics__item-label {
  margin-bottom: 8px;
  padding: 1.3333333333vw 2.6666666667vw;
  font-size: 16px;
}
.db2024-sol-topics__item-title {
  padding-left: 28px;
  font-size: 19px;
  margin-bottom: 25px;
  background: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/arrow_wh.svg) left 5px/18px no-repeat;
  letter-spacing: 0.1em;
}
.db2024-sol-topics__item-body {
  font-size: 15px;
}
.db2024-sol-cm__list {
  width: 89.3333333333vw;
  max-width: initial;
  display: block;
}
.db2024-sol-cm__item {
  width: 89.3333333333vw;
  max-width: initial;
  margin-bottom: 62px;
}
.db2024-sol-cm__item:last-child {
  margin-bottom: 0px;
}
.db2024-sol-cm__item-img::after {
  position: absolute;
  width: 14.9253731343%;
  aspect-ratio: 1;
  bottom: 2.9850746269%;
  right: 2.9850746269%;
  content: "";
  background: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/cm_arrow.svg) top left/contain no-repeat;
}
.db2024-sol-cm__item-title {
  font-size: 19px;
}
.db2024-sol-cm__yotuube {
  width: 89.3333333333vw;
  max-width: initial;
}
.db2024-sol-about {
  padding-bottom: 55px;
}
.db2024-sol-about__body {
  width: 98%;
  max-width: initial;
  margin: 0 auto 20px auto;
  font-size: 4vw;
  font-weight: bold;
}
.db2024-sol-about__box {
  width: 89.3333333333vw;
  max-width: initial;
  padding: 2.6666666667vw 0;
  border: 5.8666666667vw solid black;
  -o-border-image: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/corner.png);
     border-image: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/corner.png);
  border-image-slice: 88 100 88 100;
  border-image-width: 5.8666666667vw 6.6666666667vw 5.8666666667vw 6.6666666667vw;
  border-image-repeat: round round;
}
.db2024-sol-bottomnav {
  bottom: -17.3333333333vw;
  height: 17.3333333333vw;
  padding: 4vw 0 4vw 0;
}
.db2024-sol-bottomnav--active {
  transform: translate(0, -17.3333333333vw);
}
.db2024-sol-bottomnav__list {
  width: 92vw;
  max-width: initial;
  flex-wrap: wrap;
  gap: 4vw 2.9333333333vw;
}
.db2024-sol-bottomnav__item a {
  background: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/nav_arrow.svg) left center/3.2vw no-repeat;
  padding-left: 4.6666666667vw;
}
.db2024-sol-media__list {
  width: 89.3333333333vw;
  max-width: initial;
  grid-template-columns: repeat(auto-fit, 42.6666666667vw);
  gap: 50px 4vw;
}
.db2024-sol-media__item {
  max-width: 42.6666666667vw;
}
.db2024-sol-media__item-title {
  font-size: 13px;
}
.db2024-sol-media__item-body {
  font-size: 14px;
}
.db2024-sol-service__body {
  font-size: 4vw;
  font-weight: bold;
  margin-bottom: 55px;
}
.db2024-sol-service__list {
  width: 89.3333333333vw;
  max-width: initial;
  display: block;
}
.db2024-sol-service__item {
  max-width: initial;
  margin-bottom: 50px;
}
.db2024-sol-service__item:last-child {
  margin-bottom: 0px;
}
.db2024-sol-service__item-title {
  margin-bottom: 18px;
}
.db2024-sol-service__item-title--cx img {
  width: 37.2vw;
}
.db2024-sol-service__item-title--ex img {
  width: 36.5333333333vw;
}
.db2024-sol-service__item-title--crx img {
  width: 41.8666666667vw;
}
.db2024-sol-service__item-img {
  margin-bottom: 14px;
}
.db2024-sol-service__item-body {
  font-size: 14px;
}
.db2024-sol-project {
  padding-bottom: 70px;
}
.db2024-sol-project__list {
  width: 89.3333333333vw;
  max-width: initial;
  display: block;
}
.db2024-sol-project__item {
  width: 89.3333333333vw;
  max-width: initial;
  display: block;
  margin-bottom: 30px;
}
.db2024-sol-project__item:last-child {
  margin-bottom: 0px;
}
.db2024-sol-project__item-title {
  font-size: 20px;
}
.db2024-sol-project__item-body {
  font-size: 14px;
}
.db2024-sol-news__list {
  width: 89.3333333333vw;
  max-width: initial;
  border: 5.8666666667vw solid black;
  -o-border-image: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/corner.png);
     border-image: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/corner.png);
  border-image-slice: 88 100 88 100;
  border-image-width: 5.8666666667vw 6.6666666667vw 5.8666666667vw 6.6666666667vw;
  border-image-repeat: round round;
}
.db2024-sol-news__item {
  width: 90%;
}
.db2024-sol-news__item-date {
  width: 29.3333333333vw;
  font-size: 12px;
}
.db2024-sol-news__item-body {
  font-size: 12px;
  width: calc(100% - 29.3333333333vw);
}
.db2024-sol-back-inner img {
  width: 74.6666666667vw;
}
.db2024-sol-service2__list {
  width: 89.3333333333vw;
  max-width: initial;
  grid-template-columns: repeat(auto-fit, 42.6666666667vw);
  gap: 4vw 4vw;
}
.db2024-sol-service2__item {
  max-width: 42.6666666667vw;
}
.db2024-sol-service2__item-title {
  padding: 13px 0 0 25px;
  font-size: 15px;
  background: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/nav_arrow.svg) 10px 15px/10px no-repeat;
}
.db2024-sol-service2__item-body {
  font-size: 14px;
}
.db2024-sol-project2__list {
  width: 89.3333333333vw;
  max-width: initial;
  grid-template-columns: repeat(auto-fit, 42.6666666667vw);
  gap: 4vw 4vw;
}
.db2024-sol-project2__item {
  max-width: 89.3333333333vw;
}
.db2024-sol-project2__item-title {
  padding: 7px 0 0 15px;
  font-size: 15px;
  background: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/nav_arrow.svg) 1px 10px/10px no-repeat;
  margin-bottom: 12px;
}
.db2024-sol-project2__item-body {
  font-size: 14px;
}
.db2024-sol-eva__body {
  font-size: 15px;
  margin-bottom: 40px;
}
.db2024-sol-eva__list {
  width: 89.3333333333vw;
  max-width: initial;
  grid-template-columns: repeat(auto-fit, 42.6666666667vw);
  gap: 4vw 4vw;
}
.db2024-sol-eva__item {
  max-width: 89.3333333333vw;
}
.db2024-sol-eva__item-title {
  padding-left: 17px;
  font-size: 14px;
  background: url(/content/dam/nttcom/hq/jp/business/lp/docomobusiness/db2024_sol/img/arrow_wh.svg) left 6px/10px no-repeat;
}
.db2024-sol-modal__yt-wrapper {
  max-width: initial;
  width: 92%;
}

/* 20241128 generative-ai */
.db2024-sol-movie{
  /* box-shadow: inset 0px 17px 10px -10px rgba(0, 0, 0, 0.3); */
  background-color: #DFDBD8;
}
.db2024-sol-title--movie img {
  max-width: 360px;
}
.db2024-sol-movie_youtube{
  padding: 0 10px;
}

.db2024-sol-arrow{
  max-width: inherit;
  max-height: inherit;
}