.header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 20;

    transition: top 0.6s ease;

}

.hidden {
    top: -100px;
    /* ヘッダーを画面外に移動 */
}

.header .cta-button {
    display: flex;
    width: max-content;
    align-items: center;
}

.header .cta-button img {
    margin-right: 1vw;
    width: 20px;
}

a.header-logo {
    left: 30px;
    position: relative;
}

.header-logo img {
    width: 200px;
    margin: 8px 12px;
}

.header-container {
    width: 100%;
    text-align: right;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff91;
    box-shadow: 1px 1px 1px #f0f0f0;

}

.cta-button {}






/*
==============
First view2
*/
.first-view2 {
    height: auto;
    position: relative;
    background-color: #fff;
    padding-bottom: 5vw;
}

.catchphrase2 {
    color: #5136CF;
    font-size: clamp(28px, 3.2125vw, 3.2125vw);
    text-align: left;
    display: block;
    line-height: 1.8;
    font-weight: 900;
    padding-left: 3.5vw;
    padding-bottom: 1vw;
    letter-spacing: 0.3vw;
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 9vw;
    z-index: 1;
}

.first-view2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/images/first-bg.png);
    background-size: 100%;
    background-position: top;
    z-index: 1;
    opacity: 0.1;
    pointer-events: none;
    background-repeat: repeat-y;
}

.catchphrase2 span {
    font-size: clamp(16px, 2.5625vw, 2.5625vw);
    font-weight: 700;
}

.first-view-ul2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 5vw;
}

.first-view-lcolum {
    width: 42%;
    position: relative;
}

.fv-pv {
    position: absolute;
    top: calc(50% - 4px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 73.5%;
    aspect-ratio: 16 / 9.3;
    background-color: #000;
}

.fv-pv video {
    width: 100%;
    border-radius: 4px;
}


.first-view-rcolum {
    width: 55%;
}

.first-view-rcolum ul {
    display: flex;
    flex-wrap: wrap;

}

.first-view-rcolum li {
    width: 100%;
    line-height: 2;
    font-size: clamp(16px, 1.6625vw, 2.0625vw);
    font-weight: 600;

}

.first-view2-text {

    color: #5136CF;
}

.first-view2-text p {
    font-size: clamp(16px, 1.3625vw, 1.3625vw);
    line-height: 2;
    font-weight: 600;
}

/*
==============
///First view2
*/







.first-view {
    height: auto;
    position: relative;
    background-color: #fff;
}

.first-view__left-innersp {
    display: none;
}


.first-view::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/images/first-bg.png);
    background-size: cover;
    background-position: center;
    z-index: 1;
    opacity: 0.1;
    pointer-events: none;
}

.first-view-container {
    padding-bottom: 10vw;
    max-width: 1200px;
}

.first-view-inner {
    height: 120vh;
}

.first-view__left {
    position: sticky;
    left: 13vw;
    width: 23.64vw;
    top: 11.5vw;
    z-index: 10;
}

.mockup-image {}

.first-view__right {
    position: relative;
    right: 0;
    /*top: -28%;*/
    top: -36vw;
    z-index: 5;
    width: 60%;
    left: 45vw;
}

.catchphrase {
    color: #5136CF;
    font-size: clamp(16px, 1.5625vw, 1.5625vw);
    text-align: left;
    display: block;
    line-height: 5vw;
    font-weight: 600;
    padding-left: 3.5vw;
    margin-bottom: 6vw;
    letter-spacing: 0.3vw;
}

.catchphrase span {
    font-size: clamp(16px, 2.8125vw, 2.8125vw);
    font-weight: 700;
}

