.top-bg {
    top: -3rem;
    position: relative;
    aspect-ratio: 800 / 1240;
    width: 100%;
    height: auto;
}

.t-3 {}

.top-img-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.bg2 {
    position: relative;
    background: repeating-linear-gradient(to right, #FD6F6D 0px, #FD6F6D 4px, #FF7876 4px, #FF7876 10px);
    margin-top: -3.3rem;
    margin-bottom: -8rem;
}




.top-5000-box {
    z-index: 1;
    position: relative;
    top: -7rem;
}

.top-h1-p {
    background-color: #ff5b58;
    border-radius: 1.5rem;
    color: #fff;
    padding: 0 2rem;
    display: inline-block;
    position: relative;
    transform: translate(-50%, 300%);
    top: 50%;
    left: 50%;
    font-size: 1.3rem;
}

.col-FFFF00 {
    color: #ffff00;
}

.qa1-p {
    font-size: 1.1rem;
    font-variation-settings: "wght"500;
    line-height: 1.5;
    padding-left: 4rem;
    padding-right: 4rem;
}

.mg-b8 {
    margin-bottom: 8rem;
}

.t-7 {
    top: -7rem;
}

.btn-box {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 1rem;
}

.btn-box-w {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 2rem;
    /*padding: 0 6.5rem;*/
}

.btn-bg {
    position: absolute;
    top: 1.2rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 12.5rem;
    background: #eee;
    mix-blend-mode: multiply;
}

.btn-box-ch,
.btn-box-ch-w {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.btn-box-ch {
    position: absolute;
}

.btn-box-ch-w {
    position: relative;
}

.btn-box-ch dl,
.btn-box-ch-w dl {
    margin: 0 0 .5rem;
    position: relative;
}


.btn-box-ch dl::after,
.btn-box-ch-w dl::after {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    background-image: url(/assets/images/poke-mone/bot-bef01.svg);
    background-repeat: no-repeat;
    width: 6rem;
    height: 5.5rem;
    right: -2%;
    top: 10%;
    transform: translate(-50%, -50%);
}

.btn-box-ch dl dt,
.btn-box-ch-w dl dt {
    font-variation-settings: "wght"800;
    font-size: 2rem;
    display: inline-block;
    position: relative;
}

.btn-box-ch dl dt::before,
.btn-box-ch-w dl dt::before {
    content: "";
    top: -.1rem;
    left: -3rem;
    width: 2px;
    height: 4rem;
    transform: rotate(-20deg);
    position: absolute;
}

.btn-box-ch dl dt::before,
.btn-box-ch dl dt::after {
    background: #fff;
}

.btn-box-ch-w dl dt::before,
.btn-box-ch-w dl dt::after {
    background: black;
}

.btn-box-ch dl dt::after,
.btn-box-ch-w dl dt::after {
    content: "";
    top: -.1rem;
    right: -3rem;
    width: 2px;
    height: 4rem;
    transform: rotate(20deg);
    position: absolute;
}

.btn-box-ch-w dl dt {
    color: #000;
}

.btn-box-ch dl dt {
    color: #fff;
}

.btn-box-ch dl dd,
.btn-box-ch-w dl dd {
    margin-left: 0;
    font-variation-settings: "wght"800;
}

.btn-box-ch dl dd {
    color: #fff;
    margin-left: 0;
}

.btn-box-ch-w dl dd {
    color: #000;
    margin-left: 0;
}

.btn-img-box {
    padding: 0 2rem;
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.btn-img-box a p img {
    padding: 0 2rem;
    display: flex;
    width: 100%;
}

.btn-img-box a {
    width: 47%;
}

.btn-img-box a p {
    border-radius: 3rem;
    height: 5.5rem;
    padding: 1.6rem 0;
    border: 4px solid #1f1f1f;
    box-shadow: 1px 2px 8px 1px rgba(0, 0, 0, 0.20);
}

.btn-line {
    background-color: #18EB39;
}

.btn-web {
    background-color: #ffff00;
}

.btn-smal,
.btn-smal-w {
    margin-top: .5rem;
    display: block;
}

.btn-smal {
    color: #fff;
}

.btn-smal-w {
    color: #000;
}

.q1-bg {
    position: relative;
}

.bg-w {
    background-color: #fff;
    height: auto;
    padding-top: 8rem;
    padding-bottom: 10rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    /* left: -20%; */
    margin-bottom: 2re;
    /* border-radius: 55% 55% 0 0 / 30% 30% 0 0; */
    margin-top: 8rem;/
}

.bg-w::before {
    content: "";
    position: absolute;
    top: -8rem;
    left: 50%;
    width: 101%;
    height: 100%;
    vertical-align: middle;
    background-size: contain;
    background-image: url(/assets/images/poke-mone/q10bg-top.svg);
    background-repeat: no-repeat;
    transform: translateX(-50%);
}

.qa1-h3,
.qa2-h3 {
    text-align: center;
    font-size: 1.6rem;
    font-variation-settings: "wght"700;
    color: #000;
}

.qa1-bg {
    position: relative;
    width: 100%;
    /* 子要素は画面幅に相対 */
    max-width: 100%;
    /* 子要素の最大幅を100%に設定 */
}

.qa1-slider-box p {
    text-align: center;
    font-size: 1.3rem;
    /*color: #000;*/
    line-height: 1.5;
}

.qa1-slider-box-pp {
    background-color: #FF7876;
    font-size: 1.3rem;
    border-radius: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    color: #fff !important;
}

.qa1-slider-box-pp span {
    font-variation-settings: "wght"800;
    color: #ffff00;
    font-size: 2rem;
}

.qa1-bg-adj {
    /*padding: 0 6.5rem 3rem;*/
    margin-bottom: 2rem;
}

.qa1-h3,
.qa2-h3 {
    position: relative;
}

.qa1-h3::before,
.qa2-h3::before {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -100%);
}

.qa1-h3::before {
    background-image: url(/assets/images/poke-mone/q1-ah2-bf.svg);
    width: 20rem;
    height: 8rem;
    left: 50%;
    top: 50%;
}

.qa2-h3::before {
    background-image: url(/assets/images/poke-mone/pokeko-3nin.svg);
    width: 10rem;
    height: 7rem;
    left: 50%;
    top: -20%;
}

.qa1-h3::after, .qa2-h3::after {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -100%);
}

.qa1-h3::after {
    background-image: url(/assets/images/poke-mone/Q01-fuki.webp);
    width: 12rem;
    height: 11rem;
    left: 25%;
    top: -280%;
}

.qa2-h3::after {
    background-image: url(/assets/images/poke-mone/Q02-fuki.webp);
    width: 13rem;
    height: 13rem;
    right: -18%;
    top: -140%;
}


.no-font {
    font-family: "Open Sans";
}

.fs-2 {
    font-size: 2rem;
}

.fw-bold {
    font-variation-settings: "wght"800;
}

.qa1-slider-box small {
    font-size: .9rem;
    color: #000;
    line-height: 2;
}

.arrow2 {
    position: relative;
    top: -9rem;
}

.mg-tb1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.pd-t3 {
    padding-top: 3rem;
}

.col-FF5B58 {
    color: #ff5b58;
}

.pd-t10 {
    padding-top: 10rem;
}

.bg3 {
    position: relative;
    background: repeating-linear-gradient(-110deg, #FD6F6D 0px, #FD6F6D 4px, #FF7876 4px, #FF7876 10px);
    margin-top: -3.3rem;
    padding-top: 6rem;
}

.bg3::before,
.bg4::before {
    content: "";
    position: absolute;
    top: -1.5rem;
    left: 50%;
    width: 101%;
    height: 100%;
    vertical-align: middle;
    background-size: contain;
    background-image: url(/assets/images/poke-mone/q10bg-bottom.svg);
    background-repeat: no-repeat;
    transform: translateX(-50%);
}

.mg05 {
    margin: .5rem;
}

.qa2-p {
    font-size: 1.1rem;
    font-variation-settings: "wght"500;
    line-height: 2.2;
    padding-left: 4rem;
    padding-right: 4rem;
}

.bg4 {
    position: relative;
    background: repeating-linear-gradient(to right, #FD6F6D 0px, #FD6F6D 4px, #FF7876 4px, #FF7876 10px);
    margin-top: -3.3rem;
    /* margin-bottom: -8rem; */
    padding-bottom: 32rem;
    padding-top: 8rem;
}



.q3-dl-box {

    width: 300px;
    height: 300px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 垂直方向の中央揃え */
    align-items: center;
    /* 水平方向の中央揃え */
    text-align: center;
    padding: .5rem;
    overflow: hidden;
}

.test_textbox dl {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 3;
}

.test_textbox dl dt {
    font-variation-settings: "wght"800;
    font-size: 1.3rem;
    margin-bottom: .5rem;
    color: #ffff00;
    line-height: 1.4;
}

.test_textbox dl dd {
    font-variation-settings: "wght"400;
    font-size: 1rem;
    line-height: 1.9;
    color: #fff;
    text-align: justify;
}

.q3-box01 dl dd {
    margin-left: 0;
}

.q3-box01 dl dt {
    margin-left: 0;
}


.q3-box01 {
    /*display: flex;
flex-wrap: wrap;
width: 200%;
overflow: hidden;
text-align: center;
justify-content: center;
left: 50%;
position: relative;
transform: translateX(-50%);
height: 1000px;*/
    margin: 1rem;
}


.test_textbox {
    padding: 1rem;
    /*border: 1px solid #fff;*/
    border-radius: 2rem;
    margin-bottom: 3rem;
    position: relative;
}

.test_illust-l {
    float: left;
    shape-outside: circle();
    width: 13.4rem;
    margin-right: .5rem;
    position: relative;
    z-index: 3;
}

.test_illust-r {
    float: right;
    shape-outside: circle();
    width: 13.4rem;
    margin-left: 1rem;
    position: relative;
    z-index: 3;
}

.test_textbox .q3-text-p-l2,
.test_textbox .q3-text-p-r2,
.test_textbox .q3-text-p-l3,
.test_textbox .q3-text-p-r3 {
    color: #fff;
    padding-bottom: 1rem;
    position: relative;
    z-index: 4;
}

.test_textbox .q3-text-p-l2,
.test_textbox .q3-text-p-l3 {
    padding-left: 5rem;
    text-align: left;
}

.test_textbox .q3-text-p-r2,
.test_textbox .q3-text-p-r3 {
    padding-right: 5rem;
    text-align: right;
}

.test_textbox .q3-text-p-l2::before,
.test_textbox .q3-text-p-r2::before,
.test_textbox .q3-text-p-l3::before,
.test_textbox .q3-text-p-r3::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
}

.test_textbox .q3-text-p-l2::before {
    background-image: url(/assets/images/poke-mone/q3-pokeko-01.svg);
    top: 90%;
    left: 7%;
    width: 5rem;
    height: 7rem;
}

.test_textbox .q3-text-p-l3::before {
    background-image: url(/assets/images/poke-mone/q3-pokeko-03.svg);
    top: 90%;
    left: 12%;
    width: 7rem;
    height: 7rem;
}

.test_textbox .q3-text-p-r2::before {
    background-image: url(/assets/images/poke-mone/q3-pokeko-02.svg);
    top: 80%;
    right: -20%;
    width: 7rem;
    height: 6.5rem;
}

.test_textbox .q3-text-p-r3::before {
    background-image: url(/assets/images/poke-mone/q3-pokeko-04.svg);
    top: 80%;
    right: -20%;
    width: 7rem;
    height: 6.5rem;
}

.test_textbox .q3-text-p-l2::after,
.test_textbox .q3-text-p-r2::after,
.test_textbox .q3-text-p-l3::after,
.test_textbox .q3-text-p-r3::after {
    content: "";
    position: absolute;
    border-top: 1px solid #fff;
    top: 36%;
    height: 1px;
    color: #fff;
}

.test_textbox .q3-text-p-l2::after,
.test_textbox .q3-text-p-l3::after {
    width: 16rem;
    left: 40%;
}

.test_textbox .q3-text-p-r2::after,
.test_textbox .q3-text-p-r3::after {
    width: 14rem;
    right: 50%;
}

.test_textbox-bg {
    background-color: #e26d6a;
    display: block;
    width: 30.5rem;
    height: 20.9rem;
    /*mix-blend-mode: multiply;*/
    border-radius: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mg-t-6 {
    margin-top: -6rem;
}

.q3-h2 {
    color: #fff;
    line-height: 1.6;
    font-size: 1.9rem;
    padding: 0 2rem 4rem;
    transform: rotate(-10deg);
    position: relative;
    left: 1.8rem;
}

.q3-h2::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url(/assets/images/poke-mone/q3-fuki.webp);
    background-repeat: no-repeat;
    transform: translateY(-50%) translateX(-50%);
    top: -28%;
    left: 20%;
    width: 13rem;
    height: 13rem;
    color: #fff;
}

.q3-h2::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url(/assets/images/poke-mone/q3-pokeko-h2.svg);
    background-repeat: no-repeat;
    transform: translateY(-50%) translateX(-50%);
    top: 65%;
    right: -15%;
    width: 15rem;
    height: 14rem;
    color: #fff;
}

.q3-box strong {
    background-color: #ffff00;
    border: 1px solid #000;
    padding: .5rem;
    font-size: 1.2rem;
    font-variation-settings: "wght"500;
    /* line-height: 1.2; */
    margin-bottom: .3rem;
    display: inline-block;
    color: #000;
}

.q3-box strong span {
    color: #ff5b58;
}

.q1-bg-img01 {
    position: relative;
}

.q1-bg-img01::before {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    background-image: url(/assets/images/poke-mone/q2-bg-img01.svg);
    background-repeat: no-repeat;
    transform: translateY(-50%) translateX(-50%);
    width: 5rem;
    height: 6rem;
    top: 23%;
    left: 10%;
    z-index: 5;
}

.q1-bg-text {
    position: absolute;
    top: 91.5%;
    left: 5%;
    font-size: 1.2rem;
    font-variation-settings: "wght"700;
    font-size: 1rem;
    line-height: 1.1;
    color: #000;
}

.q1-bg-text span {
    position: absolute;
    font-size: .8rem;
}

.qa1-slider-box {
    min-width: 26rem;
    background-color: #fff;
    padding: 3.5rem 1rem;
    border-radius: 1rem;
    border: 4px solid #000;
    text-align: center;
    height: 38rem;
}

.q2-bg-text {
    position: absolute;
    top: 31.5%;
    right: 13%;
    font-size: 1.2rem;
    font-variation-settings: "wght"700;
    font-size: 1rem;
    line-height: 1.1;
    color: #000;
}

.q2-bg-text span {
    position: absolute;
    font-size: .8rem;
}


.mp-slider-p {
    position: relative;
    margin: 1rem 3rem 6rem;
    color: #fff;
    font-size: 1.1rem;
    font-variation-settings: "wght"500;
}

.mp-slider-p::before {
    position: relative;
    margin: 1rem 2rem;
    color: #fff;
    font-size: 1rem;
}

.mp-slider-p-img {
    float: left;
    shape-outside: none();
    width: 13.4rem;
    margin-left: 1rem;
    position: relative;
    top: -10rem;
    left: 1rem;
    width: 10rem;
    height: 10rem;
    margin-right: 1rem;
    margin-bottom: -6rem;
}

.pm-q4-top {
    position: relative;
    aria-label: "だから安心して稼げるよ";
}

.pm-q4-top::after {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -100%);
    background-image: url(/assets/images/poke-mone/Q4-fuki.webp);
    width: 11rem;
    height: 11rem;
    right: -14%;
    top: 30%;
    aria-hidden: true;
}

