.efforts#index .ordinaryMenu {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .efforts#index .ordinaryMenu {
    margin-bottom: 25px;
  }
}

.efforts#index .ordinaryMenu__mainMenuList {
  margin-left: -30px;
}

@media only screen and (max-width: 767px) {
  .efforts#index .ordinaryMenu__mainMenuList {
    margin-left: 0;
  }
}

.efforts#index .ordinaryMenu__mainMenuList__item {
  float: left;
  margin-left: 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .efforts#index .ordinaryMenu__mainMenuList__item {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-bottom: 15px !important;
  }
}

.efforts#index .ordinaryMenu__mainMenuList__item > a {
  position: relative;
  width: 100%;
  height: 234px;
  display: block;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .efforts#index .ordinaryMenu__mainMenuList__item > a {
    height: 212px;
  }
}

.efforts#index .ordinaryMenu__mainMenuList__item > a > div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scale(1);
  transition: 0.7s all cubic-bezier(0.52, 0.01, 0.09, 1);
}

.efforts#index .ordinaryMenu__mainMenuList__item > a > div:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.5));
}

.efforts#index .ordinaryMenu__mainMenuList__item > a > span {
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .efforts#index .ordinaryMenu__mainMenuList__item > a > span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.efforts#index .ordinaryMenu__mainMenuList__item > a > span:after {
  content: url(../../images/common/icon_arrow_w.svg);
  width: 17px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-left: 4px;
}

.efforts#index .ordinaryMenu__mainMenuList__item > a > span > span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .efforts#index .ordinaryMenu__mainMenuList__item > a > span > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.efforts#index .ordinaryMenu__mainMenuList__item > a:hover > div {
  transform: scale(1.1);
}

.efforts#index .ordinaryMenu__mainMenuList__item:nth-child(1) {
  width: 380px;
}

.efforts#index .ordinaryMenu__mainMenuList__item:nth-child(1) > a > div {
  background-image: url(../../images/efforts/index/ordinaryMenu_recycling.png);
}

.efforts#index .ordinaryMenu__mainMenuList__item:nth-child(2) {
  width: 380px;
}

.efforts#index .ordinaryMenu__mainMenuList__item:nth-child(2) > a > div {
  background-image: url(../../images/efforts/index/ordinaryMenu_policy.png);
}

.efforts#index .ordinaryMenu__mainMenuList__item:nth-child(3) {
  width: 380px;
}

.efforts#index .ordinaryMenu__mainMenuList__item:nth-child(3) > a > div {
  background-image: url(../../images/efforts/index/ordinaryMenu_management.png);
}

.efforts#index .aboutCartridge {
  text-align: center;
}