@charset "UTF-8";

.fw_b {
  font-weight: bold;
}

.not-link-hover:hover {
  opacity: 1;
}

/*News*/
.jp_news_lst { 
padding: 8px 32px 8px 0; 
background: url(../../cmn_v1/img/icon_s_right_01.png) 100% 50% no-repeat;
}

.bg-backoffice-search {
    background-color: #f3f3f3;
    text-align: center;
    padding: 25px 0;
}
@media (max-width: 640px) {
  .bg-backoffice-search {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  .bg-backoffice-search span {
    margin: 5px 0;
  }
}

/*Search*/
.bg-backoffice-search span {
  position: relative;
  padding: 10px 20px 10px 35px;
  display: inline-block;
  margin: 0 5px;
  width: 110px;
  font-size: 13px;
  color: #333;
  cursor: pointer;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 640px) {
  .bg-backoffice-search span {
    margin: 5px;
  }
}

.bg-backoffice-search span:before {
  position: absolute;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  top: 7px;
  left: 15px;
}

.sales:before {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/back-office/img/icon_sales.png);
  left: 8px !important;
}

.accounting:before {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/back-office/img/icon_accounting.png);
}

.human:before {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/back-office/img/icon_human.png);
  left: 8px !important;
}

.legal:before {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/back-office/img/icon_legal.png);
}

.general:before {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/back-office/img/icon_general.png);
}

.management:before {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/solutions/back-office/img/icon_management.png);
  left: 8px !important;
}

.backoffice_item {
  transition: opacity 0.3s ease-out;
}

.backoffice_item:hover {
  opacity: .6;
  color: #fff;
  background-color: #bfbfbf;
}

.not-hover {
  font-size: 13px;
  opacity: .4;
  cursor: unset;
}

.backoffice_item.is-active {
  color: white;
  background-color: #bfbfbf;
}
.is-hide {
  display: none;
}

/*Btn*/

.backoffice-btn {
  height: 100px;
}

@media (max-width: 640px) {
  .back-office-hd02-sp {
    font-size: 25px;
  }
}

.other_sol .clm{
  width: calc(100%/6);
  }

  .other_sol_img{
  margin:0 auto;
  }

  .other_sol_txt{
  text-align: center;
  align-items: center;
  padding:0;
  }
  
  @media (max-width: 768px) {
  .other_sol .clm{
  width: calc(100%/3);
  }
  }
  @media (max-width: 640px) {
  .other_sol .clm{
  width: calc(100%/2);
  }
}

.solution-theme_mv-banner.bg02 .solution-theme_mv-banner__link{
  background-color: #1e646f;
}
.solution-theme_mv-banner.bg04 .solution-theme_mv-banner__link{
  background-color: #9e611e;
}
.solution-theme_mv-banner.bg05 .solution-theme_mv-banner__link{
  background-color: #0d6547;
}
.solution-theme_mv-banner.bg06 .solution-theme_mv-banner__link{
  background-color: #314a71;
}
@media (min-width: 768px){
  .solution-theme_mv-inner{
    max-width: 1040px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}