﻿html {
  scroll-behavior: smooth;
}

.c-mv {
  background: linear-gradient(
    180deg,
    #d7f5fb 0%,
    #d7f5fb 20.6vw,
    #ffffff 20.6vw,
    #ffffff 100%
  );
  min-height: unset !important;
  height: 22.8vw !important;
  position: relative;
}

@media screen and (max-width: 769px) {
  .c-mv {
    position: inherit;
    height: 45vw !important;
    background: linear-gradient(
      180deg,
      #d7f5fb 0%,
      #d7f5fb 40.6vw,
      #ffffff 40.6vw,
      #ffffff 100%
    );
  }
}

.c-mv__img {
  position: absolute;
  top: 0;
  right: 5vw;
  width: 47vw;
  max-width: calc(100% - 620px);
}

@media screen and (max-width: 769px) {
  .c-mv__img {
    position: inherit;
    width: auto;
    max-width: 100%;
  }
}

.c-mv .c-mv__inner {
  position: relative;
  top: inherit;
}

@media screen and (max-width: 769px) {
  .c-mv__inner {
    position: inherit;
    margin-left: 16px;
  }
}

.c-margin-b__inner2 {
  display: none;
}

@media screen and (max-width: 769px) {
  .c-margin-b__inner2 {
    display: block;
  }
}

@media screen and (max-width: 769px) {
  .c-mv .c-margin-b__inner {
    display: none;
  }
}

#category.c-section {
  background-color: #d7f5fb;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/about/business-unit/internal-implementation/img/category_bg_img.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

#client.c-section,
#site.c-section {
  background: #edfafc;
}

.c-mv__inner {
  top: -28.5px;
}

@media screen and (max-width: 414px) {
  .u-pc {
    display: none;
  }

  .c-mv__image {
    background-position: 85.5% !important;
  }
}