.pm-q4 {
    margin-top: -8rem;
    z-index: 3;
    position: relative;
}

.pm-q4-p {
    margin-left: 3rem;
    margin-right: 3rem;
    font-size: 1.1rem;
    color: #000;
    line-height: 1.4;
    margin-bottom: 6rem;
}

.pm-q4-h2 {
    text-align: center;
    color: #000;
    border-bottom: 1px solid #000;
    display: inline-block;
    position: relative;
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
}

.pm-q4-h2 span {
    font-size: 6rem;
    font-family: "Open Sans";
    font-variation-settings: "wght"800;
    color: #ff5b58;
    position: relative;
    top: 1rem;
    padding: 0 .5rem;
}

.pm-q4-box {
    position: relative;
    background-color: #eee;
    margin: 6rem 2rem 2rem 0;
    border-radius: 0 2rem 2rem 0;
    height: 15rem;
}

.pm-q4-box-img01,
.pm-q4-box-img02,
.pm-q4-box-img03,
.pm-q4-box-img04 {
    position: absolute;
    top: -4.6rem;
    left: 0;
    z-index: 1;
    width: 100%;
}

.pm-q4-box-img01::after,
.pm-q4-box-img02::after,
.pm-q4-box-img03::after,
.pm-q4-box-img04::after {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    background-image: url(/assets/images/poke-mone/q5-arrow.svg);
    background-repeat: no-repeat;
    width: 110%;
    height: 110%;
    top: -10%;
    left: 0;
    z-index: 5;
}

