@charset "UTF-8";

body.archive-digital main {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  color: #191919;
}


body.archive-digital .section-dsu-keyvisual {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.archive-digital .section-dsu-keyvisual .keyvisual-inner {
  margin-right: auto;
}
@media screen and (max-width: 767.98px) {
  body.archive-digital .section-dsu-keyvisual {
    min-height: 104.2667vw ;
    background: url(../../images/digital/dsu/sp/pr_digital_image.jpg) no-repeat center/100% 100%;
  }

  body.archive-digital .section-dsu-keyvisual .keyvisual-image {
    max-width: 44.8vw;
  }

  body.archive-digital .section-dsu-keyvisual .keyvisual-inner {
    margin-left: auto;
  }

}

@media screen and (min-width: 768px), print {
  body.archive-digital .section-dsu-keyvisual {
    min-height: 430px;
    background: url(../../images/digital/dsu/pr_digital_image.jpg) no-repeat center/100% 100%;
  }
  body.archive-digital .section-dsu-keyvisual .keyvisual-inner {
    max-width: 537px;
    margin-left: calc(50% - 422px);
    margin-top: 12px;
  }

  body.archive-digital .section-dsu-keyvisual .keyvisual-image {
    max-width: 337px;
  }
}

body.archive-digital .section-dsu-intro {
  position: relative;
}

body.archive-digital .section-dsu-intro .intro-inner {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body.archive-digital .section-dsu-intro p {
  line-height: 2.8;
  font-weight: 500;
  letter-spacing: 0.1em;
}

body.archive-digital .section-dsu-intro::before, body.archive-digital .section-dsu-intro::after {
  position: absolute;
  content: "";
  z-index: -1;

}

body.archive-digital .section-dsu-intro::before {
  background: url(../../images/digital/common/decor_img_01.png) center / contain no-repeat;
}

body.archive-digital .section-dsu-intro::after {
  background: url(../../images/digital/common/decor_img_02.png) center / contain no-repeat;
}

@media screen and (max-width: 767.98px) {
  body.archive-digital .section-dsu-intro {
    padding: 10.4vw 0vw 5.3333vw;
  }

  body.archive-digital .section-dsu-intro::before {
    top: 18.6667vw;
    left: -18.6667vw;
    width: 60vw;
    height: 60vw;
  }

  body.archive-digital .section-dsu-intro::after {
    right: 9.3333vw;
    bottom: 5.3333vw;
    width: 53.3333vw;
    height: 53.3333vw;
  }
  body.archive-digital .section-dsu-intro .intro-inner {
    padding: 0 2.6667vw;
  }

  body.archive-digital .section-dsu-intro p {
    margin-bottom: 6.5333vw;
    font-size: 3.4667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.archive-digital .section-dsu-intro {
    padding: 78px 0px 35px;
  }

  body.archive-digital .section-dsu-intro::before {
    top: 140px;
    left: -260px;
    width: 538px;
    height: 538px;
  }

  body.archive-digital .section-dsu-intro::after {
    right: 60px;
    bottom: 0px;
    width: 400px;
    height: 400px;
  }
  body.archive-digital .section-dsu-intro .intro-inner {
    max-width: 640px;
    padding: 0 20px;
  }

  body.archive-digital .section-dsu-intro p {
    margin-bottom: 49px;
    font-size: 18px;
  }
}

body.archive-digital .section-dsu-chart{
  position: relative;
  background-color: #f7f7f7;
}

body.archive-digital .section-dsu-chart .chart-inner {
  margin-left: auto;
  margin-right: auto;
}

body.archive-digital .section-dsu-chart .chart-text h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.99;
}

body.archive-digital .section-dsu-chart .chart-text span {
  letter-spacing: 0.08em;
  font-family: "Noto Serif JP", serif;
  line-height: calc(40 / 23);
  font-weight: 600;
}

body.archive-digital .section-dsu-chart .chart-text p {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2.6;
  font-weight: 400;
}


body.archive-digital .section-dsu-chart .chart-text dt {
  line-height: calc(39 / 22);
  letter-spacing: 0.02em;
}
body.archive-digital .section-dsu-chart .chart-text dd {
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 767.98px) {
  body.archive-digital .section-dsu-chart {
    padding: 9.3333vw 0  13.3333vw;
  }

  body.archive-digital .section-dsu-chart .chart-inner {
    max-width: 156.6667vw;
    padding: 0 2.6667vw;
  }

  body.archive-digital .section-dsu-chart .chart-image {
    text-align: center;
  }

  body.archive-digital .section-dsu-chart .chart-text h2 {
    margin-bottom: 4vw;
    font-size: 4.1333vw;
  }

  body.archive-digital .section-dsu-chart .chart-text span {
    margin-right: -0.6667vw;
    font-size: 4.4vw;
  }

  body.archive-digital .section-dsu-chart .chart-text p {
    margin-bottom: 0.6667vw;
    font-size: 3.4667vw;
  }

  body.archive-digital .section-dsu-chart .chart-text dl {
    margin-bottom: 9.3333vw;
  }

  body.archive-digital .section-dsu-chart .chart-text dt {
    margin-bottom: 0.2667vw;
    font-size: 4.2667vw;
  }

  body.archive-digital .section-dsu-chart .chart-text dd {
    padding-left: 2.6667vw;
    font-size: 3.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body.archive-digital .section-dsu-chart{
    padding: 74px 0 90px;
  }

  body.archive-digital .section-dsu-chart .chart-inner {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1175px;
    padding: 0 20px;
  }
  body.archive-digital .section-dsu-chart .chart-image {
    width: 563px;
    flex-shrink: 0;
    margin-top: 8px;
  }

  body.archive-digital .section-dsu-chart .chart-text h2 {
    margin-bottom: 27px;
    font-size: 21px;
  }
  body.archive-digital .section-dsu-chart .chart-text span {
    margin-right: -5px;
    font-size: 23px;
  }
  body.archive-digital .section-dsu-chart .chart-text p {
    margin-bottom: 6px;
    font-size: 16px;
  }

  body.archive-digital .section-dsu-chart .chart-text dl {
    margin-bottom: 17px;
  }

  body.archive-digital .section-dsu-chart .chart-text dt {
    font-size: 22px;
  }
  body.archive-digital .section-dsu-chart .chart-text dd {
    padding-left: 20px;
    font-size: 17px;
  }

  body.archive-digital .section-dsu-chart .chart-text {
    padding-left: 71px;
    width: 100%;
  }
}

body.archive-digital .section-dsu-team {
  position: relative;
  z-index: 8;
}

body.archive-digital .section-dsu-team::before{
  background: url(../../images/digital/common/decor_img_05.png) center/contain no-repeat;
}

body.archive-digital .section-dsu-team::after {
  background: url(../../images/digital/common/decor_img_06.png) center/contain no-repeat;
}

body.archive-digital .section-dsu-team::before, body.archive-digital .section-dsu-team::after {
  position: absolute;
  content: "";
  z-index: -1;
}

body.archive-digital .section-dsu-team .team-title {
  font-family: 'Roboto', sans-serif;
  color: #191919;
  font-weight: 500;
}

body.archive-digital .section-dsu-team .team-slider {
  position: relative;
  align-self: flex-start;
}

body.archive-digital .section-dsu-team .slider-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0s linear 0.4s;
}

body.archive-digital .section-dsu-team .slider-wrapper.slick-initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease;
}

body.archive-digital .section-dsu-team .slider-member image {
  text-align: center;
}

body.archive-digital .section-dsu-team .slider-member .slider-image {
  display: flex;
}

body.archive-digital .section-dsu-team .slider-member .slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow-clip-margin: unset;
  align-items: center;
  display: flex;
}

