.section {
    position: relative;
    color: #000;
    font-size: 16px;
    font-family: 'myriadsetpro-thinthin', Arial;
    line-height: 1.2;
    font-weight: normal;
    margin: 0 auto;
}

.big-img {
    width: 100%;
}

#MP100 div, #MP100 ul, #MP100 li, #MP100 h3, #MP100 h4, #MP100 p {
    margin: 0;
    padding: 0;
    font-style: normal;
}

#MP100 ul, #MP100 li {
    list-style: none;
}

#MP100 img {
    border: 0;
    vertical-align: middle;
}

#MP100 {
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    text-align: center;
    font-family: 'myriadsetpro-thinthin', Arial;
    color: #fff;
    background: #000;
}

#MP100 .type-area {
    width: 72%;
    margin: 0 auto;
}

#MP100 .bg-f5 {
    background: #f5f5f5;
}

#MP100 .bg-black {
    background: #000;
}

#MP100 .orange-color {
    color: #FF802D;
}

#MP100 .black-opacity {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

#MP100 .position-relative {
    position: relative;
}

#MP100 .sit-absolute {
    position: absolute;
}

#MP100 .img-box {
    margin: 0 auto;
}

#MP100 .x-center {
    left: 50%;
    transform: translateX(-50%);
}

#MP100 .y-center {
    top: 50%;
    transform: translateY(-50%);
}

#MP100 .img-100p {
    width: 100%;
}

#MP100 .sect {
    width: 100%;
    position: relative;
    text-align: center;
}

#MP100 .sect p {
    line-height: 1.2;
}

#MP100 .bv-pc {
    display: inline-block;
}

#MP100 .bv-phone {
    display: none;
}

#MP100 .bv-init {
    pointer-events: none;
    opacity: 0;
    transform: translateY(25px);
    transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
}

#MP100 .delay-1 {
    transition-delay: .2s;
}

#MP100 .delay-2 {
    transition-delay: .4s;
}

#MP100 .bv-transform-move {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: auto;
}

#MP100 .bv-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

#MP100 .f-bold {
    font-weight: bold;
}

#MP100 .f-medium {
    font-weight: 600;
}

#MP100 .m-auto {
    margin: 0 auto;
}

#MP100 .f-s-72 {
    font-size: 3.75vw;
}

#MP100 .f-s-60 {
    font-size: 2.9166666667vw;
}

#MP100 .f-s-50 {
    font-size: 2.6041666667vw;
}

#MP100 .f-s-54 {
    font-size: 2.8125vw;
}

#MP100 .f-s-52 {
    font-size: 2.7083333333vw;
}

#MP100 .f-s-48 {
    font-size: 2.3958333333vw;
}

#MP100 .f-s-42 {
    font-size: 2.1875vw;
}

#MP100 .f-s-40 {
    font-size: 2.0833333333vw;
}

#MP100 .f-s-36 {
    font-size: 1.875vw;
}

#MP100 .f-s-32 {
    font-size: 1.6666666667vw;
}

#MP100 .f-s-30 {
    font-size: 1.5625vw;
}

#MP100 .f-s-28 {
    font-size: 1.4583333333vw;
}

#MP100 .f-s-26 {
    font-size: 1.3541666667vw;
}

#MP100 .f-s-24 {
    font-size: 1.25vw;
}

#MP100 .f-s-22 {
    font-size: 1.1458333333vw;
}

#MP100 .f-s-20 {
    font-size: 1.0416666667vw;
}

#MP100 .f-s-18 {
    font-size: 0.9375vw;
}

#MP100 .t-left {
    text-align: left;
}

#MP100 .t-center {
    text-align: center;
}

#MP100 .t-right {
    text-align: right;
}

#MP100 .w-66p {
    width: 66%;
}

#MP100 .w-52p {
    width: 52%;
}

#MP100 .bv-pink {
    color: #E0B1CF;
}

#MP100 .common-text .p2 {
    padding-top: 1.25vw;
    padding-bottom: 1.0416666667vw;
}

#MP100 .text-line {
    position: relative;
    display: inline-block;
    line-height: 1.8;
}

#MP100 .text-line:after {
    width: 110%;
    height: 1.0416666667vw;
    content: "";
    background: #D4B6E3;
    position: absolute;
    bottom: 1.0416666667vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

#MP100 .sect1 .sect-text {
    top: 10%;
}

#MP100 .sect1 .p3 {
    padding-top: 0.78125vw;
}

