@media all and (min-width: 641px) {
    .page-title-holder {
        background: url(../img/bg-main.jpg) center top no-repeat
    }

    .page-title-holder .title-svg {
        width: 317px
    }

    .page-title-holder .page-title-products {
        width: 144px;
        margin-left: 320px;
        bottom: 0;
        margin-bottom: -75px
    }
    .section-pagetop-movie .section--inner {
        margin-top: 95px;
        text-align: center;
    }
    .section-howto .section--inner {
        margin-top: 95px
    }

    .section-howto .note-block {
        margin-top: 30px
    }

    .section-howto .note-title {
        font-size: 16px;
        font-weight: bold;
        padding-left: 30px;
        margin-bottom: 10px;
        position: relative
    }

    .section-howto .note-title:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: url("../../../../common/ver19/img/howto/icon-attention.svg") no-repeat center center/contain;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-howto .note-text {
        font-size: 13px;
        line-height: 2
    }

    .section-howto .point-block {
        width: 768px;
        margin-right: auto;
        padding: 20px 40px 30px 30px;
        background: #e0e0e0
    }

    .section-howto .point-block+.point-block {
        margin-top: 15px
    }

    .section-howto .point-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        margin-bottom: 10px
    }

    .section-howto .point-title .num {
        display: block;
        font-size: 0
    }

    .section-howto .point-title .num.num01 {
        width: 18px
    }

    .section-howto .point-title .num.num02 {
        width: 24px
    }

    .section-howto .point-title .num.num03 {
        width: 23px
    }

    .section-howto .point-title .text {
        font-size: 17px;
        font-weight: bold;
        line-height: 1 !important;
        padding-left: 20px
    }

    .section-howto .point-text {
        font-size: 15px;
        line-height: 2
    }
}

@media screen and (max-width: 640px) {
    .page-title-holder {
        height: 63.125vw;
        background: url("../img/page-title-base-sp.jpg") center top no-repeat;
        position: relative;
        text-align: center;
        padding-top: 9.375vw
    }

    .page-title-holder .page-title {
        margin: 0 auto
    }

    .page-title-holder .page-title img {
        width: 55vw
    }

    .page-title-holder .page-title-products {
        width: 22.5vw;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: -12.03125vw !important
    }

    .section-howto {
        margin: auto
    }
    .section-pagetop-movie .section--inner {
        margin-top: 18.75vw;
    }
    .section-howto .section--inner {
        margin-top: 18.75vw
    }

    .section-howto .block .box.n1 {
        margin-top: 3.4375vw
    }

    .section-howto .block .pic-illust {
        width: 68.75vw;
        margin: 7.8125vw auto 0
    }

    .section-howto .note-block {
        margin-top: 7.8125vw
    }

    .section-howto .note-title {
        font-size: 2.4rem;
        font-weight: bold;
        padding-left: 6.25vw;
        margin-bottom: 3.125vw;
        position: relative
    }

    .section-howto .note-title:before {
        content: "";
        display: block;
        width: 4.6875vw;
        height: 4.6875vw;
        background: url("../../../../common/ver19/img/howto/icon-attention.svg") no-repeat center center/contain;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-howto .note-text {
        font-size: 2rem;
        line-height: 1.8
    }

    .section-howto .point-block {
        margin-right: auto;
        padding: 6.25vw;
        padding-right: 7.8125vw;
        background: #e0e0e0
    }

    .section-howto .point-block+.point-block {
        margin-top: 4.6875vw
    }

    .section-howto .point-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 3.125vw
    }

    .section-howto .point-title .num {
        display: block;
        font-size: 0
    }

    .section-howto .point-title .num.num01 {
        width: 3.4375vw
    }

    .section-howto .point-title .num.num02 {
        width: 4.84375vw
    }

    .section-howto .point-title .num.num03 {
        width: 4.6875vw
    }

    .section-howto .point-title .text {
        font-size: 2.6rem;
        font-weight: bold;
        line-height: 1.46154 !important;
        padding-left: 20px
    }

    .section-howto .point-text {
        font-size: 2.4rem;
        line-height: 2
    }
}


