/* about us  */
.about-main {
  padding-bottom: 10vw;
}

.about-section {
  padding: 10vw 22vw 0 22vw;
}

.about-box {
  padding-bottom: 3.5vw;
}

.about-box_list {
  border-bottom: 1px solid #000;
  transition: 0.3s;
}

.about-box_list:first-child {
  border-top: 1px solid #000;
}

.about-box_list:hover {
  background-color: #d6f0e5;
}

.about-box_list:nth-child(even):hover {
  background-color: #cce6eb;
}

.about-box_link {
  display: flex;
  color: #000;
  gap: 2vw;
  padding: 1vw 0 3vw 3vw;
}

.about-box_text-box {
  padding-top: 2.5vw;
}

.about-box_ttl {
  padding-bottom: 0.5vw;
}

.about-box_desc {
  color: #333;
}

.about-box_download-btn_box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-box_download-btn {
  background-color: #ff4e00;
  padding: 0.5vw 3vw;
  border-radius: 50px;
  color: #fff;
  border: 1px solid #ff4e00;
  transition: 0.3s;
}

.about-box_download-btn:hover {
  background-color: #fff;
  color: #ff4e00;
}

@media (max-width: 767px) {
  .about-main {
    padding-bottom: 30vw;
  }

  .about-section {
    padding: 15vw 10vw 0 10vw;
  }

  .about-box {
    padding-bottom: 7.5vw;
  }

  .about-box_link {
        align-items: start;

        gap: 4vw;
        padding: 5.5vw 0;
    }

    .about-box_text-box {
        padding-top: 0;
    }
	
	.about-box_ttl {
		width: 70%;
		padding-bottom: 2vw;
	}

    .about-box_desc {
        line-height: 6vw;
    }
  .about-box_arrow {
    width: 6vw;
  }

  .about-box_download-btn {
    font-size: 3vw;
    width: 100%;
    text-align: center;
    padding: 3vw;
  }
}

/* end  */