.pm-q4-box dl {
    position: absolute;
    top: 45%;
    left: 15rem;
    z-index: 3;
}

.pm-q4-box dl dt {
    font-size: 1.4rem;
    font-variation-settings: "wght"900;
    position: relative;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

.pm-q4-box dl dd {
    margin-left: 0;
    color: #000;
    line-height: 1.4;
}

.pm-q4-box-dt03 {}

.pm-q4-box dl dt::before {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    top: -130%;
    left: 25%;
    color: #fff;
    font-size: 5rem;
    font-family: "Open Sans";
    font-weight: bold;
    color: #000;
}

.pm-q4-box-dt01::before {
    content: "01";
}

.pm-q4-box-dt02::before {
    content: "02";
}

.pm-q4-box-dt03::before {
    content: "03";
}

.pm-q4-box-dt04::before {
    content: "04";
}

.top-5000 {
    z-index: 2;
    position: relative;
}

.top-5000-box-under {
    position: relative;
    aspect-ratio: auto 800 / 772;
    margin-top: -6rem;
}

.q1-a-fuki01,
.q1-a-fuki02,
.q1-a-fuki00,
.q1-a-fuki03,
.q1-a-fuki04,
.q1-a-fuki05 {
    border: 2px solid #000;

    position: relative;
    border-radius: 1rem;
    padding: .5rem 1rem;
    color: #000;
    font-size: 1rem;
    text-align: justify;
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 0;
}

.q1-a-fuki01 {
    max-width: 14rem;
    margin-left: 11rem;
    margin-top: 14rem;
    background-color: #ffffcc;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 1);
}

.q1-a-fuki02 {
    max-width: 14rem;
    margin-left: 11rem;
    margin-top: 31rem;
    background-color: #ffffcc;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 1);
}

.q1-a-fuki00 {
    max-width: 14rem;
    margin-left: 16rem;
    margin-top: 22rem;
    background-color: #eee;
    box-shadow: -4px 4px 0px rgba(0, 0, 0, 1);
}

.q1-a-fuki03 {
    max-width: 15rem;
    margin-left: 8rem;
    margin-top: 25.5rem;
    background-color: #ffffcc;
    box-shadow: -4px 4px 0px rgba(0, 0, 0, 1);
}

.q1-a-fuki04 {
    max-width: 15rem;
    margin-left: 8rem;
    margin-top: 47rem;
    background-color: #ffffcc;
    box-shadow: -4px 4px 0px rgba(0, 0, 0, 1);
}

.q1-a-fuki05 {
    max-width: 15rem;
    margin-left: 3rem;
    margin-top: 38.5rem;
    background-color: #eee;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 1);
}

.q1-a-fuki01::after,
.q1-a-fuki02::after,
.q1-a-fuki00::after,
.q1-a-fuki03::after,
.q1-a-fuki04::after,
.q1-a-fuki05::after {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    border-width: .5rem 1.5rem;
    border-style: solid;
}

.q1-a-fuki01::after,
.q1-a-fuki02::after {
    top: 32%;
    right: -2.8rem;
    border-color: transparent transparent transparent #ffffcc;
    filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 1));
}