@media all and (min-width: 641px) {
    .section-top .section-title {
        display: block
    }

    .section-top .section-title img {
        width: 99px;
        margin: auto
    }

    .section-qa {
        padding: 30px 0 120px
    }

    .section-qa .border-holder+.border-holder {
        margin-top: 40px
    }

    .section-qa .border-holder .box {
        display: block
    }

    .section-qa .border-holder .box.left {
        width: 280px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .section-qa .border-holder .box.right {
        width: 545px
    }

    .section-qa .border-holder .box .text {
        width: 465px;
        font-size: 15px;
        line-height: 2.13333;
        padding-left: 1em;
        text-indent: -1em
    }

    .section-qa .border-holder .pic {
        display: block;
        position: relative;
        margin-bottom: -33px
    }

    .section-qa .border-holder .pic .icon {
        margin: auto;
        position: absolute;
        top: 205px;
        left: 0;
        right: 0
    }

    .section-qa .border-holder .item-name {
        font-weight: bold;
        font-size: 24px;
        padding-bottom: 27px;
        margin-bottom: 27px;
        border-bottom: 1px solid #ccc;
        padding-left: 45px;
        position: relative
    }

    .section-qa .border-holder .item-name .text-s {
        font-size: 16px
    }

    .section-qa .border-holder .item-name:before {
        content: "";
        display: block;
        background: url("../../../../faq/scalpd/files/img/icon-q.svg") left top/contain no-repeat;
        width: 34px;
        height: 34px;
        position: absolute;
        left: 0;
        top: 0
    }

    .section-qa .border-holder.n1 .pic {
        width: 138px
    }

    .section-qa .border-holder.n2 .pic {
        width: 169px
    }

    .section-qa .border-holder.n3 .pic {
        width: 154px
    }

    .section-qa .border-holder.n4 .pic {
        width: 125px;
        margin-bottom: -60px
    }

    .section-qa .border-holder.n5 .pic {
        width: 124px;
        margin-bottom: -50px
    }
}

@media screen and (max-width: 640px) {
    .section-top .section-title {
        text-align: center
    }

    .section-top .section-title img {
        width: 20vw
    }

    .section-qa {
        margin-bottom: 18.75vw
    }

    .section-qa .border-holder {
        display: block;
        border: 1px solid #ccc;
        margin-top: 9.375vw;
        padding: 4.6875vw 5.46875vw;
        position: relative
    }

    .section-qa .border-holder .item-name {
        font-weight: bold;
        font-size: 4.6875vw;
        padding-left: 9.375vw;
        padding-top: .9375vw;
        padding-bottom: 2.34375vw;
        margin-bottom: 8.59375vw;
        border-bottom: 1px solid #ccc;
        position: relative
    }

    .section-qa .border-holder .item-name .text-s {
        font-size: 3.75vw;
        display: block
    }

    .section-qa .border-holder .item-name:before {
        content: "";
        display: block;
        background: url("../../../../faq/scalpd/files/img/icon-q.svg") left top/contain no-repeat;
        width: 6.5625vw;
        height: 6.5625vw;
        position: absolute;
        left: 0;
        top: 0
    }

    .section-qa .border-holder .pic {
        display: block;
        position: relative;
        margin: auto
    }

    .section-qa .border-holder .pic .icon {
        margin: auto;
        position: absolute;
        bottom: 6.25vw;
        width: 20.9375vw;
        left: 0;
        right: 0
    }

    .section-qa .border-holder .box .text {
        margin-bottom: 1.5625vw;
        font-size: 3.75vw;
        line-height: 5.625vw;
        padding-left: 1em;
        text-indent: -1em
    }

    .section-qa .border-holder.n1 .pic {
        width: 36.09375vw
    }

    .section-qa .border-holder.n2 .pic {
        width: 45.78125vw
    }

    .section-qa .border-holder.n3 .pic {
        width: 45.78125vw
    }

    .section-qa .border-holder.n4 .pic {
        width: 35.15625vw;
        margin-bottom: -60px
    }

    .section-qa .border-holder.n5 .pic {
        width: 34.21875vw;
        margin-bottom: -50px
    }
}