@charset "UTF-8";

.-post {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.articleHeader-greenlogistics01 {
  background-image: url(/assets/img/sustainability/img_greenlogistics_main.jpg);
}
.articleHeader-whitelogistics01 {
  background-image: url(/assets/img/sustainability/img_whitelogistics_main.jpg);
}
.header__text {
  width: 50%;
  margin-top: 1em;
  font-size: 1.6rem;
}
.grid_wrap {
  margin-top: 4em;
}
.grid_wrap:nth-of-type(odd) .Grid__Item:nth-of-type(1) {
  order: 2;
}
.grid_wrap {
  padding-top: 4em;
  border-top: 1px solid #dedede;
}
.freeArea figure:not(:first-child) {
  margin-top: 0;
}
.freeArea figure:not(:last-child) {
  margin-bottom: 0;
}
.module {
  margin-top: 3em;
}

.movie {
  max-width: 420px;
  margin: 3em auto 0;
}
.remodal {
  padding: 3vw;
  margin-bottom: 0;
}
.remodal video,
.remodal img {
  width: 100%;
  height: auto;
}


.operation .grid__title {
  color: #007a7a;
  font-size: 1.9rem;
  border-bottom: 1px solid #007a7a;
}
.operation .points {
  margin-top: 2em;
  padding: 1em;
  border: 1px dashed #007a7a;
  background-color: #e5f4f4;
}
.operation .points.good {
  border-color: #d64245;
  background-color: #fbecec;
}
.operation .points * {
  margin: 0;
  padding: 0;
}
.operation .points dt {
  padding: .25em 1em;
  display: inline-block;
  color: #007a7a;
}
.operation .points.good dt {
  color: #d64245;
}
.operation .points dd {
  margin-left: 2em;
  padding: .25em 0 0;
  display: list-item;
  list-style: disc;
}
.operation .points dd::before {

}
.operation .points + figure {
  margin-top: 2em;
}
.concept,
.aboutICD {
  margin-top: 4em;
}
.concept .lead {
  background-color: #009797;
  color: #fff;
  text-align: center;
  padding: 1em;
  font-size: 1.8rem;
  font-weight: 500;
}
.concept .Grid-Column3 {
  margin-top: 55px;
}
.concept .Grid__Item {
  position: relative;
}
.concept .Grid__Item::after{
  position: absolute;
  left: 50%;
  top: -55px;
  content: "";
  display: block;
  background-image: url(/assets/img/business/img_arrow_down_green.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 55px;
  width: 30px;
  height: 55px;
  transform: translateX(-50%);
}


@media only screen and (max-width: 599px) {
  .Media .Media__Body {
		padding-bottom: 0 !important;
	}
  .operation .Grid__Item:not(:first-child) {
    margin-top: 2em;
  }
  .operation .points {
    margin-top: 1em;
    padding: 0;
  }
  .operation .points + figure {
    margin-top: 1em;
  }
  .operation .points dt {
    border: none;
    padding-bottom: 0;
    display: block;
  }
}