#MP100 .sect2 {
    background: #000;
    padding: 0.78125vw 0;
}

#MP100 .sect2 .type-area {
    width: 85%;
}

#MP100 .sect2 .sect-item {
    position: relative;
}

#MP100 .sect2 .sect-text {
    position: absolute;
}

#MP100 .sect2 .sect-content-1 {
    display: grid;
    grid-template-columns: 24.6% auto 30%;
    column-gap: 0.78125vw;
}

#MP100 .sect2 .sect-content-2 {
    padding-top: 0.78125vw;
    display: grid;
    grid-template-columns: 24% 36% auto;
    column-gap: 0.78125vw;
}

#MP100 .sect2 .sect-content-3 {
    padding-top: 0.5208333333vw;
    display: grid;
    grid-template-columns: 33% 35% auto;
    column-gap: 0.78125vw;
}

#MP100 .sect2 .sect-content-4 {
    padding-top: 0.5208333333vw;
    display: grid;
    grid-template-columns: 28.5% 31.5% auto;
    column-gap: 0.78125vw;
}

#MP100 .sect2 .sect-content-5 {
    padding-top: 0.5208333333vw;
    display: grid;
    grid-template-columns: 28.5% 31.5% auto;
    column-gap: 0.78125vw;
}

#MP100 .sect2 .sect-item-1 .sect-text {
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-1 .wifi {
    position: absolute;
    left: 17%;
    top: 33.5%;
}

#MP100 .sect2 .sect-item-1 .wifi img {
    width: 2.6041666667vw;
}

#MP100 .sect2 .sect-item-2 .sect-text {
    top: 10%;
    left: 5%;
    text-align: left;
}

#MP100 .sect2 .sect-item-2 .icon-box {
    padding-top: 0.78125vw;
}

#MP100 .sect2 .sect-item-2 .icon-box span {
    color: #000;
    background: #fff;
    border-radius: 0.78125vw;
    padding: 0.2604166667vw 0.5208333333vw;
}

#MP100 .sect2 .sect-item-2 .icon-box .span-3 {
    margin-top: 0.78125vw;
}

#MP100 .sect2 .sect-item-3 .sect-text {
    top: 10%;
    right: 5%;
    text-align: right;
}

#MP100 .sect2 .sect-item-3 .sect-text .p2 {
    margin-top: 0.5208333333vw;
}

#MP100 .sect2 .sect-item-4 .sect-text {
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-5 .sect-text {
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-6 .sect-text {
    width: 95%;
    top: 10%;
}

#MP100 .sect2 .sect-item-6 .icon-box {
    display: inline-block;
    padding-top: 0.78125vw;
}

#MP100 .sect2 .sect-item-6 .icon-box span {
    color: #000;
    background: #fff;
    border-radius: 0.78125vw;
    padding: 0.2604166667vw 0.5208333333vw;
}

#MP100 .sect2 .sect-item-7 .sect-text {
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-7 .p2 {
    margin-top: 0.5208333333vw;
}

#MP100 .sect2 .sect-item-8 .sect-text {
    width: 90%;
    top: 10%;
}

#MP100 .sect2 .sect-item-8 .p2 {
    margin-top: 2.6041666667vw;
}

#MP100 .sect2 .sect-item-9 .sect-text {
    width: 95%;
    top: 10%;
}

#MP100 .sect2 .sect-item-9 .p2 {
    margin-top: 1.0416666667vw;
}

#MP100 .sect2 .sect-item-10 .sect-text {
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-11 .sect-text {
    width: 100%;
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-12 .sect-text {
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-13 .sect-text {
    top: 10%;
    left: 5%;
    color: #000;
}

#MP100 .sect2 .sect-item-14 .sect-text {
    top: 10%;
    left: 5%;
}

#MP100 .sect2 .sect-item-14 .sect-text .p2 {
    margin-top: 1.0416666667vw;
}

#MP100 .sect2 .sect-item-15 .sect-text {
    width: 95%;
    top: 11%;
}

#MP100 .sect3 {
    padding: 6.25vw 0;
    color: #000;
}

#MP100 .sect3 .sect-title {
    padding-bottom: 5.2083333333vw;
    color: #fff;
}

#MP100 .sect3 .no-box {
    width: 62%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.7291666667vw 5.2083333333vw;
}

#MP100 .sect3 .no-item {
    background: linear-gradient(180deg, #FFB017, #FFF9AC);
    padding: 2.0833333333vw 1.0416666667vw 1.0416666667vw 1.0416666667vw;
}

