.about-info-layer {
    --layer-spacing: clamp(30px, calc(80 / 1920 * 100vw), 80px) 0 clamp(30px, calc(80 / 1920 * 100vw), 80px);
}

.about-info-layer .layer-main {
    margin-top: 0;
    display: flex;
    align-items: flex-start;
    gap: 0 clamp(20px, calc(80 / 1920 * 100vw), 80px);
}

.about-info-layer .about-info__img {
    max-width: clamp(300px, calc(600 / 1920 * 100vw), 600px);
    width: 100%;
    aspect-ratio: 300 / 199;
    flex: 0 0 auto;
}

.about-info-layer .section-wrap {
    max-width: clamp(460px, calc(758 / 1920 * 100vw), 758px);
    width: 100%;
    padding-top: var(--spacing-40);
    text-align: left;
    overflow: hidden;
}

.introduction-layer {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.introduction-layer .introduction-layer__bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.introduction-layer .layer-content {
    position: relative;
    z-index: 1;
}

.introduction-layer .layer-main {
    color: #fff;
    font-size: var(--font-size-20-clamp);
    margin-top: 0;
}

.introduction-layer .introduction-box__list {
    --t: clamp(20px, calc(110 / 1920 * 100vw), 110px);
    --b: clamp(20px, calc(60 / 1920 * 100vw), 60px);
    text-align: center;
    gap: clamp(12px, calc(40 / 1920 * 100vw), 248px);
    padding-top: var(--t);
    padding-bottom: var(--b);
}

.introduction-layer .introduction-box {
    line-height: 1.2;
}

.introduction-layer .introduction-box .title {
    --font: clamp(18px, calc(38 / 1920 * 100vw), 38px);
    font-weight: 500;
    font-size: var(--font);
    margin-bottom: clamp(12px, calc(18 / 1920 * 100vw), 18px);
}

.innovation-layer {
    background-image: linear-gradient(to bottom, #EDEDED, #DDDDDD);
    position: relative;
}

.innovation-layer .layer-content {
    position: relative;
    z-index: 1;
}

.innovation-layer .particle-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.innovation-layer #particles-js {
    height: 100%;
}

.innovation-layer .circle-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to top, rgba(237, 237, 237, .1), rgb(221, 221, 221, 1), rgb(237, 237, 237), rgb(221, 221, 221));
    top: -50%;
}

.business-layer {
    height: calc(100vw / 1920 * 957);
    min-height: 320px;
    position: relative;
    background: url(../images/bg-4.jpg) no-repeat center bottom / auto 100%;
    padding-top: clamp(30px, calc(110 / 1920 * 100vw), 110px);
}

.business-layer .layer-header {
    position: relative;
    z-index: 2;
}

/* .business-layer .layer-content {
    position: relative;
    z-index: 1;
} */

.business-layer .business-layer__circle {
    height: calc(246 / 1920 * 100vw);
    position: absolute;
    left: 50%;
    bottom: calc(296 / 1920 * 100vw);
    transform: translate(-50%, 0);
}

.business-layer .business-layer__circle.animation {
    animation: moveUpDownMin 4s infinite ease-in-out;
}

.business-layer .business-item {
    width: max-content;
    position: absolute;
    /* transform: translate(-50%, -50%); */
    display: flex;
    justify-content: center;
    align-items: center;
    /* animation: moveUpDown 3s infinite; */
}

.business-layer .business-item__content {
    position: relative;
    z-index: 1;
}

.business-layer .business-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 246, 220, .76);
    filter: blur(80px);
    border-radius: 50% 50%;
}

.business-layer .business-item:nth-of-type(1) {
    min-width: calc(419 / 1920 * 100vw);
    min-height: calc(221 / 1920 * 100vw);
    left: calc(735 / 1920 * 100vw);
    bottom: calc(512 / 1920 * 100vw);
}

.business-layer .business-item:nth-of-type(2) {
    min-width: calc(390 / 1920 * 100vw);
    min-height: calc(204 / 1920 * 100vw);
    left: calc(211 / 1920 * 100vw);
    bottom: calc(373 / 1920 * 100vw);
    animation-delay: .5s;
}

.business-layer .business-item:nth-of-type(3) {
    min-width: calc(419 / 1920 * 100vw);
    min-height: calc(257 / 1920 * 100vw);
    right: calc(203 / 1920 * 100vw);
    bottom: calc(324 / 1920 * 100vw);
    animation-delay: .2s;
}

.business-layer .business-item:nth-of-type(4) {
    min-width: calc(338 / 1920 * 100vw);
    min-height: calc(209 / 1920 * 100vw);
    left: calc(292 / 1920 * 100vw);
    bottom: calc(113 / 1920 * 100vw);
    animation-delay: .8s;
}

.business-layer .business-item:nth-of-type(5) {
    min-width: calc(419 / 1920 * 100vw);
    min-height: calc(249 / 1920 * 100vw);
    right: calc(329 / 1920 * 100vw);
    bottom: calc(113 / 1920 * 100vw);
    animation-delay: 1.2s;
}

.business-layer .business-item:nth-of-type(1)::after,
.business-layer .business-item:nth-of-type(2)::after,
.business-layer .business-item:nth-of-type(4)::after {
    background: rgba(231, 239, 255, 1);
}

.business-layer .business-item .num {
    color: var(--primary);
    font-size: clamp(35px, calc(60 / 1920 * 100vw), 70px);
}

.business-layer .business-wrap .business-item:nth-of-type(1) .business-item__content,
.business-layer .business-wrap .business-item:nth-of-type(4) .business-item__content,
.business-layer .business-wrap .business-item:nth-of-type(5) .business-item__content {
    display: flex;
    align-items: flex-start;
}

.business-layer .business-wrap .business-item:nth-of-type(1) .num,
.business-layer .business-wrap .business-item:nth-of-type(4) .num,
.business-layer .business-wrap .business-item:nth-of-type(5) .num {
    margin-right: clamp(12px, calc(18 / 1920 * 100vw), 18px);
}

.business-layer .business-wrap .business-item:nth-of-type(1) .num,
.business-layer .business-wrap .business-item:nth-of-type(4) .num {
    transform: translateY(-50%);
}

.business-layer .business-wrap .business-item:nth-of-type(2) .num,
.business-layer .business-wrap .business-item:nth-of-type(3) .num {
    text-align: center;
}

.business-layer .business-item .title {
    font-size: var(--font-size-32-clamp);
    font-weight: 500;
    margin-bottom: clamp(8px, calc(60 / 1920 * 100vw), 10px);
}

.business-layer .business-item .business-item__main {
    line-height: 1.2;
}

.business-layer .business-item .item {
    display: flex;
}

.business-layer .business-item .item::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #333;
    border-radius: 50%;
    margin-top: calc(clamp(4, calc((8 / 1920) * 100), 8) * 1.2px);
    margin-right: clamp(8px, calc(14 / 1920 * 100vw), 14px);
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes moveUpDownMin {
    0% {
        transform: translate(-50%, 0);
    }

    50% {
        transform: translate(-50%, 12%);
    }

    100% {
        transform: translate(-50%, 0);
    }
}