@charset "utf-8";
/* purpose */
.asf-purpose {
  position: relative;
  width: 100%;
  height: 415px;
  background-image: url(/global/about/csr/highlight/img/img_index_01.jpg);
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 5vmin 0;
  margin: 0 0 20px 0;
}

.asf-purpose::before {
  content: '';
  background-color: #000;
  opacity: 0.4;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.asf-purpose-inner {
  position: relative;
  overflow: hidden;
}

.asf-purpose-box {
  color: #fff;
  margin: 0 35px;
}

.asf-purpose-box .doc-plain-01 {
  margin-bottom: 10px;
}
.asf-purpose-h3 {
  font-size: 160%;
  margin-bottom: 10px;
}
@media screen and (max-width: 660px) {
  .asf-purpose {
    padding: 8vmin 0;
  }

  .asf-purpose-box {
    margin: 0 20px;
  }

  .asf-purpose-box .doc-plain-01 {
    margin-bottom: 5px;
  }
  .asf-purpose-h3 {
    margin-bottom: 5px;
  }
}
/* purpose */

/* asf__Img */
@media screen and (max-width: 1064px) {
  .asf__Img-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.asf__Img img {
  width: 100%;
}

@media screen and (max-width: 660px) {
  .asf__Img-container .asf__Img img {
    width: 920px;
  }
}
/* asf__Img */

.sp-only {
  display: none;
}
@media screen and (max-width: 660px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
}