body.archive-digital .section-dsu-team .slider-member .name-japanese {
  font-weight: 500;
  letter-spacing: 0.21em;
}

body.archive-digital .section-dsu-team .slider-member .name-english {
  letter-spacing: 0.05em;
  font-weight: 500;
}

body.archive-digital .section-dsu-team .slider-controls {
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 8;
}
body.archive-digital .section-dsu-team .team-slider.is-disabled .slider-controls {
  display: none;
}
body.archive-digital .section-dsu-team .slider-controls .prev,
body.archive-digital .section-dsu-team .slider-controls .next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #191919;
  cursor: pointer;
  background: #fff;
  pointer-events: auto;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.3s;
}

body.archive-digital .section-dsu-team .slider-controls .prev:hover,
body.archive-digital .section-dsu-team .slider-controls .next:hover {
  opacity: 0.7;
}

body.archive-digital .section-dsu-team .slider-controls .prev:before,
body.archive-digital .section-dsu-team .slider-controls .next:before {
  content: "";
  position: absolute;
  display: block;
  border: solid #191919;
  border-width: 1px 1px 0 0;
}

body.archive-digital .section-dsu-team .slider-controls .prev:before {
  transform: rotate(-135deg) translateX(50%);
  left: 50%;
}

body.archive-digital .section-dsu-team .slider-controls .next:before {
  transform: rotate(45deg) translateX(50%);
  right: 50%;
}