.app-name {
    background-image: linear-gradient(to right, #958ce1, #b8d1f8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: "Comfortaa", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    width: clamp(220px, 32vw, 32vw);
    margin-bottom: 6vw;
}

.first-view-text {
    line-height: 3vw;
    font-weight: 500;
    padding-left: 3.5vw;
    padding-right: 6vw;
    letter-spacing: 0.3vw;

}

.first-view__right p {
    font-size: clamp(16px, 1.09375vw, 1.09375vw);
    text-align: left;
    background: linear-gradient(transparent 50%, #e466ff1f 0%);
    display: inline;
}

.first-view-inner>.first-view-text {
    order: 3;
    background-color: #ffffff9c;
    z-index: 10;
    border-radius: 12px;
}

.first-view-inner>.first-view-text p {
    font-size: clamp(16px, 1.09375vw, 1.09375vw);
    text-align: left;
    background: linear-gradient(transparent 50%, #e466ff1f 0%);
    display: inline;
    line-height: 1.6;

}











.campaign_container {
    max-width: 1100px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;

    position: relative;

    box-shadow: 0 4px 10px rgb(157 104 255 / 20%), 0 0 20px rgb(179 202 255 / 30%);
}

.campaign_container-inner {

    padding: 10px 70px 30px 70px;
    background-image: url('../assets/images/ctoa-bg_mat.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-position: center;
}



.cta-button {
    position: absolute;

    right: 30px;
    padding: 16px 24px;
    background-color: #5136CF;
    color: white;
    text-decoration: none;
    border-radius: 14px;
    align-items: center;

}

.cta-section .cta-button {
    bottom: 30px
}


.cta-section .cta-button::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 13px;
    background-image: url('../assets/images/ctaarrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;

}

.kamei-bosyu {
    font-size: clamp(16px, 1.5625vw, 1.5625vw);
    text-align: center;
    padding: 2vw 0 2vw 0;
    font-weight: 800;
    letter-spacing: 0.3vw;
    color: #fff;
}

.partner-section {
    background-image: linear-gradient(to right, #7c70e2, #609eff);
}

.partner-section-ul {
    display: flex;
    justify-content: space-around;
    padding: 0 0 2vw 0;
}

.partner-section-li {
    width: 6vw;
    height: 6vw;
    border-radius: 500px;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0.5vw;
}



.slideshow {}

.about-section {
    margin-bottom: 128px;
}

.about-section .container {
    display: flex;

}

.about-section__left {
    width: 50%;
}

.about-image {}

.about-section__right {
    width: 50%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.about-section__right-inner {}

.about-catchphrase {
    font-size: clamp(16px, 1.5625vw, 1.5625vw);
    margin-bottom: 80px;
    width: 100%;
}

.about-text {
    font-size: clamp(16px, 2.03vw, 16px);
    width: 100%;
}

/*============================
#cta.cta-section
============================*/


.problem-section__columns {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.problem-column {

    margin: 0 10px;
    text-align: center;
    width: 25.61vw;
}



.problem-section {
    position: relative;
    background-color: #fff;
}

.problem-section::after {
    content: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 170px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}


.problem-section-inner {
    background-color: #f5f5f5;
    padding: 5vw 0 0;
    background-image: url('../assets/images/problem-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;

}

.problem-section-img {
    width: 100%;
}

/*
.problem-section-img {
    content: "";
    position: absolute;
    bottom: -8vw;
    z-index: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}*/

.problem-heading {
    font-family: "Comfortaa", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    width: clamp(290px, 53vw, 600px);
    margin: 4vw auto;
}

.problem-section__columns {
    margin-bottom: 160px;
}



.problem-text {}


.problem-section-phrase {
    width: 100%;
    margin: 0 auto;
    position: relative;
}




.problem-section-phrase img {
    width: clamp(320px, 60vw, 60vw);
    margin: 0 auto;
}


.customer-review {
    flex-wrap: wrap;
}






.problem-section-logo {}

.problem-section-logo img {
    width: 5vw;
}

.problem-section-phrase-under {
    font-size: clamp(16px, 15.625vw, 15.625vw);
    font-weight: bolder;
    text-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10vw;
}

.problem-section-phrase-under {
    position: relative;
    overflow: hidden;
    height: 100vh;
    /* ビューポートいっぱいの高さ */
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-text {
    font-size: 10vw;
    /* 大きなフォントサイズ */
    white-space: nowrap;
    /* テキストが折り返されないようにする */
    position: relative;
    will-change: transform;
    transform: translateX(100vw);
    /* 初期位置を画面右に設定 */
    transition: transform 0.1s linear;
    /* スムーズに動かす */
}



.slideshow-instagram {
    width: 100%;
    padding: 50px 0;

    background-color: #212123;
}


.customer-review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 128px;
    padding-top: 10vw;
}

.customer-review__left {
    width: 40%;
}

.customer-review__left img {}

.customer-review__right {
    width: 60%;
    padding-left: 7vw;
}

.customer-review__right-inner {
    background-color: #fff;
    padding: 24px;
    border-radius: 18px;
    box-shadow: -4px -5px 0px #dad4ee;
}

.customer-title {
    font-size: clamp(26px, 2.03vw, 26px);
    margin-bottom: 4vw;
}

.customer-title span {
    font-size: clamp(16px, 2.03vw, 16px);
    display: block;
}

.customer-text {
    font-size: clamp(16px, 2.03vw, 16px);
    width: 100%;
    font-weight: 600;

}


.feature-head {
    width: clamp(16px, 53vw, 600px);
    margin: 0 auto 20px;
}

.solution-section {}

.solution-head {
    width: clamp(16px, 53vw, 600px);
    margin: 0 auto;
}

.solution-row {
    display: flex;
    align-items: center;
    margin: 5vw 0;
    position: relative;
    justify-content: center;
}

.solution-row:nth-child(3) {
    text-align: right;
    justify-content: left;

}

.solution-image {
    width: 50%;
    display: flex;
    justify-content: right;
}

.solution-material1::before {
    content: "";
    position: absolute;
    width: 55vw;
    top: 0;
    height: clamp(16px, 36vw, 515px);
    z-index: -1;
    background-image: url(../assets/images/solutions-bg_mat1.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
}

.solution-material2::before {
    content: "";
    position: absolute;
    width: 39vw;
    top: 5vw;
    height: clamp(16px, 36vw, 515px);
    z-index: -1;
    background-image: url(../assets/images/solutions-bg_mat2.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: -1vw;
    background-position: right;
}

.solution-material3::before {
    content: "";
    position: absolute;
    width: 55vw;
    top: 0;
    height: clamp(16px, 36vw, 515px);
    z-index: -1;
    background-image: url(../assets/images/solutions-bg_mat3.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
}

.solution-row:nth-child(3) .solution-image {
    justify-content: left;
}


.solution-image img {
    width: 100%;
    height: auto;
    justify-content: left;
}

.solution-text {
    color: #5136CF;
    flex: 1;
    max-width: 50%;
    padding: 0 20px;
}

.solution-text h4 {
    font-size: clamp(20px, 2.8125vw, 2.8125vw);
    margin-bottom: 32px;
    text-wrap: nowrap;
    letter-spacing: 1px;
}

.solution-text p {
    color: #242234;
}


.solution-row.reverse {
    flex-direction: row-reverse;

}

.solution2-section {
    background-image: url(../assets/images/value-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;

}

.solution2-heading {
    width: clamp(16px, 30vw, 400px);
    margin: 6vw auto;
    padding-top: 18vw;
}

.solution2-images {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 4vw;
}

.solution2-image {
    max-width: 100%;

    height: auto;
    margin-bottom: 4vw;
    width: clamp(330px, 42.03vw, 42.03vw);
}

.solution2-phrase {
    text-align: center;
    color: #fff;



    font-size: clamp(16px, 2.8125vw, 2.8125vw);
    text-align: center;
    font-weight: 600;
    margin-bottom: 10vw;
}

.scroll-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(120px, 15.625vw, 15.625vw);
    text-align: center;
    margin: 0 auto;
}

.tester {
    box-shadow: -4px -5px 0px #dad4ee;

    background-color: #fff;
    padding: 18px;
    text-align: left;
    border-radius: 100px;
    width: max-content;
    display: inline-block;
}

.empty-div {
    margin-bottom: 5vw;
}

.solution-mock-image {}

.review-section {
    padding: 40px 0;
}

.reviews-head {
    width: clamp(175px, 33vw, 500px);
    margin: 6vw auto;
    padding-top: 6vw;
}

.review-cards {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.review-card img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
}

.review-card {

    background-color: #ffffff;

    border-radius: 8px;
}

.review-title {
    color: #5136cf;
    font-size: 1.5vw;
    margin-bottom: 10px;
}

.review-text {
    color: #242234;
    font-size: clamp(16px, 2.03vw, 16px);
    margin-bottom: 15px;
}

.review-small-text {
    color: #a7a7a7;
    font-size: clamp(16px, 2.03vw, 16px);
    text-align: right;
}

/* footerここから */

.footer {
    width: 100%;
    height: auto;
    background-image: url('../assets/images/footer.png');
    background-size: cover;
    /* 画像がフッター全体をカバーするようにする */
    background-repeat: no-repeat;
    /* 画像が繰り返されないようにする */
    padding: 20px 0;
    /* フッターの上下に余白を追加 */
    aspect-ratio: 16 / 4;
}

.footer-row {
    margin: 2.5vw auto 5vw auto;
}

.footer-row_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

.footer-app-name {
    margin-bottom: 3vw;
    width: clamp(120px, 13vw, 450px);
}

.footer-text {
    margin-bottom: 3vw;
}

.footer-link {}

/* h4 */

.footer-app-name {
    color: #ffffff;
}

.footer-text {
    color: #ffffff;
}

.footer-row_flex a {
    color: #ffffff;
}

/* h4 */

footer h4 {
    /* font-size: clamp(24px, 3.75vw, 48px); */
    font-size: 3.75vw;
    font-family: "Comfortaa", sans-serif;
}

.gladetion_text {
    text-align: right;
    font-weight: 700;
    font-size: clamp(16px, 14.625vw, 14.625vw);
    background-image: linear-gradient(to right, #958ce1, #b8d1f8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: "Comfortaa", sans-serif;
}




/*purpose*/
.purpose-section {
    background-image: url(../assets/images/value-bg2.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.purpose-phrase {
    text-align: center;
    color: #fff;
    font-size: clamp(16px, 2.8125vw, 2.8125vw);
    text-align: center;
    font-weight: 600;
    padding-bottom: 10vw;
}

.purpose-section h3 {
    width: clamp(200px, 29vw, 550px);
}

.purpose-phrase h4 {
    margin-bottom: 8vw;
}

.purpose-phrase p {
    font-size: clamp(14px, 1.6125vw, 28px);
    font-weight: normal;
    margin-bottom: 10vw;
    line-height: 2.4;

}

.purpose-phrase .cta-button {
    position: relative;
    margin: 0 auto 10vw;
    display: flex;
    width: fit-content;
    align-items: center;
}

.purpose-phrase .cta-button img {
    width: clamp(12px, 10vw, 64px);
    display: inline-block;
    margin-left: 10px
}

/*サービススライダー*/
/* 親要素に相対的な位置を設定 */
.slideshow-instagram {
    position: relative;
}

/* プログレスバーのコンテナ */
.progress-bar-container {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    display: none;
    z-index: 2;
}

/* プログレスバーのセグメント */
.progress-segment {
    flex: 1;
    margin: 0 2px;
    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
    overflow: hidden;
}

/* プログレスバー */
.progress-segment .progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: #6a0dad;
}



/*===============concept
===============*/

.concept-section {}

.concept-head {
    width: clamp(16px, 53vw, 600px);
    margin: 0 auto 4vw;
}

.concept-section p {
    text-align: center;
    font-size: clamp(16px, 1.6vw, 1.6vw);
    margin-bottom: 5vw;
}

.concept-row {
    display: flex;
    align-items: center;
    margin: 5vw 0;
    position: relative;
    justify-content: space-around;
}

.concept-row-image {
    width: 40%;
}

.concept-row-cross {
    width: 5%;
}




/*===============slick
===============*/


.slide-background {
    aspect-ratio: 9 / 16;
    height: auto;
    width: 100%;
    background-size: contain;
    transition: transform 0.3s ease, opacity 0.3s ease;

    border-radius: 16px;
}


.slick-center {
    transform: scale(0.9);

    z-index: 1;

    opacity: 1;

}


.slick-slide:not(.slick-center) {
    transform: scale(0.7);

    z-index: 0;

    opacity: 0.6;

}



/* レスポンシブ対応でモバイルの場合の全画面表示 */

@media (max-width: 768px) {


    .progress-bar-container {
        position: absolute;
        display: flex;
        top: auto;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 2;
    }


    .progress-bar {
        width: 0;
        height: 100%;
        background-color: #6a0dad;
        transition: width 0.3s ease-in;
    }

    .no-transition {
        transition: none !important;
        /* トランジションを無効化 */
    }

    .slide-background {
        position: relative;
        background-size: cover;
        background-position: center;
        height: 100%;
    }

    .slide-background {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
        transform: scale(1);

        opacity: 1;
    }


    .slick-slide:not(.slick-center) {
        transform: scale(1);
        z-index: 1;
        opacity: 1;
    }

}








@media screen and (max-width:480px) {

    * {
        line-height: 1.4;
    }

    img {
        max-width: 100%;
    }

    .header {}

    .header-container {

        height: auto;
    }

    a.header-logo {
        left: inherit;
    }

    .header-logo img {
        width: 140px;
    }

    .header .cta-button img {
        margin-right: 2vw;
        width: 16px;
    }

    .first-view2-text p {
        letter-spacing: 0.2vw;
    }



    /*firstview2
==========*/
    .first-view2 {
        padding-bottom: 15vw;
    }

    .catchphrase2 {
        padding-top: 32vw;
        line-height: 2;
        padding-left: 0;
    }

    .first-view-ul2 {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .first-view-lcolum {
        width: 100%;

    }

    .first-view-rcolum {

        width: 100%;
        width: 90%;
        max-width: 1280px;
        margin: 0 auto 7vw;
        position: relative;
    }

    .first-view-rcolum li {
        font-size: 16px;
        letter-spacing: 0.2vw;
        font-weight: 800;
        margin-bottom: 2vw;
    }

    .first-view2-text {}

    /*firstview2
==========*/




    .first-view {
        padding: 70px 3% 0;
    }

    .first-view::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../assets/images/first-bg.png);
        background-size: cover;
        background-position: center;
        z-index: 1;
        opacity: 0.2;
        pointer-events: none;
        background-repeat: repeat-y;
        background-size: contain;
    }

    .first-view-inner {
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .first-view__left {
        position: relative;
        width: 100%;
        height: auto;
        right: inherit;
        left: inherit;
        top: inherit;
        padding: 10px 0;
        order: 2;
        display: flex;
        overflow: hidden;
    }

    .first-view__left img {
        width: 101vw;
        max-width: 110vw;
    }

    .first-view__right {
        position: relative;
        width: 100%;
        height: auto;
        order: 1;
        left: 0%;
        top: 0;
    }

    .first-view__left-inner {
        width: 100%;

    }

    .first-view__left-inner img {
        content: url("../assets/images/mockup-sp.png");
    }

    .first-view__left-innersp {
        display: block;
        width: 100%;
        align-items: center;
    }

    .first-view__left {
        display: flex;
        justify-content: space-between;
    }

    .first-view__left-innersp a {
        display: inline-block;
        background-color: #5136cf;
        border-radius: 8px;
        padding: 16px 20px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 11px;
        width: 100%;
    }

    .catchphrase {
        color: #5136CF;
        font-size: clamp(16px, 2vw, 2vw);
        text-align: left;
        display: block;
        line-height: 5vw;
        font-weight: 500;
        padding-left: 3.5vw;
        margin-bottom: 6vw;
        letter-spacing: 0.3vw;

    }


    .catchphrase span {
        font-size: 9vw;
        font-weight: 700;
        letter-spacing: 0.7vw;
    }

    .cta-button {
        display: inline-block;
        position: relative;
        bottom: inherit;
        right: inherit;
        padding: 12px 18px;
        margin: 8px 12px;
        background-color: #5136CF;
        text-decoration: none;
        border-radius: 84px;
    }

    header .cta-button {
        padding: 4px 12px;
        top: inherit;
    }

    .first-view__right p {
        line-height: 1.4;
        display: none;
    }



    .kamei-bosyu p {
        font-weight: bold;
        margin: 8px 0;
    }

    .partner-section-li {
        width: 12vw;
        height: 11vw;
    }

    .cta-section .cta-button {
        bottom: 0;
    }

    .problem-section::after {
        content: none
    }

    .problem-section__columns {
        display: block;
        margin-bottom: 80px;
    }

    .problem-column {
        width: 54.61vw;
    }

    .problem-column:first-child {
        margin-left: auto;
    }


    .problem-column:nth-child(2) {}

    .problem-column:nth-child(3) {
        margin-left: auto;
    }

    .problem-section-inner {
        background-repeat: repeat-y;
        padding: 5vw 0 0
    }


    .problem-column:first-child img {
        content: url("../assets/images/problems_01s.png");
    }

    .problem-column:nth-child(2) img {
        content: url("../assets/images/problems_02s.png");
    }

    .problem-column:nth-child(3) img {
        content: url("../assets/images/problems_03s.png");
    }

    .customer-review {
        margin-top: 20vw;
    }

    .customer-review__left {
        width: 100%;
        margin-bottom: 10vw;
    }

    .customer-review__left p {
        font-size: 10px;
    }

    .customer-review__right {
        width: 100%;
        padding-left: 0;
    }

    .customer-title {
        margin-bottom: 38px;
    }



    .problem-section-phrase-under {
        height: 40vh;
    }

    .tester {
        -webkit-text-emphasis: dot rgb(174, 114, 238);
        text-emphasis: dot rgb(168, 93, 243);
        background-color: #fff;
        padding: 18px;
        text-align: center;
        border-radius: 100px;
        display: block;
        width: 100%;
    }

    .campaign_container-inner {
        padding: 30px 8% 30px 8%;
    }

    .campaign_container::before {
        content: '';
        position: absolute;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
        background: linear-gradient(45deg, rgb(215 153 255 / 33%), rgb(189 203 255 / 50%));
        z-index: -1;
        border-radius: 10px;
        filter: blur(10px);
    }


    .solution-row {
        flex-wrap: wrap;
        margin-bottom: 64px;
    }

    .empty-div {
        padding: 10vw 0px;
    }



    .slideshow-instagram {
        margin-bottom: 10vw;
        overflow: hidden;
    }



    .solution2-section {
        background-size: cover;
    }

    .solution-image {
        width: 100%;
    }

    .solution-text {
        text-wrap: wrap;
        overflow: hidden;
        max-width: 100%;
    }

    .solution-row:nth-child(3) {
        text-align: left;
    }

    .solution-row:nth-child(3) .solution-image {
        order: 1;
    }

    .solution-row:nth-child(3) .solution-text {
        order: 2;
    }

    .solution-mock-image {
        content: url("../assets/images/solutions_iphone_small.png");
    }


    .footer-app-name {
        margin-bottom: 6vw;
    }

    .footer-text {
        margin-bottom: 7vw;
    }

    .footer-row_flex a {
        font-size: 10px;
    }

    .cta-section__left {
        text-align: center;
    }

    .sub_text {
        font-weight: bold;
        margin-bottom: 12px;
    }

    .cta-text {
        text-align: left;
        margin-bottom: 12px;
    }

    .cta-subheading {
        margin-bottom: 12px;
    }






    /*concept & purpose
==========*/

    .concept-row-cross {
        width: 35%;
        padding: 3vw 10vw;
    }

    .concept-row-image {
        width: 70%;
    }

    .concept-row {
        justify-content: center;
        flex-wrap: wrap;
    }

    .purpose-phrase p {
        line-height: 2;
    }

    .solution2-heading {
        padding-top: 31vw;
    }
}