@charset "UTF-8";
.app-about-container .module-header { font-size: var(--app-fs-42); text-align: center; }
.app-about-container .module-header .title { font-weight: normal; line-height: 1.222; }
.app-about-module-1 .module-header { color: #333; }
.app-about-module-2 .module-header { color: #fff; }

.app-about-module-1 { padding: var(--app-fs-120) 0 var(--app-fs-160); overflow: hidden; }
.app-about-module-1 .container { margin-top: var(--app-fs-50); }
.app-about-module-1 .text-wrap { width: 50%; padding-right: var(--app-fs-104); font-size: var(--app-fs-16); line-height: 1.875; color: #666; }
.app-about-module-1 .image-wrap { position: relative; width: 50%; padding-right: var(--app-fs-70); padding-left: var(--app-fs-14);  }
.app-about-module-1 .image-box { position: relative; width: 100%; height: 0; padding-bottom: 59.4%; border-radius: 16px; overflow: hidden; }
.app-about-module-1 .image-box .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.app-about-module-1 .image-wrap .front-img { position: absolute; bottom: calc(var(--app-fs-70) * -1); right: 0; width: var(--app-fs-356); }
@media (hover:hover) {
    .app-about-module-1 .image-box:hover .image { transform: scale(1.2); }
}

.app-about-module-2 { padding: var(--app-fs-120) 0; background-repeat: no-repeat; background-size: cover; }
.app-about-module-2 .container { margin-top: var(--app-fs-42); }
.app-about-module-2 .list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--app-fs-28); }
.app-about-module-2 .item { display: flex; align-items: center; padding: var(--app-fs-46) var(--app-fs-90); border-radius: 16px; background: #fff; }
.app-about-module-2 .item .icon-wrap { width: var(--app-fs-106); height: var(--app-fs-106); border-radius: 50%; border: 1px solid rgba(70, 70, 70, .3) }
.app-about-module-2 .item .icon { width: var(--app-fs-48); height: auto; object-fit: contain; }
.app-about-module-2 .item .text-wrap { flex: 1; margin-left: var(--app-fs-44); }
.app-about-module-2 .item .text-wrap .title { font-size: var(--app-fs-22); color: #333; }
.app-about-module-2 .item .text-wrap .txt { margin-top: .8em; font-size: var(--app-fs-18); line-height: 1.5; color: #333; opacity: .8; }
@media (hover:hover) {
    .app-about-module-2 .item:hover .icon-wrap { border-color: var(--app-color-main); }
    .app-about-module-2 .item:hover .icon { transform: scale(1.1); }
}

.app-about-module-3 { height: var(--app-fs-440); background-repeat: no-repeat; background-size: cover; }
.app-about-module-3 .app-container { height: 100%; }
.app-about-module-3 .desc { font-size: var(--app-fs-28); color: #fff; }

@media (max-width: 1024px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
    .app-about-module-1 .container { flex-direction: column; }
    .app-about-module-1 .text-wrap { width: 100%; padding-right: 0; }
    .app-about-module-1 .image-wrap { width: 100%; padding: 0; margin-top: var(--app-fs-70); }
    .app-about-module-2 .list { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .app-about-module-2 .item .text-wrap .title { font-size: 16px; }
    .app-about-module-3 { background-position: center right; }
    .app-about-module-3 .app-container { justify-content: center; text-align: center; }
}

@media (max-width: 600px) {
}

@media (max-width: 375px) {
}