/* PRODUCTSITE-498 SDX_PAGE */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.sec__noto {
    font-family: 'Noto Sans JP', sans-serif !important;
}

.sec__noto * {
    font-family: 'Noto Sans JP', sans-serif !important;
}

.font__noto {
    font-family: 'Noto Sans JP', sans-serif !important;
}

.container {
    margin: 0 auto;
    max-width: 100%;
}

.sec__sdx.sec__01 {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

.sec__sdx.sec__01 .row__sdx__banner {
    margin: 0 auto;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__01 h4.sub__tt {
    font-size: 41px;
    color: #FFEC00;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: 0.75px;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__01 h1.sdx__tt {
    font-size: 100px;
    color: #FFEC00;
    line-height: 1;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 {
    display: flex;
    justify-content: space-between;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__l {
    padding-top: 93px;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl h5 {
    font-size: 25px;
    color: #fff;
    letter-spacing: 3.5px;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__03 .box__collab {
    display: flex;
    justify-content: flex-end;
}

.sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__03 {
    margin-right: -40px;
    margin-bottom: 70px;
}

.box__btn__sdx.btn__cta {
    display: flex;
    justify-content: center;
    align-items: center;
}

.box__btn__sdx a {
    background-color: #E50000;
    box-shadow: 5px 5px 12px #00000067;
    border-radius: 51px;
    font-size: 35px;
    color: #F5FF00;
    font-weight: bold;
    padding: 25.5px 68.5px;
    letter-spacing: 4.5px;
    transition: all .3s ease-in-out;
}

.box__btn__sdx a:hover {
    background-color: #B10000;
    color: #fff;
}

.sec__sdx.sec__02 .header__about__sdx {
    text-align: center;
}

.sec__sdx.sec__02 .header__about__sdx .desc__about__sdx .phara__1 {
    font-weight: bold;
    line-height: 2;
}

.sec__sdx.sec__02 .header__about__sdx .desc__about__sdx .phara__2 {
    font-weight: 500;
    line-height: 2;
}

.title__center h2 {
    text-align: center;
}

.sec__sdx.sec__02 .wrapper__feat__sdx .grid__feats {
    display: grid;
}

.sec__sdx.sec__02 .wrapper__feat__sdx .card__feat {
    box-shadow: inset 0px 3px 6px #00000029;
    border-radius: 5px;
    overflow: hidden;
    background-color: #E2F8FF;
}

.sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__inner {
    height: 100%;
}

.sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .thumb {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec__sdx.sec__02 .wrapper__feat__sdx .card__feat h3.card__title {
    color: #191919;
}

.sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__desc {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.7;
    font-weight: 500;
}

.sec__sdx.sec__02 .wrapper__feat__sdx .row__feat.row__2 .card__feat h3.card__title {
    text-align: center;
    margin-bottom: 0;
}

.sec__sdx.sec__04 {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #D0EEFD 100%) 0% 0% no-repeat padding-box;
}

.sec__sdx.sec__04 .header__dev__sdx .desc__dev__sdx .phara__1 {
    font-weight: 700;
}

.sec__sdx.sec__04 .wrapper__dev__sdx .row__dev {
    position: relative;
}

.sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev h5 {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev h5:not(.tt__bt) {
    font-family: 'Zen Kaku Gothic New' !important;
}

.sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.sec__sdx.sec__04 .wrapper__dev__sdx .inner__row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.sec__sdx.sec__04 .ctn__dev {
    margin: 0 auto;
}

.sec__sdx.sec__04 .row__dev .bl__dev .sub__bl {
    text-align: center;
}

.sec__sdx.sec__04 .row__dev .sub__bl.bl__l {
    margin-top: 60px;
}

.sec__sdx.sec__04 .row__dev__collab .box__collab {
    display: flex;
    justify-content: flex-end;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat ul li {
    font-weight: 600;
}

.sec__sdx.sec__04 .row__dev__feats .box__dots__vertical .dot__feat {
    border-radius: 50%;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__01 .dot__feat {
    background-color: #3E7AB6;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__02 .dot__feat {
    background-color: #386B9F;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__03 .dot__feat {
    background-color: #29439B;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__04 .dot__feat {
    background-color: #223A89;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__05 .dot__feat {
    background-color: #1D2F6A;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__01 .title__item h2 {
    color: #3E7AB6;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__02 .title__item h2 {
    color: #386B9F;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__03 .title__item h2 {
    color: #29439B;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__04 .title__item h2 {
    color: #223A89;
}

.sec__sdx.sec__04 .row__dev__feats .item__feat.item__05 .title__item h2 {
    color: #1D2F6A;
}

.sec__sdx.sec__04 .row__dev__feats .items__feat .item__feat {
    display: flex;
}

.sec__sdx.sec__04 .row__dev__feats .box__dots__vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sec__sdx.sec__05 {
    color: #4F4C93;
}

.sec__sdx.sec__05 .title__sec__sdx h2.sdx__tt {
    color: #4F4C93;
}

.sec__sdx.sec__05 .items__faq .item__faq .qs__faq h2 {
    color: #4F4C93;
}

.sec__sdx.sec__05 .items__faq .item__faq .as__faq p {
    font-weight: 500;
}

@media only screen and (min-width: 1000px) {
    .container {
        max-width: clamp(320px, 95%, 1670px);
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sec__sdx.sec__01 {
        background-image: url('/wp-includes/images/sdx/sec01/image-sdx-sec01-desc01.webp');
        background-position: center top;
        padding: 90px 0 80px;
    }

    .sec__sdx.sec__01 .row__sdx__banner {
        width: 97%;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__01 {
        margin-bottom: 20px;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 {
        gap: 30px;
        margin-bottom: 140px;
    }

    .sec__sdx.sec__04 .row__dev .bl__dev .sub__bl img {
        margin: 15px 0 12px;
    }

    .sec__sdx.sec__04 .row__dev__collab {
        margin-top: -35px;
    }

    .sec__sdx.sec__02 {
        padding: 40px 0 80px;
    }

    .sec__sdx.sec__02 .header__about__sdx {
        margin-bottom: 50px;
    }

    .sec__sdx.sec__02 .header__about__sdx .logo__platf__sdx {
        margin-bottom: 12px;
    }

    .sec__sdx.sec__02 .header__about__sdx .title__sec__sdx {
        margin-bottom: 15px;
    }

    .sec__sdx .title__sec__sdx h2.sdx__tt {
        font-size: 35px;
        letter-spacing: 4px;
    }

    .sec__sdx.sec__02 .header__about__sdx .desc__about__sdx .phara__1 {
        font-size: 25px;
        letter-spacing: 2.5px;
        margin-bottom: 10px;
    }

    .sec__sdx.sec__02 .header__about__sdx .desc__about__sdx .phara__2 {
        font-size: 20px;
        letter-spacing: 2.5px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .row__feat {
        margin-bottom: 65px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .title__sec__sdx h2.sdx__tt {
        margin-bottom: 42px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .grid__feats {
        grid-template-columns: repeat(4, 1fr);
        gap: 27px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__inner {
        padding: 20px 25px 25px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .thumb {
        margin-bottom: 15px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .thumb img {
        height: 213px;
        min-height: 213px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat h3.card__title {
        font-size: 20px;
        letter-spacing: 2px;
        margin-bottom: 12px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__desc p:not(:last-child) {
        margin-bottom: 8px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .row__feat.row__2 .card__feat .card__inner {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .sec__sdx.sec__04 {
        padding: 90px 0 140px;
    }

    .sec__sdx.sec__04 .ctn__dev {
        width: 87.25%;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bg__dev__circle {
        transform: rotate(-6deg);
        margin-top: -37px;
    }

    .sec__sdx.sec__04 .header__dev__sdx .title__sec__sdx {
        margin-bottom: 15px;
    }

    .sec__sdx.sec__04 .header__dev__sdx .desc__dev__sdx .phara__1 {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .sec__sdx.sec__04 .row__dev__feats {
        margin: 120px auto 0;
        width: 100%;
        max-width: 100%;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 50px;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev h5 {
        font-size: 20px;
        letter-spacing: 3px;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l img {
        width: 400px;
        max-width: 400px;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__r {
        margin-top: -15px;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__r img {
        width: 400px;
        max-width: 400px;
    }

    .sec__sdx.sec__04 .row__dev__feats .items__feat {
        margin-bottom: 80px;
    }

    .sec__sdx.sec__04 .row__dev__feats .items__feat .item__feat:not(:last-child) {
        margin-bottom: 30px;
    }

    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical {
        gap: 30px;
    }

    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical .big__dot {
        width: 45px;
        height: 45px;
    }

    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical .sm__dot {
        width: 10px;
        height: 10px;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat .ct__item {
        padding-left: 25px;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat .title__item h2 {
        font-size: 32px;
        letter-spacing: 2px;
        margin-bottom: 17px;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat ul li {
        font-size: 26px;
        letter-spacing: 2px;
    }

    .sec__sdx.sec__05 {
        padding: 80px 0 120px;
    }

    .sec__sdx.sec__05 .wrapper__faqs__sdx {
        width: 80%;
        margin: 55px auto 0;
    }

    .sec__sdx.sec__05 .items__faq {
        margin-bottom: 87px;
    }

    .sec__sdx.sec__05 .items__faq .item__faq:not(:last-child) {
        margin-bottom: 53px;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .qs__faq {
        margin-bottom: 20px;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .qs__faq h2 {
        font-size: 35px;
        letter-spacing: 4px;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .as__faq h3 {
        font-size: 26px;
        letter-spacing: 3px;
        margin-bottom: 7px;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .as__faq p {
        font-size: 16px;
        letter-spacing: 2px;
    }

    .sec__sdx.sec__04 .row__dev__collab .box__collab img {
        width: 60%;
    }

    .sec__sdx.sec__04 .header__dev__sdx {
        width: 60%;
    }
    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical {
        padding-top: 1px; 
    }
}

@media only screen and (min-width: 1100px) {
    .container {
        max-width: clamp(320px, 90%, 1670px);
    }

    .sec__sdx.sec__01 .row__sdx__banner {
        width: 95%;
    }
}

@media only screen and (min-width: 1240px) {
    .sec__sdx.sec__01 .row__sdx__banner {
        width: 90%;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .grid__feats {
        gap: 35px;
    }
    .sec__sdx.sec__04 .row__dev__feats .item__feat ul li {
        font-size: 28px;
        letter-spacing: 3px;
    }
    .sec__sdx.sec__05 .wrapper__faqs__sdx {
        width: 62%;
    }
}

@media only screen and (min-width: 1440px) {
    .sec__sdx.sec__01 .row__sdx__banner {
        width: 85%;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .grid__feats {
        gap: 45px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__inner {
        padding: 20px 32px 32px;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .row__feat .card__feat:nth-child(4) .card__inner {
        padding: 20px 20px 32px;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev {
        padding: 0 80px;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l {
        margin-top: 90px;
    }

    .sec__sdx.sec__04 .row__dev__collab .box__collab img {
        width: 57.25%;
    }

    .sec__sdx.sec__04 .header__dev__sdx {
        width: 100%;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l img {
        width: 450px;
        max-width: 450px;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__r img {
        width: 430px;
        max-width: 430px;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev h5 {
        font-size: 24px;
        letter-spacing: 3px;
    }
    .sec__sdx.sec__04 .row__dev__feats {
        width: 95%;
        max-width: 95%;
    }
    .sec__sdx.sec__04 .row__dev__feats .item__feat .title__item h2 {
        font-size: 35px;
        letter-spacing: 4px;
    }
    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical {
        padding-top: 5px; 
    }
    .sec__sdx.sec__04 .row__dev__feats .item__feat ul li {
        font-size: 30px;
        letter-spacing: 4px;
    }
}

@media only screen and (min-width: 1640px) {
    .sec__sdx.sec__01 .row__sdx__banner {
        width: 72%;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__01 {
        margin-bottom: 20px;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l img {
        width: 500px;
        max-width: 500px;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__r img {
        width: 467px;
        max-width: 467px;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev h5 {
        font-size: 26px;
        letter-spacing: 4px;
    }
    .sec__sdx.sec__04 .row__dev__feats {
        width: 93%;
        max-width: 93%;
    }
}
@media only screen and (min-width: 1800px) {

    .sec__sdx.sec__04 .row__dev__feats {
        width: 84%;
        max-width: 84%;
    }
}
@media only screen and (max-width: 1000px) {
    .container {
        padding-left: 0.73rem;
        padding-right: 0.73rem;
    }

    .sec__sdx.sec__01 {
        background-image: url('/wp-includes/images/sdx/sec01/image-sdx-sec01-desc01-sp.jpg');
        background-position: center top;
        padding: 2.4rem 0 0.6rem;
    }

    .sec__sdx.sec__01 .row__sdx__banner {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__02 {
        order: 1;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__01 {
        order: 2;
    }

    .sec__sdx.sec__01 .row__sdx__banner .box__btn__sdx {
        order: 3;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__01 h4.sub__tt {
        font-size: 0.375rem;
        margin-bottom: 0.2rem;
        letter-spacing: 0;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__01 h1.sdx__tt {
        font-size: 0.855rem;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 {
        gap: 1.75rem;
        margin-bottom: 1rem;
        flex-direction: column;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl h5 {
        font-size: 0.28rem;
        letter-spacing: 0.025rem;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl h5.tt__bt {
        font-size: 0.24rem;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__l {
        padding-top: 0;
        order: 3;
        align-self: flex-end;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__r {
        order: 1;
        padding-left: 0.2rem;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__r img,
    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__l img {
        width: 4.5rem;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__r,
    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__l {
        gap: 0.15rem;
        width: max-content;
        width: -webkit-max-content;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__ct {
        order: 2;
        width: 100%;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__ct .box__collab {
        width: 100%;
        display: flex;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__02 .sub__bl.bl__ct .box__collab img {
        width: 100%;
    }

    .box__btn__sdx a {
        font-size: 0.28rem;
        padding: 0.3rem;
        letter-spacing: 0.01rem;
        width: 100%;
        text-align: center;
    }

    .sec__sdx.sec__01 .row__sdx__banner .bl__sdx__ct.bl__01 {
        margin-bottom: 0.6rem;
    }

    .sec__sdx.sec__02 .header__about__sdx .logo__platf__sdx {
        display: flex;
        margin-bottom: 0.15rem;
    }

    .sec__sdx.sec__02 .header__about__sdx .logo__platf__sdx img {
        width: 100%;
        height: 100%;
    }

    .sec__sdx.sec__02 .header__about__sdx .title__sec__sdx {
        margin-bottom: 0.2rem;
    }

    .sec__sdx.sec__02 .header__about__sdx .desc__about__sdx .phara__1 {
        font-size: 0.3rem;
        letter-spacing: 0.01rem;
        margin-bottom: 0.2rem;
    }

    .sec__sdx .title__sec__sdx h2.sdx__tt {
        font-size: 0.4rem;
        letter-spacing: 0.032rem;
    }

    .sec__sdx.sec__02 .header__about__sdx .desc__about__sdx .phara__2 {
        font-size: 0.28rem;
        letter-spacing: 0.01rem;
    }

    .sec__sdx.sec__02 {
        padding: 0.5rem 0 1rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .title__sec__sdx h2.sdx__tt {
        margin-bottom: 0.45rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .grid__feats {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.4rem;
    }

    .sec__sdx.sec__02 .header__about__sdx {
        margin-bottom: 0.5rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__inner {
        padding: 0.38rem 0.45rem 0.45rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .thumb {
        margin-bottom: 0.1rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__desc p:not(:last-child) {
        margin-bottom: 0.1rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat h3.card__title {
        font-size: 0.32rem;
        letter-spacing: 0.02rem;
        margin-bottom: 0.175rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .card__desc {
        font-size: 0.26rem;
        letter-spacing: 0.025rem;
        line-height: 1.7;
        font-weight: 500;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .card__feat .thumb img {
        height: 3.32rem;
        min-height: 3.32rem;
    }

    .sec__sdx.sec__02 .wrapper__feat__sdx .row__feat {
        margin-bottom: 0.75rem;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev {
        gap: 1.75rem;
        padding: 0;
        flex-direction: column;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l {
        margin-top: 0;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bg__dev__circle {
        display: flex;
        transform: rotate(-9deg);
        width: 92%;
        margin: 0 auto;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bg__dev__circle img {
        width: 100%;
        height: 100%;
    }

    .sec__sdx.sec__04 {
        padding: 0.6rem 0 1.1rem;
    }

    .sec__sdx.sec__04 .ctn__dev {
        width: 100%;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__r {
        order: 1;
        padding-left: 0.12rem;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__ct {
        order: 2;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l {
        order: 3;
        align-self: flex-end;
        position: relative;
        top: 0.15rem;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l,
    .sec__sdx.sec__04 .row__dev .sub__bl.bl__r {
        width: max-content;
        width: -webkit-max-content;
    }

    .sec__sdx.sec__04 .row__dev .sub__bl.bl__l img,
    .sec__sdx.sec__04 .row__dev .sub__bl.bl__r img {
        width: 4.5rem;
        max-width: 4.5rem;
        margin: 0.175rem 0 0.15rem;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev h5 {
        font-size: 0.28rem;
        letter-spacing: 0.02rem;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .bl__dev h5.tt__bt {
        font-size: 0.24rem;
        letter-spacing: 0.02rem;
        font-weight: 500;
    }

    .sec__sdx.sec__04 .row__dev .bl__dev .sub__bl {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sec__sdx.sec__04 .row__dev__collab .box__collab,
    .sec__sdx.sec__04 .row__dev__collab .box__collab img {
        width: 100%;
    }

    .sec__sdx.sec__04 .header__dev__sdx .title__sec__sdx {
        margin-bottom: 0.2rem;
        text-align: center;
    }

    .sec__sdx.sec__04 .header__dev__sdx .desc__dev__sdx .phara__1 {
        font-size: 0.3rem;
        letter-spacing: 0.02rem;
        text-align: center;
        line-height: 1.7;
    }

    .sec__sdx.sec__04 .header__dev__sdx {
        width: 80%;
        margin: 0 auto;
    }

    .sec__sdx.sec__04 .wrapper__dev__sdx .row__dev {
        margin-bottom: 0.75rem;
    }

    .sec__sdx.sec__04 .row__dev__feats {
        margin: 0.65rem auto 0;
        width: 100%;
        max-width: 100%;
    }

    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical .big__dot {
        width: 0.34rem;
        height: 0.34rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical .sm__dot {
        width: 0.1rem;
        height: 0.1rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat .title__item h2 {
        font-size: 0.36rem;
        letter-spacing: 0.032rem;
        margin-bottom: 0.2rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat .title__item h2 span {
        font-size: 0.26rem;
        letter-spacing: 0.005rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat ul li {
        font-size: 0.28rem;
        letter-spacing: 0.032rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat ul li:not(:last-child) {
        margin-bottom: 0.15rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .item__feat .ct__item {
        padding-left: 0.2rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .box__dots__vertical {
        gap: 0.365rem;
        padding-top: 0.1rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .items__feat .item__feat:not(:last-child) {
        margin-bottom: 0.32rem;
    }

    .sec__sdx.sec__04 .row__dev__feats .items__feat {
        margin-bottom: 0.75rem;
    }

    .sec__sdx.sec__05 {
        padding: 1rem 0;
    }

    .sec__sdx.sec__05 .wrapper__faqs__sdx {
        width: 100%;
        margin: 0.42rem auto 0;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .qs__faq h2 {
        font-size: 0.32rem;
        letter-spacing: 0.02rem;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .qs__faq {
        margin-bottom: 0.15rem;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .as__faq h3 {
        font-size: 0.28rem;
        letter-spacing: 0.02rem;
        margin-bottom: 0.125rem;
    }

    .sec__sdx.sec__05 .items__faq .item__faq .as__faq p {
        font-size: 0.26rem;
        letter-spacing: 0.032rem;
        line-height: 1.75;
    }

    .sec__sdx.sec__05 .items__faq .item__faq:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .sec__sdx.sec__05 .items__faq {
        margin-bottom: 0.75rem;
    }
}

/* sec03 */
.sec__sdx.sec__03 {
    position: relative;
    background-color: #508EFF;
    overflow: hidden;
    padding: 80px 0 120px;
}

.sec__sdx.sec__03 .bg-img {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 0;
}

.sec__sdx.sec__03 .top {
    top: -335px;
}

.sec__sdx.sec__03 .middle {
    top: 40%;
}

.sec__sdx.sec__03 .bottom {
    bottom: 0;
}

.sec__sdx.sec__03 .container {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .sec__sdx.sec__03 .img1 {
        top: -1.25rem;
    }

    .sec__sdx.sec__03 .img2 {
        top: 6.8%;
    }

    .sec__sdx.sec__03 .img3 {
        top: 18.2%;
    }

    .sec__sdx.sec__03 .img4 {
        top: 37.8%;
    }

    .sec__sdx.sec__03 .img5 {
        top: 56.4%;
    }

    .sec__sdx.sec__03 .img6 {
        top: 75.4%;
    }

    .sec__sdx.sec__03 .img7 {
        bottom: -0.75rem
    }
}

.sec__sdx.sec__03 .title__sec__sdx h2.sdx__tt {
    color: #FFFFFF;
}

.sec__sdx.sec__03 .title__sec__sdx {
    margin-bottom: 40px;
}

.sec__sdx.sec__03 .row__dev {
    padding: 37.5px 65.8px 46px 65.8px;
    background-color: #FFFFFF;
    border-radius: 5px;
    margin-bottom: 45px;
    box-shadow: inset 0px 3px 6px #00000029;
}

.sec__sdx.sec__03 .row__dev .wrap-title {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}

.sec__sdx.sec__03 .row__dev .wrap-title .wrap-img {
    padding: 0 27px;
    display: flex;
    justify-content: center;
    margin-bottom: -4px;
    flex: 1;
}

.sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card .wrap-img {
    display: flex;
}

.sec__sdx.sec__03 .row__dev .wrap-title .wrap-img img {
    object-fit: contain;
    object-position: bottom;
}

.sec__sdx.sec__03 .row__dev .sdx-tag {
    background-color: #909090;
    padding: 12px 12px;
    border-radius: 6px;
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: 600;
}

.sec__sdx.sec__03 .row__dev .sdx-list {
    font-size: 30px;
    font-weight: 500;
    color: #000000;
}

.sec__sdx.sec__03 .row__dev .wrap-list .title-list {
    font-size: 30px;
    font-weight: 800;
    color: #4F4C93;
    margin-bottom: 12.5px;
    letter-spacing: 3px;
}

.sec__sdx.sec__03 .row__dev .sdx-list li:not(:last-child) {
    margin-bottom: 12px;
}

.sec__sdx.sec__03 .row__dev .sdx-solution {
    background-color: #E2F8FF;
    padding: 24px 46px 57px 46px;
    border-radius: 6px;
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.25);
}

.sec__sdx.sec__03 .row__dev .sdx-solution .text-head {
    text-align: center;
    font-size: 35px;
    color: #1952B7;
    margin-bottom: 30px;
    font-weight: bold;
    letter-spacing: 4px;
}

.sec__sdx.sec__03 .row__dev .sdx-solution .sdx-cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card {
    flex: 1;
    text-align: center;
}

.sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.sec__sdx.sec__03 .row__dev .sdx-solution .card-info {
    font-size: 25px;
    font-weight: 600;
    color: #4F4C93;
    letter-spacing: 2.5px;
}

@media only screen and (max-width: 1000px) {
    .sec__sdx.sec__03 .sdx-title {
        font-size: 0.42rem;
        font-weight: 400;
        padding: 0.54rem 0.54rem 0.48rem 0.54rem;
    }

    .sec__sdx.sec__03 .row__dev {
        padding: 0.4rem;
        margin-bottom: 0.5rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-problem {
        padding-bottom: 0.38rem;
        padding-left: 0.12rem;
        padding-right: 0.12rem;
    }

    .sec__sdx.sec__03 .row__dev .wrap-title {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-right: 0px;
    }

    .sec__sdx.sec__03 .row__dev .sdx-tag {
        padding: 0.2rem;
        border-radius: 6px;
        font-size: 0.36rem;
        letter-spacing: 0.01rem;
    }

    .sec__sdx.sec__03 .row__dev .wrap-list .title-list {
        font-size: 0.42rem;
        font-weight: 600;
        margin-bottom: 0.13rem;
        margin-top: 0.32rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-list {
        font-size: 0.34rem;
        font-weight: 500;
        color: #000000;
    }

    .sec__sdx.sec__03 .row__dev .sdx-list li:not(:last-child) {
        margin-bottom: 0.15rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution {
        background-color: #E2F8FF;
        padding: 0.38rem;
        border-radius: 0.1rem;
        box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.25);
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .text-head {
        font-size: 0.36rem;
        margin-bottom: 0.4rem;
        letter-spacing: 0.02rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card img {
        width: 100%;
        height: auto;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-cards {
        flex-direction: column;
        align-items: center;
        gap: 0.35rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card .wrap-img {
        width: 85%;
        margin: 0 auto 0.2rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card {
        width: 100%;
        max-width: 100%;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-title {
        font-size: 18px;
        padding: 16px;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .card-info {
        font-size: 0.30rem;
        letter-spacing: 0.01rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card:not(:first-of-type) {
        padding-top: 0.45rem;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card:not(:first-of-type):after {
        content: "";
        background: url("/wp-includes/images/sdx/sec03/line-dot-sp.svg") no-repeat;
        display: block;
        width: 100%;
        height: 0.08rem;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card {
        position: relative;
    }

    .sec__sdx.sec__03 .title__sec__sdx {
        margin-bottom: 0.5rem;
    }

    .sec__sdx.sec__03 {
        position: relative;
        background-color: #508EFF;
        overflow: hidden;
        padding: 0.8rem 0;
    }

    .sec__sdx.sec__03 .row__dev .sdx-list li {
        letter-spacing: 0.02rem;
    }

    .sec__sdx.sec__03 .row__dev .wrap-title .wrap-img {
        padding: 0 0.75rem;
        margin-bottom: -0.1rem;
    }
}

@media only screen and (min-width: 1000px) {

    /* .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type1 .sdx-cards {
        gap: 36px;
    } */
    /* .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev .sdx-cards .sdx-card:nth-of-type(2) {
        flex: unset;
    } */
    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type1 .sdx-cards .sdx-card:nth-of-type(2) {
        flex: unset;
        width: 40%;
        max-width: 40%;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type2 .sdx-cards .sdx-card:nth-of-type(1),
    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type2 .sdx-cards .sdx-card:nth-of-type(2) {
        flex: unset;
        width: 34%;
        max-width: 34%;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type4 .sdx-cards .sdx-card:nth-of-type(1) {
        flex: unset;
        width: 34%;
        max-width: 34%;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type4 .sdx-cards .sdx-card:nth-of-type(2) {
        flex: unset;
        width: 40%;
        max-width: 40%;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type5 .sdx-cards .sdx-card:nth-of-type(2) {
        flex: unset;
        width: 35%;
        max-width: 35%;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type5 .sdx-cards .sdx-card:nth-of-type(3) {
        flex: unset;
        width: 33.85%;
        max-width: 33.85%;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev .sdx-cards .sdx-card:nth-of-type(1) {
        padding-right: 20px;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev .sdx-cards .sdx-card:nth-of-type(2) {
        padding: 0 20px;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev.row__type3 .sdx-cards .sdx-card:nth-of-type(3) {
        flex: unset;
        width: 33.75%;
        max-width: 33.75%;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .row__dev .sdx-cards .sdx-card:nth-of-type(3) {
        padding-left: 20px;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 {
        max-width: 100%;
        margin: 0 auto;
    }

    .sec__sdx.sec__03 .wrapper__sdx__03 .btn-sec03 {
        padding-top: 37px;
    }

    .sec__sdx.sec__03 .row__dev .sdx-problem {
        display: flex;
        padding-bottom: 30px;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .text-first {
        margin-top: 14px;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card:nth-of-type(2) {
        position: relative;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card:nth-of-type(2):before,
    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card:nth-of-type(2):after {
        content: "";
        background: url("/wp-includes/images/sdx/sec03/line-dot.svg") no-repeat;
        width: 3px;
        height: 107%;
        position: absolute;
        top: 0;
        background-size: cover;
        background-repeat: repeat-y;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card:nth-of-type(2):before {
        left: 0;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card:nth-of-type(2):after {
        right: 0;
    }

    .sec__sdx.sec__03 .row__dev .sdx-solution .sdx-card .wrap-img {
        height: 242px;
        margin-bottom: 10px;
    }

    .sec__sdx.sec__03 .row__dev .sdx-list li {
        letter-spacing: 5px;
    }

    .sec__sdx.sec__03 .row__dev .wrap-title {
        width: 30%;
    }
}

@media only screen and (min-width: 1441px) {
    .sec__sdx.sec__03 .wrapper__sdx__03 {
        max-width: 83.2%;
        margin: 0 auto;
    }

    .sec__sdx.sec__03 .row__dev .wrap-title {
        width: 28%;
    }
}

@media only screen and (min-width: 1640px) {
    .sec__sdx.sec__03 .row__dev .wrap-title {
        width: 23.4%;
    }
}