#MP100 .sect3 .no-text {
    top: -25%;
    left: 4%;
    color: #fff;
}

#MP100 .sect-no .no-content {
    width: 70%;
}

#MP100 .sect-no .sect-title {
    line-height: 0.9;
}

#MP100 .sect-no .sect-title {
    font-size: 6.25vw;
    margin-bottom: -1.0416666667vw;
    text-align: center;
}

#MP100 .sect-no .sect-text {
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#MP100 .sect4 .sect-text {
    width: 80%;
}

#MP100 .sect5 {
    padding-top: 8.3333333333vw;
    padding-bottom: 7.8125vw;
}

#MP100 .sect5 .common-text {
    width: 66%;
    top: 11%;
}

#MP100 .sect5 .icon-box {
    padding: 1.5625vw;
    width: 58%;
    background: #fff;
    justify-content: space-around;
    display: flex;
    color: #000;
    bottom: 2%;
    border-radius: 1.0416666667vw;
}

#MP100 .sect5 .icon-box .line {
    border-right: #0D0408 solid 1px;
}

#MP100 .sect5 .icon-box .line {
    padding-right: 1.0416666667vw;
}

#MP100 .sect6 {
    padding-top: 4.1666666667vw;
}

#MP100 .sect6 .img-box {
    width: 70%;
    padding: 3.125vw 0;
}

#MP100 .sect7 {
    padding: 4.6875vw 0;
}

#MP100 .sect7 .common-text {
    width: 60%;
    padding-bottom: 3.6458333333vw;
}

#MP100 .sect7 .icon-box {
    display: flex;
    justify-content: center;
    bottom: 8%;
}

#MP100 .sect7 .left {
    width: 4.1666666667vw;
}

#MP100 .sect7 .icon-item {
    display: flex;
    align-items: center;
    text-align: left;
    background: #171717;
    border-radius: 0.78125vw;
    padding: 0.5208333333vw 1.0416666667vw;
}

#MP100 .sect7 .value {
    font-size: 0.7291666667vw;
}

#MP100 .sect7 .middle {
    margin: 0 1.0416666667vw;
}

#MP100 .sect8 {
    padding: 4.6875vw 0;
}

#MP100 .sect8 .common-text {
    width: 60%;
}

#MP100 .sect8 .img-box {
    width: 68%;
}

#MP100 .sect8 .img-title {
    top: 1%;
    background: linear-gradient(90deg, #893491, #261e51);
    border-radius: 1.5625vw;
    padding: 0.5208333333vw 1.0416666667vw;
    white-space: nowrap;
}

#MP100 .sect8 .tips-box {
    display: flex;
    justify-content: center;
    top: 25%;
    align-items: center;
}

#MP100 .sect8 .legend {
    display: inline-block;
    width: 3.6458333333vw;
    height: 1.0416666667vw;
    border-radius: 0px 10px 10px 0px;
    margin-left: 0.5208333333vw;
}

#MP100 .sect8 span {
    vertical-align: middle;
}

#MP100 .sect8 .legend-1 {
    background: linear-gradient(90deg, #F9C3FF, #BE71FB);
    margin-right: 1.0416666667vw;
}

#MP100 .sect8 .legend-2 {
    background: linear-gradient(90deg, #8D8E90, #282222);
}

#MP100 .sect8 .text {
    font-size: 0.8333333333vw;
    display: inline-block;
    height: 1.0416666667vw;
}

#MP100 .sect9 .common-text {
    top: 2%;
    width: 60%;
}

#MP100 .sect10 .sect-title {
    padding-bottom: 3.125vw;
}

#MP100 .sect10 .common-text {
    width: 35%;
    bottom: 0;
    right: 10%;
}

#MP100 .sect10 .icon-box {
    margin-top: 1.5625vw;
    margin-bottom: 1.0416666667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 85%;
    padding: 1.0416666667vw;
    border-radius: 1.0416666667vw;
    background: linear-gradient(90deg, #FF8E44, #F91362, #35126A);
}

#MP100 .sect11 {
    padding-top: 5.2083333333vw;
    padding-bottom: 7.8125vw;
}

#MP100 .sect11 .common-text {
    width: 55%;
}

#MP100 .sect11 .img-box {
    width: 42%;
    bottom: 0%;
}

#MP100 .sect12 {
    padding: 5.2083333333vw 0;
}

#MP100 .sect12 .img-box {
    padding-top: 6.25vw;
    width: 75%;
}

