.about .main-bg {
    background: url(../img/about/main_img.jpg) no-repeat center;
    background-size: cover;
}
.about-sec01 {
    padding: 3vw 0 0; 
}
.about-sec01 .tit02 {
    margin: 0 0 2.5rem;
}
.about-sec01 .box-Shift .txt-box {
    padding: 0 10.5vw 7rem 7vw;
}
.vision-block {
    padding-left: 7vw;
}
.vision-box {
    width: 100%;
    height: 30rem;
}
.vision-box .flex_box {
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}
.vision-box .tit-box {
    width: 32.7175%;
    padding-left: 7%;
}
.vision-box .tit-box h3,
.vision-box .tit-box h4,
.vision-box .text p {
    color: #fff;
}
.vision-box .tit-box h3 {
    font-size: 2.4rem;
}
.vision-box .tit-box h4 {
    font-size: 1.3rem;
}
.vision-box .text {
    width: 53.2824%;
}
.vision-box:not(:last-child) {
    margin-bottom: 1rem;
}
.vision-box01 {
    background: url("../img/about/about01-bg01.jpg") no-repeat top center;
    background-size: cover;
}
.vision-box02 {
    background: url("../img/about/about01-bg02.jpg") no-repeat top center;
    background-size: cover;
}
.vision-box03 {
    background: url("../img/about/about01-bg03.jpg") no-repeat top center;
    background-size: cover;
}
.about-sec02 {
    padding-top: 20rem;
    background: #F7F7F7;
    margin: -20rem 0 0 7vw;
}
.about-sec02 .box-Shift {
    margin-bottom: 0;
}
.about-sec02 .box-Shift .txt-box {
    padding: 0 10.5vw 7rem 0;
}
.about-sec02 .box-Shift .tit02 .txt-en.alpha {
    color: #eee;;
}
.value-block li {
    align-items: center;
    margin-bottom: 2rem;
}
.value-block li .value-tit {
    width: 19.6515%;
    font-size: 2.4rem;
    height: 6.2rem;
    border-right: 1px solid #111;
    display: flex;
    align-items: center;
}
.value-block li .value-tit::before {
    display: inline-block;
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    background: url("../img/about/value-icon.svg") no-repeat center center;
    margin-right: 2rem;
}
.value-block li .value-txt{
    height: 6.2rem;
    width: 80.34%;
    padding-left: 4rem;
    display: flex;
    align-items: center;
}


.about-sec03 {
    padding: 0;
}
.about-sec03 .box-Shift .txt-box {
    padding: 0 0 0 7vw;
    align-items: center;
}
.about-sec03 .box-Shift .txt-box .tit-box {
    width: 30%;
    margin-top: -1rem;
}
.about-sec03 .box-Shift .txt-box .tit-box h3 {
    font-size: 3rem;
}
.about-sec03 .box-Shift .txt-box .office-img {
    width: 70%;
}

@media screen and (max-width: 767px) {
.about .main-bg {
    background: url(../img/about/main_img_sp.jpg) no-repeat center;
    background-size: cover;
}
.about .page-top .box-Shift02 .inner.bg-blue:before {
    height: calc(100% - 8rem);
}
.page-title-sec .page-tit .txt-en {
    letter-spacing: -0.1em;
}
.about-sec01 .page-tit-box .tit02 .txt-jp {
    transform: translateY(25%);
}
.about-sec01 .box-Shift .txt-box {
    padding: 0 10.5vw 4rem 7vw;
}
.vision-box .flex_box {
    padding: 4rem 7%;
}
.vision-box .tit-box {
    width: 100%;
    text-align: center;
    padding: 0;
}
.vision-box .tit-box h3 {
    font-size: 2.0rem;
}
.vision-box .text {
    width: 100%;
}
.about-sec02 {
    margin: -15rem 0 0 7vw;
}
.about-sec02 .tit02 {
    margin: 0 0 4rem;
}
.value-block li .value-tit {
    width: 100%;
    font-size: 1.8rem;
    height: auto;
    border-right: none;
    margin-bottom: 0.5rem;
}
.value-block li .value-txt {
    height: auto;
    width: 100%;
    padding-left: 0;
}
.about-sec02 .box-Shift .txt-box {
    padding: 0 10.5vw 3rem 0;
}
.about-sec02 .page-tit-box .tit02 .txt-jp {
    transform: translateY(24%);
}
.about-sec03 {
    padding: 4rem 0;
    margin-bottom: 4rem;
}
.about-sec03 .box-Shift .txt-box .tit-box {
    width: 100%;
    margin-top: 0;
    margin-bottom: 3rem;
}
.about-sec03 .box-Shift .txt-box .tit-box h3 {
    font-size: 2.2rem;
}
.about-sec03 .box-Shift .txt-box .office-img {
    width: 100%;
}
.vision-box01 {
    background: url("../img/about/about01-bg01_sp.png") no-repeat top center;
    background-size: cover;
}
.vision-box02 {
    background: url("../img/about/about01-bg02_sp.png") no-repeat top center;
    background-size: cover;
}
.vision-box03 {
    background: url("../img/about/about01-bg03_sp.png") no-repeat top center;
    background-size: cover;
}
}