.q1-a-fuki00::after {
    top: 32%;
    left: -2.8rem;
    border-color: transparent #eee transparent transparent;
    filter: drop-shadow(-4px 4px 0px rgba(0, 0, 0, 1));
}

.q1-a-fuki03::after,
.q1-a-fuki04::after {
    top: 32%;
    left: -2.8rem;
    border-color: transparent #ffffcc transparent transparent;
    filter: drop-shadow(-4px 4px 0px rgba(0, 0, 0, 1));
}

.q1-a-fuki05::after {
    top: 32%;
    right: -2.8rem;
    border-color: transparent transparent transparent #eee;
    filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 1));
}

.pd-t6 {
    padding-top: 6rem;
}

.disp-flex {
    display: flex;
}

.qa1-slider-flex {
    display: flex;
    justify-content: center;
    /* スライダー全体を中央に配置 */
    align-items: center;
    /* 垂直方向にも中央に配置 */
    position: relative;
    overflow: hidden;
    /* スライドが見切れるようにする */
    width: calc(26rem * 3 + 1rem * 2);
    /* 親要素の幅に合わせる */
    gap: 0;
    /* スライドの間に隙間をつける */
}

.qa1-slider-box {
    min-width: 26rem;
    background-color: #fff;
    padding: 3.5rem 1rem;
    border-radius: 1rem;
    border: 4px solid #000;
    text-align: center;
    height: 38rem;
}