#MP100 .sect13 {
    padding-bottom: 4.6875vw;
}

#MP100 .sect13 .img-box {
    padding-top: 2.0833333333vw;
    width: 65%;
}

#MP100 .sect14 {
    padding-bottom: 4.6875vw;
}

#MP100 .sect14 .img-box {
    padding-top: 3.125vw;
    width: 55%;
    padding-bottom: 3.125vw;
}

#MP100 .sect16 {
    padding-top: 4.6875vw;
}

#MP100 .sect16 .common-text {
    top: 10%;
    width: 58%;
    padding-bottom: 3.6458333333vw;
}

#MP100 .sect16 .icon-box {
    display: flex;
    justify-content: center;
    bottom: 2%;
}

#MP100 .sect16 .icon-item {
    border: 2px solid #FF8003;
    border-radius: 1.0416666667vw;
    padding: 0.5208333333vw 1.0416666667vw;
}

#MP100 .sect16 .icon-item p {
    white-space: nowrap;
}

#MP100 .sect16 .middle {
    margin: 0 2.0833333333vw;
}

#MP100 .sect17 {
    padding-bottom: 6.25vw;
}

#MP100 .sect17 .common-text {
    width: 40%;
    right: 20%;
    top: 8%;
}

#MP100 .sect17 .img-box {
    width: 60%;
}

#MP100 .sect17 .icon-box {
    width: 55%;
    padding-bottom: 5.2083333333vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#MP100 .sect17 .icon-box img {
    width: 3.6458333333vw;
}

#MP100 .sect17 .p4 {
    margin-top: 0.5208333333vw;
}

#MP100 .sect18 img {
    height: 7.8125vw;
}

#MP100 .sect19 {
    padding-top: 5.2083333333vw;
}

#MP100 .sect19 .common-text {
    width: 60%;
    top: 15%;
}

#MP100 .sect20 .common-text {
    width: 55%;
    top: 5%;
}

#MP100 .sect20 .sect-content {
    width: 75%;
    bottom: 2%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.5625vw;
    row-gap: 3.3854166667vw;
}

#MP100 .sect20 .p4 {
    margin-top: 1.0416666667vw;
}

#MP100 .sect21 {
    padding-top: 5.2083333333vw;
}

#MP100 .sect21 .common-text {
    width: 50%;
}

#MP100 .sect22 {
    padding-top: 5.2083333333vw;
}

#MP100 .sect22 .common-text {
    width: 50%;
}

#MP100 .sect22 .img-box {
    width: 60%;
    bottom: 5%;
}

#MP100 .sect23 {
    padding-top: 6.25vw;
}

#MP100 .sect24 {
    padding-top: 6.25vw;
}

#MP100 .sect24 .common-text {
    width: 60%;
    padding-bottom: 3.125vw;
}

#MP100 .sect24 .sect-box {
    top: 10px;
    right: 20%;
    background: #353535;
    padding: 2.0833333333vw 4.1666666667vw 2.0833333333vw 2.0833333333vw;
}

#MP100 .sect24 .sect-item-1 {
    margin-bottom: 2.0833333333vw;
}

#MP100 .sect24 .p4, #MP100 .sect24 .p5 {
    line-height: 1.1;
}

#MP100 .sect25 {
    padding: 4.1666666667vw 0;
}

#MP100 .sect25 .common-text {
    width: 55%;
    padding-bottom: 1.5625vw;
}

#MP100 .sect25 .sect-content {
    width: 95%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.5208333333vw;
}

#MP100 .sect25 .p6 {
    margin-top: 0.5208333333vw;
}

#MP100 .sect25 .color-box {
    right: 20%;
    bottom: 30%;
}

#MP100 .sect25 .color-box img {
    width: 6.25vw;
}

#MP100 .sect26 {
    padding: 6.25vw 0;
}

#MP100 .sect26 .common-text {
    width: 60%;
    padding-bottom: 5.2083333333vw;
}

#MP100 .sect26 .img-box {
    width: 85%;
}

#MP100 .sect27 {
    padding: 6.25vw 0;
}

#MP100 .sect27 .sect-title {
    padding-bottom: 3.6458333333vw;
}

#MP100 .sect27 table {
    background: #3b3b3b;
    border-radius: 1.5625vw;
    padding: 2.6041666667vw;
    border-collapse: initial;
}

#MP100 .sect27 tr {
    border-bottom: 1px solid #fff;
}

#MP100 .sect27 td {
    padding: 0.9375vw;
}

