.about-top-overlay {
  inset: 0;
  padding: 0 8%;
}
@media (max-width: 567px) {
  .about-top .txtbox { width: 75%; }
}

.about-top .txtbox h1 {
  font-size: 36px;
  margin: 0 0 40px 0;
}
@media (max-width: 567px) {
  .about-top .txtbox h1 { font-size: 18px; margin: 0 0 10px 0; }
}

.about-top .txtbox h2 {
  font-size: 36px;
  margin: 0;
}
@media (max-width: 567px) {
  .about-top .txtbox h2 { font-size: 18px; }
}

.about-philosophy {
    padding: 40px 20px;
    margin: 130px auto;
    background-image: url("/upload/about-03bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
@media (max-width: 567px) {
    .about-philosophy {
        background-image: url("/upload/about-03bg-m.jpg?v=20260225");
        background-position: top center;
        margin: 50px auto 0;
    }
}

.about-philosophy h3 {
    font-size: 36px;
    margin-bottom: 60px;
}
@media (max-width: 567px) {
    .about-philosophy h3 { font-size: 18px; margin: 180px auto 20px; width: 80%; }
}

.about-philosophy p {
    font-size: 24px;
    margin-bottom: 30px;
}
@media (max-width: 567px) {
    .about-philosophy p { font-size: 14px; margin: 0; }
}

.about-values {
    padding: 40px 20px;
    margin: 0 auto 160px;
}
@media (max-width: 567px) {
    .about-values { margin: 0 auto; }
}

.about-values h3 {
    font-size: 36px;
    margin-bottom: 40px;
}
@media (max-width: 567px) {
    .about-values h3 { font-size: 18px; }
}

.about-values .item {
    width: 20%;
    margin-bottom: 30px;
}
@media (max-width: 992px) { .about-values .item { width: 33.333%; } }
@media (max-width: 768px) { .about-values .item { width: 50%; } }
@media (max-width: 576px) { .about-values .item { width: 100%; } }

.about-values .item .icon {
    width: 117px;
    height: 117px;
    margin-bottom: 25px;
}

.about-values .item .title {
    margin-bottom: 15px;
}

.about-quote {
    background-size: cover;
    height: 480px;
    background: url('/upload/about-05bg.jpg') no-repeat center left;
}
@media (max-width: 576px) {
    .about-quote {
        height: 300px;
        background: url('/upload/about-05bg-m.jpg') no-repeat 20% center;
    }
}

.about-quote .txtbox {
    margin-left: 30%;
    text-align: left;
}
@media (max-width: 576px) {
    .about-quote .txtbox { position: absolute; top: 350px; margin: 0 40px; }
}

.about-quote .txtbox h3 {
    font-size: 36px;
    padding: 0 0 50px;
}
@media (max-width: 576px) {
    .about-quote .txtbox h3 { font-size: 18px; }
}

.about-cta {
    padding: 40px 20px;
    margin: 130px auto 0;
    background-image: url("/upload/about-06bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
@media (max-width: 576px) {
    .about-cta {
        background-image: url("/upload/about-06bg-m.jpg");
        background-position: top center;
        padding: 260px 20px 0;
    }
}

.about-cta h3 {
    font-size: 36px;
    margin-bottom: 60px;
}
@media (max-width: 576px) {
    .about-cta h3 { font-size: 18px; }
}

.about-cta p {
    font-size: 24px;
    margin-bottom: 30px;
}
@media (max-width: 576px) {
    .about-cta p { font-size: 18px; }
}