.howtoplay.subpage .header .title-wrap {
    padding: 24px 0 32px;
    background: url(../image/howtoplay/base_howtoplay_title.png) center center no-repeat rgba(255, 222, 0, 0.6);
    background-size: auto 68%;
}

.howtoplay {
    .contents.cont03 {
        background-attachment: fixed;
    }

    .cont03-title span:nth-child(1) {
        transform: translate(0px, 0px);
    }

    .cont03-title span:nth-child(2) {
        transform: translate(0px, 22px);
    }

    .cont03-title span:nth-child(3) {
        transform: translate(0px, 11px);
    }

    .cont03-title span:nth-child(4) {
        transform: translate(0px, 22px);
    }

    .cont03-title span:nth-child(5) {
        transform: translate(0px, 22px);
    }

    .cont03-title span:nth-child(6) {
        transform: translate(0px, 0px);
    }

    .support-detail {
        border-color: #f3a865;
    }

    .howtoplay-detail-wrap {
        width: 100%;
        margin: 64px auto;

        .inner {
            width: 700px;
            margin: 0 auto;
        }

        .screenshot-image {
            height: 270px;
        }

        .scroll-wrap {
            border-top: 10px solid #f3a865;
            border-bottom: 10px solid #f3a865;
        }

        .waitingElem.left {
            transform: translate(-100px, 0);
            transition: transform ease-out 300ms;
        }

        .waitingElem.left.showElem {
            transform: translate(0, 0);
        }

        .waitingElem.right {
            transform: translate(100px, 0);
            transition: transform ease-out 300ms;
        }

        .waitingElem.right.showElem {
            transform: translate(0, 0);
        }

        .img02 {
            position: relative;
            z-index: 3;
        }

        .img03 {
            position: relative;
            z-index: 2;
            margin-top: -34px;
        }

        .img04 {
            margin-top: -36px;
        }

        .img05 {
            position: relative;
            z-index: 1;
        }

        .img06 {
            margin-top: -38px;
        }

        .btn-help {

            display: flex;
            justify-content: center;
            align-items: center;

            a {
                display: block;
                width: 428px;
                height: 88px;
                background: url(/assets/image/howtoplay/img_howtoplay_btn.png) center top no-repeat;
                background-size: 428px 88px;
                cursor: pointer;
                transition: transform 200ms ease-out;
            }

            a:hover {
                transform: scale(105%);
            }
        }
    }
}


/* スマホ・タブレット用CSS */
@media ( max-width: 800px ) {

    .howtoplay.subpage .header .title-wrap {
        padding: 24px 0 32px;
        background: url(../image/howtoplay/base_howtoplay_title.png) center center no-repeat rgba(255, 222, 0, 0.6);
        background-size: auto 45%;
    }

    .howtoplay {
        .contents.cont03 {
            background-attachment: scroll;
        }

        .howtoplay-detail-wrap {
            .inner {
                width: 360px;
                margin: 0 auto;
            }

            .screenshot-image {
                height: 200px;
            }

            .scroll-wrap {
                border-top: 5px solid #f3a865;
                border-bottom: 5px solid #f3a865;
            }

            .img02 {
                position: relative;
                z-index: 3;
            }

            .img03 {
                position: relative;
                z-index: 2;
                margin-top: -20px;
            }

            .img04 {
                margin-top: -18px;
            }

            .img05 {
                position: relative;
                z-index: 1;
            }

            .img06 {
                margin-top: -20px;
            }

            .btn-help a {
                width: 214px;
                height: 44px;
                background-size: 214px 44px;
            }
        }
    }
}