body.archive-digital .section-dsu-team .slider-wrapper:not(.slick-initialized) + .slider-controls {
  opacity: 0;
  pointer-events: none;
}

body.archive-digital .section-dsu-team .slider-wrapper.slick-initialized + .slider-controls {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 767.98px) {
  body.archive-digital .section-dsu-team {
    padding: 9.3333vw 0;
  }

  body.archive-digital .section-dsu-team .team-inner {
    padding: 0 2.6667vw;
  }

  body.archive-digital .section-dsu-team .slider-wrapper .slick-slide {
    padding: 0 2.9333vw;
  }

  body.archive-digital .section-dsu-team .slider-wrapper .slick-list {
    margin: 0 -2vw;
  }

  body.archive-digital .is-iphone .section-dsu-team .slider-wrapper .slick-list {
    margin-left: -2.6667vw;
  }

  body.archive-digital .section-dsu-team .slider-member image {
    width: 145.3333vw;
  }
  body.archive-digital .section-dsu-team .team-title {
    margin-bottom: 2.6667vw;
    font-size: 6.6667vw;
  }

  body.archive-digital .section-dsu-team .slider-member .name-japanese {
    margin-top: 2vw;
    font-size: 3.4667vw;
  }

  body.archive-digital .section-dsu-team .slider-member .name-english {
    font-size: 3.2vw;
    margin-top: 0.6667vw;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev,
  body.archive-digital .section-dsu-team .slider-controls .next {
    width: 6vw;
    height: 6vw;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev {
    left: -2vw;
  }

  body.archive-digital .section-dsu-team .slider-controls .next {
    right: -2vw;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev:before {
    top: 2.5333vw;
  }

  body.archive-digital .section-dsu-team .slider-controls .next:before {
    bottom: 2.5333vw;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev:before,
  body.archive-digital .section-dsu-team .slider-controls .next:before {
    width: 1.6vw;
    height: 1.6vw;
    border-width: 0.1333vw 0.1333vw 0 0;
  }
}
@media screen and (min-width: 768px), print {
  body.archive-digital .section-dsu-team::before {
    top: -20px;
    left: -60px;
    width: 500px;
    height: 500px;
  }
  body.archive-digital .section-dsu-team::after {
    right: calc(50% - 520px);
    bottom: 6px;
    width: 700px;
    height: 600px;
  }
  body.archive-digital .section-dsu-team {
    padding: 177px 0 100px;
  }

  body.archive-digital .section-dsu-team .team-inner {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1131px;
    margin: 0 auto;
  }

  body.archive-digital .section-dsu-team .team-title {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 83px;
    margin: 0 3px 0 22px;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  body.archive-digital .section-dsu-team .team-slider {
    width: 934px;
  }
  body.archive-digital .section-dsu-team .slider-member .slider-image {
    height: 390px;
    margin-bottom: 17px;
  }

  body.archive-digital .section-dsu-team .slider-member .name-japanese {
    margin-bottom: 7px;
    font-size: 22px;
  }

  body.archive-digital .section-dsu-team .slider-member .name-english {
    font-size: 13px;
  }

  body.archive-digital .section-dsu-team .slider-controls {
    top: 44%;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev,
  body.archive-digital .section-dsu-team .slider-controls .next {
    width: 47px;
    height: 47px;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev {
    left: -23px;
  }

  body.archive-digital .section-dsu-team .slider-controls .next {
    right: -21px;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev:before {
    top: 21px;
  }

  body.archive-digital .section-dsu-team .slider-controls .next:before {
    bottom: 21px;
  }

  body.archive-digital .section-dsu-team .slider-controls .prev:before,
  body.archive-digital .section-dsu-team .slider-controls .next:before {
    width: 10px;
    height: 10px;
    border-width: 1px 1px 0 0;
  }

  body.archive-digital .section-dsu-team .slider-wrapper .slick-slide {
    padding: 0 12px;
    width: 320px;
  }

  body.archive-digital .section-dsu-team .slider-wrapper .slick-list {
    margin: 0 -12px;
  }

  body.archive-digital .section-dsu-team .slider-wrapper .slick-track {
    display: flex;
  }

  body.archive-digital .section-dsu-team .slider-member image {
    width: 1090px;
    text-align: center;
  }
}

@media print {
  body.archive-digital .section-dsu-project {
    page-break-after: always;
  }
}

body.archive-digital .section-dsu-project {
  position: relative;
  color: #191919;
  background-color: #ffffea;
}

body.archive-digital .section-dsu-project .project-title {
  color: #191919;
  font-weight: 500;
  line-height: 1;
  font-family: 'Roboto', sans-serif;
}

body.archive-digital .section-dsu-project .content-title {
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.03em;
}

body.archive-digital .section-dsu-project .list-categories {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

body.archive-digital .section-dsu-project .category-item {
  background-color: #626262;
  color:#fff;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid transparent;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

body.archive-digital .section-dsu-project .category-item {
  color: #fff;
  transition: all 0.3s;
}

body.archive-digital .section-dsu-project .category-item:hover {
  color: #626262;
  background-color: #fff;
  color: #626262;
  border: 1px solid #626262;
}

body.archive-digital .section-dsu-project .category-item.is-selected {
  background-color: #fff;
  color: #626262;
  border: 1px solid #626262;
  pointer-events: none;
}

body.archive-digital .section-dsu-project .category-item.is-selected a{
  color: #626262;
}

body.archive-digital .section-dsu-project .list-projects {
  list-style: none;
  overflow: hidden;
}

body.archive-digital .section-dsu-project .project-item a {
  text-decoration: none;
  color: inherit;
  display: block;
  transition: opacity 0.3s;
  opacity: 1;
}

body.archive-digital .section-dsu-project .project-item a:hover {
  opacity: 0.7;
}

body.archive-digital .section-dsu-project .project-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.archive-digital .section-dsu-project .project-item .project-date {
  display: block;
  font-weight: 500;
  letter-spacing: 0.025em;
}

body.archive-digital .section-dsu-project .project-item .project-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: calc(22 / 15);
}

body.archive-digital .section-dsu-project .project-item .list-tags {
  display: flex;
  flex-wrap: wrap;
  color: #191919;
  letter-spacing: 0.02em;
  font-weight: 400;
}

body.archive-digital .section-dsu-project .project-item .list-item {
  font-family: "Noto Sans JP", sans-serif;
}

body.archive-digital .section-dsu-project .project-item .list-item:last-child{
  margin: 0;
}

body.archive-digital .section-dsu-project .more {
  display: inline-block;
  text-align: center;
  background: #fff;
  color: #191919;
  border: 1px solid #626262;
  margin:  0 auto;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s;
}

body.archive-digital .section-dsu-project .more:hover {
  opacity: 0.7;
}

body.archive-digital .section-dsu-project .more::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../images/digital/common/icon_arrow_down_black.svg) no-repeat center / contain;
}

@media screen and (max-width: 767.98px) {
  body.archive-digital .section-dsu-project {
    padding: 9.3333vw 0;
  }
  body.archive-digital .section-dsu-project .project-inner {
    padding: 0 2.6667vw;
  }

  body.archive-digital .section-dsu-project .content-title {
    font-size: 3.3333vw;
    margin-bottom: 3.2vw;
    margin-top: -0.4vw;
  }

  body.archive-digital .section-dsu-project .list-categories {
    margin-bottom: 6.2667vw;
    font-size: 14px;
    gap: 1.6vw;
  }

  body.archive-digital .section-dsu-project .category-item {
    padding: 0.8vw 2.5333vw;
  }
  body.archive-digital .section-dsu-project .category-item.is-ios {
    padding-bottom: 1.0667vw;
  }

  body.archive-digital .section-dsu-project .project-title {
    font-size: 6.6667vw;
    margin-bottom: 2.6667vw;
  }

  body.archive-digital .section-dsu-project .project-item {
    margin-bottom: 8vw;
  }

  body.archive-digital .section-dsu-project .project-item .list-item {
    margin-right: 2vw;
  }

  body.archive-digital .section-dsu-project .project-item .project-date {
    margin-bottom: 1.6vw;
    font-size: 3.2vw;
  }

  body.archive-digital .section-dsu-project .project-item .list-tags {
    width: 100%;
    font-size: 2.9333vw;
  }

  body.archive-digital .section-dsu-project .project-item {
    width: 85.3333vw;
    margin-left: auto;
    margin-right: auto;
  }

  body.archive-digital .section-dsu-project .project-item .image {
    height: 53.3333vw;
    margin: 0 0 2.2667vw;
  }

  body.archive-digital .section-dsu-team .slider-controls {
    top: 21vw;
  }

  body.archive-digital .section-dsu-project .project-item .project-name {
    margin: 0 0 1.6vw;
    font-size: 3.4667vw;
  }

  body.archive-digital .section-dsu-project .project-item:last-child {
    margin-bottom: 0;
  }

  body.archive-digital .section-dsu-project .more {
    position: relative;
    display: block;
    width: 50%;
    margin-top: 8vw;
    padding: 0.8vw 4vw 1.2vw;
    font-size: 3.4667vw;
  }

  body.archive-digital .section-dsu-project .more::before {
    right: 1.3333vw;
    width: 2vw;
    height: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body.archive-digital .section-dsu-project {
    padding: 110px 0 155px;
    border-bottom: 2px solid #00007b;
  }

  body.archive-digital .section-dsu-project .project-title {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 83px;
    letter-spacing: 0.08em;
    white-space: nowrap;
  }

  body.archive-digital .section-dsu-project .project-inner {
    display: flex;
    max-width: 1090px;
    margin-left: auto;
    margin-right: auto;
  }

  body.archive-digital .section-dsu-project .content-title {
    font-size: 15px;
    margin-bottom: 16px;
    margin-top: -3px;
  }

  body.archive-digital .section-dsu-project .list-categories {
    margin-bottom: 52px;
    gap: 14px;
  }

  body.archive-digital .section-dsu-project .category-item {
    padding: 5px 18px 6px;
  }

  body.archive-digital .section-dsu-project .project-item .list-item {
    margin-right: 15px;
  }
  body.archive-digital .section-dsu-project .project-content {
    flex: 1;
    margin-left: 55px;
    width: 941px;
  }
  body.archive-digital .section-dsu-project .list-projects {
    display: flex;
    flex-wrap: wrap;
    width: 966px;
    margin-bottom: 55px;
  }

  body.archive-digital .section-dsu-project .project-item .project-date {
    margin-bottom: 12px;
    font-size: 13px;
  }
  body.archive-digital .section-dsu-project .project-item .list-tags {
    width: 297px;
    margin-top: 5px;
    font-size: 12px;
  }

  body.archive-digital .section-dsu-project .project-item {
    margin: 0 25px 25px 0;
    width: 297px;
  }

  body.archive-digital .section-dsu-project .project-item a {
    height: 100%;
  }

  body.archive-digital .section-dsu-project .project-item .project-name {
    margin-bottom: 12px;
    font-size: 15px;
  }

  body.archive-digital .section-dsu-project .project-item .image {
    width: 296px;
    height: 185px;
    margin-bottom: 17px;
    overflow: hidden;
  }

  body.archive-digital .section-dsu-project .more {
    position: relative;
    width: 198px;
    min-height: 34px;
    margin-left: calc(50% - 167px);
    padding: 10px 30px 9px;
    font-size: 16px;
  }

  body.archive-digital .section-dsu-project .more::before {
    right: 15px;
    width: 15px;
    height: 15px;
  }
}


@media only screen and (max-width: 767.98px) {
  body.archive-digital .md { display: none !important; }
}
@media print, (min-width: 768px) {
  body.archive-digital .sm { display: none !important; }
}

.digital-page .banner .inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px 0 24px 72px;
}
.digital-page .banner .inner .breadcrumb {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #231815;
  overflow: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.digital-page .banner .inner .breadcrumb::-webkit-scrollbar {
  display: none;
}
.digital-page .banner .inner .breadcrumb {
  cursor: pointer;
  pointer-events: auto;
}
.digital-page .banner .inner .breadcrumb a {
  text-decoration: none;
  color: #231815;
}
.digital-page .banner .inner .breadcrumb a:hover {
  color: #527081;
}
.digital-page .banner .inner .breadcrumb .current {
  color: #5A677D;
}
@media (max-width: 767px) {
  .digital-page .banner .inner {
    padding: 24px 0 24px 24px;
  }
}