@charset "UTF-8";
/***********************
   基本サイズ
***********************/
/* =============================================================================


     about


============================================================================= */
.about-txt {
  margin-top: 30px;
}

.about-btn {
  margin-top: 30px;
}

.about-btn .btn {
  position: relative;
  width: 340px;
}

.about-btn .btn:before {
  background: url(../images/common/blank_icon_hv.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 20px;
  left: 93%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s;
  width: 20px;
}

.about-btn .btn:hover:before {
  background: url(../images/common/blank_icon.svg);
}

.about-img {
  height: 550px;
  margin-top: 40px;
  position: relative;
}

.about-img img {
  font-family: "object-fit:cover";
  height: 100%;
  left: 0;
  max-width: unset;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 950px;
}

@media screen and (max-width: 768px){
  .about-btn .btn {
    font-size: 1.2rem;
    width: 300px;
  }
  .about-btn .btn:before {
    content: "";
    left: auto;
    right: 5px;
  }
  .about-img {
    height: 300px;
    width: 100%;
  }
  .about-img img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
  }
}


/*# sourceMappingURL=about.css.map*/