.qa1-slider-box.active {
    opacity: 1;
    transform: scale(1);
}


.qa1-slider-h4-box {
    position: relative;
    display: inline-block;
}

.qa1-slider-h4-box::before {
    content: "";
    top: -.1rem;
    left: -2rem;
    width: 2px;
    height: 4rem;
    transform: rotate(-20deg);
    position: absolute;
    background: #000;
}

.qa1-slider-h4-box::after {
    content: "";
    top: -.1rem;
    right: -2rem;
    width: 2px;
    height: 4rem;
    transform: rotate(20deg);
    position: absolute;
    background: #000;
}

.qa1-slider-h4-box h4 {
    position: relative;
    font-size: 1.7rem;
    font-variation-settings: "wght"700;
    color: #000;
}


.qa1-slider-h4-box h4::before {
    content: "";
    position: absolute;
    top: -40%;
    left: 50%;
    width: 7rem;
    height: 1.5rem;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}

.qa1-slider-box img {
    padding: 1rem 2rem 1rem;
}

.be-party::before {
    background-image: url(/assets/images/poke-mone/party.svg);
}

.be-2shot::before {
    background-image: url(/assets/images/poke-mone/2shot.svg);
}

.be-bdi::before {
    background-image: url(/assets/images/poke-mone/bdi.svg);
}

