@charset "UTF-8";
/* about */
.about {
  margin: 0 0 8% 0; }
  .about-ttl {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 1% 0; }
    .about-ttl:before {
      content: "●";
      color: #256f45; }
  .about-img {
    margin: 0 0 2% 0; }
  .about-copy {
    margin: 0 0 2% 0; }
  .about-list {
    border: 2px solid #256f45; }
    .about-list-item {
      border-bottom: 1px solid #256f45;
      display: flex; }
      .about-list-item:last-child {
        border: none; }
    .about-list-ttl {
      width: 170px;
      background-color: rgba(37, 111, 69, 0.1);
      text-align: center;
      padding: 10px;
      flex-shrink: 0;
      font-weight: normal; }
    .about-list-cont {
      padding: 10px 15px; }

@media screen and (max-width: 768px) {
  .about {
    margin: 0 0 8% 0; }
    .about-ttl {
      font-size: 16px;
      font-weight: bold;
      margin: 0 0 1% 0; }
    .about-img {
      margin: 0 0 4% 0; }
    .about-copy {
      margin: 0 0 4% 0; }
    .about-list-ttl {
      width: 140px; } }

/* btn */
.back-btn {
  border: 2px solid #256f45;
  padding: 10px 0;
  text-align: center;
  width: 94%;
  display: block;
  position: relative;
  margin: 0 auto; }
  .back-btn .-txt {
    color: #256f45;
    font-weight: bold;
    font-size: 16px;
    transition: 0.5s; }
  .back-btn:before {
    position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #256f45;
    border-left: 2px solid #256f45;
    transform: rotate(-45deg);
    left: 15px;
    top: 50%;
    margin: -5px 0 0 0;
    transition: 0.5s; }
  .back-btn:hover {
    background-color: #256f45; }
    .back-btn:hover .-txt {
      color: #fff; }
    .back-btn:hover:before {
      border-color: #fff; }