@charset "utf-8";

.vision-tit {font-size: 2.625em; font-weight: 800; line-height: 1.5; overflow: hidden; letter-spacing: -0.6px;;}
.vision-tit p {word-break: keep-all;}
.vision-list {margin-top: 60px;}
.vision-list ul {}
.vision-list ul li {position: relative; border-radius: 30px;}
.vision-list ul li + li {margin-top: 30px;}
.vision-list ul li img {width: 100%; object-fit: cover; border-radius: 30px;}
.vision-list ul li p {font-size: 1.75em; font-weight: 500; line-height: 1.5; color: #fff; position: absolute; left: 40px; bottom: 35px; word-break: keep-all;}


@media (max-width: 1280px) {
    .vision-tit {font-size: 2.125em;}
    .vision-list ul {flex-direction: column; margin: 0;}
    .vision-list ul li {width: 100%; margin: 0;}
    .vision-list ul li + li {margin-top: 40px;}
    .vision-list ul li img {min-height: 300px;}
    .vision-list ul li p {left: 30px; bottom: 30px; font-size: 1.125em;}
}

@media (max-width: 768px) {
    .vision-tit {font-size: 1.625em;}
    .vision-tit br {display: none;}
    .vision-tit br.mo {display: block;}
    .vision-list {margin-top: 35px;}
    .vision-list ul li + li {margin-top: 30px;}
    .vision-list ul li p {left: 20px; bottom: 25px; font-size: 1em;}
    .vision-list ul li p br {display: none;}
}