/* カルーセル全体 */
.carousel {
    /* 水平方向中央寄せ */
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}

/* カルーセル内容 */
.contains {
    /* サイズは自由に変更してください。*/
    /* 下の.slideも同じサイズにしてください。 */
    width: 34rem;
    height: 38rem;
    overflow: hidden;
    position: relative;
    padding: 0;
    list-style: none;
}

/* スライド切り換え用ラジオボタンは常に非表示 */
.slide_select {
    display: none;
}

/* 各スライド */
.slide {
    /* サイズは自由に変更してください。*/
    /* 上の.containsも同じサイズにしてください。 */
    width: 26rem;
    height: 38rem;
    position: absolute;
    /* スライドの初期値は選択されていないので透明にしておく */
    opacity: 0;
    margin: 0 3rem;
}

/* 前へ次へボタン */
.scroll_button1,
.scroll_button2 {
    content: "";
    position: absolute;
    width: 7rem;
    height: 38rem;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: auto;
    z-index: 10;
}

.scroll_button1 {
    top: 0;
    left: 0;
    background-image: url(/assets/images/poke-mone/next-img01.svg);
}

.scroll_button2 {
    top: 0;
    right: 0;
    background-image: url(/assets/images/poke-mone/next-img02.svg);
}


/* ホバー時にボタンを強調 */
.scroll_button:hover {
    opacity: 1;
}

