@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.img__box img {
  width: 100%;
  height: auto;
}

.flex__wrap {
  margin-bottom: 4.5em;
}
@media only screen and (max-width: 767px) {
  .flex__wrap {
    display: block;
    margin-bottom: 6.6666666667vw;
  }
}
.flex__wrap .col3__wrap--small {
  box-shadow: 0px 0px min(1.7361111111vw, 2.5rem) 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  width: calc((100% - 4rem) / 3);
}
@media only screen and (max-width: 767px) {
  .flex__wrap .col3__wrap--small {
    width: 100%;
  }
}
.flex__wrap .col3__wrap--small + .col3__wrap--small {
  margin-left: 2rem;
}
@media only screen and (max-width: 767px) {
  .flex__wrap .col3__wrap--small + .col3__wrap--small {
    margin-left: 0;
    margin-top: 4vw;
  }
}
.flex__wrap .col3__wrap--small .page__sec-ttl--small {
  padding: 0 2rem 2rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .flex__wrap .col3__wrap--small .page__sec-ttl--small {
    padding: 0 5% 0.5em;
  }
}
.flex__wrap .col3__wrap--small .page__sec-ttl--small.hei_2line {
  height: 4em;
}
@media only screen and (max-width: 767px) {
  .flex__wrap .col3__wrap--small .page__sec-ttl--small.hei_2line {
    height: auto;
  }
}
.flex__wrap .col3__wrap--small .page__sec-ttl--small span {
  font-weight: 400;
  display: block;
}
.flex__wrap .col3__wrap--small .page__text {
  padding: 0 2rem;
}
@media only screen and (max-width: 767px) {
  .flex__wrap .col3__wrap--small .page__text {
    padding: 0 5%;
  }
}

.horizontal .text__box {
  width: calc(66.6666666667% - 3rem);
}
.horizontal .img__box {
  width: calc(33.3333333333% - 1rem);
}
@media only screen and (max-width: 767px) {
  .horizontal .img__box {
    width: 100%;
    box-sizing: border-box;
  }
}
.horizontal .img__box img {
  width: 100%;
  height: auto;
  border-radius: 1em;
}

.mb0 {
  margin-bottom: 0;
}/*# sourceMappingURL=safety_common.css.map */