#MP100 .sect27 td:nth-child(odd) {
    width: 25%;
}

#MP100 .sect27 td:nth-child(even) {
    width: 65%;
}

@media screen and (max-width: 1201px) and (min-width: 200px) {
    #MP100 .main-order {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: center;
        align-items: center;
    }

    #MP100 .main-order .my-order-2 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    #MP100 .main-order .my-order-1 {
        margin-left: unset;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    #MP100 .bv-pc {
        display: none;
    }

    #MP100 .bv-phone {
        display: block;
    }

    #MP100 .type-area {
        width: 98%;
        box-sizing: border-box;
    }

    #MP100 .f-s-72 {
        font-size: 6.4vw;
    }

    #MP100 .f-s-60 {
        font-size: 5.3333333333vw;
    }

    #MP100 .f-s-54 {
        font-size: 4.8vw;
    }

    #MP100 .f-s-52 {
        font-size: 6.4vw;
    }

    #MP100 .f-s-50 {
        font-size: 4.2666666667vw;
    }

    #MP100 .f-s-48 {
        font-size: 4.8vw;
    }

    #MP100 .f-s-42 {
        font-size: 5.3333333333vw;
    }

    #MP100 .f-s-40 {
        font-size: 4.8vw;
    }

    #MP100 .f-s-36 {
        font-size: 3.7333333333vw;
    }

    #MP100 .f-s-32 {
        font-size: 4.2666666667vw;
    }

    #MP100 .f-s-30 {
        font-size: 3.4666666667vw;
    }

    #MP100 .f-s-28 {
        font-size: 3.2vw;
    }

    #MP100 .f-s-26 {
        font-size: 2.6666666667vw;
    }

    #MP100 .f-s-24 {
        font-size: 3.2vw;
    }

    #MP100 .f-s-22 {
        font-size: 2.9333333333vw;
    }

    #MP100 .f-s-20 {
        font-size: 2.4vw;
    }

    #MP100 .f-s-18 {
        font-size: 2.4vw;
    }

    #MP100 .sect .app-w-95p {
        width: 95%;
    }

    #MP100 .sect1 .sect-text {
        width: 95%;
    }

    #MP100 .sect2 {
        padding-top: 6.6666666667vw;
    }

    #MP100 .sect2 .f-s-30 {
        font-size: 3.2vw;
    }

    #MP100 .sect2 .p2 {
        display: none;
    }

    #MP100 .sect3 .sect-title {
        padding-bottom: 6.6666666667vw;
    }

    #MP100 .sect-no {
        padding-top: 2.6666666667vw;
    }

    #MP100 .sect-no .img-box {
        height: 20vw;
    }

    #MP100 .sect-no .img-box img {
        height: 100%;
    }

    #MP100 .sect-no .sect-text {
        width: 90%;
    }

    #MP100 .sect5 {
        padding-top: 40vw;
        padding-bottom: 26.6666666667vw;
    }

    #MP100 .sect5 .icon-box img {
        width: 6.6666666667vw;
    }

    #MP100 .sect7 .left {
        width: 10.6666666667vw;
    }

    #MP100 .sect7 .value {
        font-size: 2.1333333333vw;
    }

    #MP100 .sect8 .p2 {
        font-size: 3.4666666667vw;
    }

    #MP100 .sect9 {
        padding-top: 16vw;
    }

    #MP100 .sect9 .p1 {
        font-size: 4vw;
    }

    #MP100 .sect10 .common-text, #MP100 .sect10 .icon-box {
        display: none;
    }

    #MP100 .sect11 {
        padding-bottom: 26.6666666667vw;
    }

    #MP100 .sect11 .img-box {
        width: 80%;
    }

    #MP100 .sect14 .sect-title {
        font-size: 4.2666666667vw;
    }

    #MP100 .sect16 {
        padding-bottom: 13.3333333333vw;
    }

    #MP100 .sect16 .icon-item {
        width: 30%;
    }

    #MP100 .sect16 .icon-item p {
        white-space: unset;
    }

    #MP100 .sect16 .p5 {
        font-size: 2.4vw;
    }

    #MP100 .sect17 {
        padding-top: 6.6666666667vw;
    }

    #MP100 .sect17 .common-text {
        position: unset;
        padding-bottom: 2.6666666667vw;
    }

    #MP100 .sect19 {
        padding-top: 26.6666666667vw;
    }

    #MP100 .sect20 {
        padding-top: 26.6666666667vw;
        background: #644b41;
    }
}