/* 前へボタン */
.scroll_prev {
    left: -3.5rem;
    /* 上辺と右辺の枠線を回転して"＜"にする */

}

/* 次へボタン */
.scroll_next {
    right: -4rem;
    /* 上辺と右辺の枠線を回転して"＞"にする */

}

/* スライド移動ボタンエリア */
.move_controler {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

/* スライド移動の各ボタン */
.button_move {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    border-radius: 100%;
    cursor: pointer;
    /* 普段はやや薄くする */
    opacity: 0.5;
    /* スライドより前面にする */
    z-index: 2;
}

/* ホバー時はやや明るくする */
.button_move:hover {
    opacity: 0.75;
}

/* スライド移動ボタンの色 */
.button_move {
    background-color: #fdfdfd;
}

/* 1番目のスライド選択時 */
/* 1番目のスライドの透明度を0にして表示する */
.slide_select:nth-of-type(1):checked~.slide:nth-of-type(1) {
    opacity: 1;
}

/* 1番目のスライドの前へ次へボタンの領域を */
.slide_select:nth-of-type(1):checked~.move_controler .button_move:nth-of-type(1) {
    opacity: 1;
}

.slide_select:nth-of-type(2):checked~.slide:nth-of-type(2) {
    opacity: 1;
}

.slide_select:nth-of-type(2):checked~.move_controler .button_move:nth-of-type(2) {
    opacity: 1;
}

.slide_select:nth-of-type(3):checked~.slide:nth-of-type(3) {
    opacity: 1;
}

.slide_select:nth-of-type(3):checked~.move_controler .button_move:nth-of-type(3) {
    opacity: 1;
}

.slide_select:nth-of-type(4):checked~.slide:nth-of-type(4) {
    opacity: 1;
}

.slide_select:nth-of-type(4):checked~.move_controler .button_move:nth-of-type(4) {
    opacity: 1;
}
.css-carousel-slider {
    width: 100%;
    /* max-width: 800px */
    /* サイズ設定をする場合はここ(*1) */
    overflow: hidden;
    position: relative;
}

.css-carousel-slider img {
    width: 100%;
    height: 20rem;
    vertical-align: top;
    object-fit: cover;
}

/* スライド設定 */
.css-carousel-slider .slide-wrap {
    width: 400%;
    /* 画像の合計数*100%を設定(*2) */
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider 20s infinite;
    /* スライダーアニメーション全体の時間(*3) */
    animation-delay: 2s;
    /* スライダーが始まるまでの時間(*4) */
}

.css-carousel-slider .slide-wrap-main {
    width: 100%;
    height: 20rem;
    z-index: 1;
    animation: css-carousel-slider-main 20s infinite;
    /* (*3)と同じ内容を設定 */
    animation-delay: 2s;
    /* (*4)と同じ内容を設定 */
}

.css-carousel-slider .mp-slide {
    width: 100%;
}

/* スライダーアニメーションの設定(*5) */
@keyframes css-carousel-slider {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(calc(1 / 4 * -100%));
    }

    25% {
        transform: translateX(calc(1 / 4 * -100%));
    }

    45% {
        transform: translateX(calc(2 / 4 * -100%));
    }

    50% {
        transform: translateX(calc(2 / 4 * -100%));
    }

    70% {
        transform: translateX(calc(3 / 4 * -100%));
    }

    75% {
        transform: translateX(calc(3 / 4 * -100%));
    }

    95% {
        transform: translateX(calc(4 / 4 * -100%));
    }

    100% {
        transform: translateX(calc(4 / 4 * -100%));
    }
}

@keyframes css-carousel-slider-main {
    0% {
        transform: translateX(100%);
    }

    75% {
        transform: translateX(100%);
    }

    95% {
        transform: translateX(0%);
    }
}