@charset "utf-8";

/* ------------------------------------------------------------------
about
------------------------------------------------------------------ */
/* common
-------------------------------------------------------------- */
#sv {
  background: url(../img/about/sv.jpg) no-repeat center / cover;
}



/* purpose
-------------------------------------------------------------- */
.purposeWrap {
  padding-bottom: 50px;
  justify-content: space-between;
  align-items: center;
}

.purposeWrap figure {
  width: 45%;
}

.purposeWrap .txtArea {
  width: 52%;
}
@media (max-width:767px) {
  .purposeWrap figure {
    padding-bottom: 20px;
    width: 100%;
  }

  .purposeWrap .txtArea {
    width: 100%;
  }
}

/* info
-------------------------------------------------------------- */
#info .name {
  padding: 20px 0 50px;
  text-align: right;
}

@media (max-width:767px) {
  #info .name {
    padding: 20px 0 40px;
  }

}

/* service
-------------------------------------------------------------- */
#service {
  padding: 50px 0 100px;
}

#service ol {
  padding-left: 30px;
}
#service ol li {
  list-style-type: decimal;
}

@media (max-width:767px) {
  #service {
    padding: 30px 0 50px;
  }

  #service ol {
    padding-left: 20px;
  }

}