@font-face {
    font-family: "nsj";
    src: url("../font/NotoSansJP-VariableFont_wght.ttf");
}

body {
    background: url(../img/main_bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    margin: 0px auto;
    padding: 0px;
    width: auto;
    font-family: "nsj";
}

ul,
li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}


body ul {
    width: 100%;
    margin: 0 auto;
    max-width: 2000px;
}
.pay_body ul{
    width: 90%;
    max-width: 1200px;
}

li {
    text-align: center;
}

.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}


.anno_refund {
    margin: 0 0 40px 0;
}

.content {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
}

.content2 {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    /* overflow:hidden; */
}

.lightbox {
    display: none;
}


.cl_box {
    margin: 0 auto 1% auto;
}

.cl_box a {
    color: #FFF;
}

.sp {
    display: none;
}

.foot_bg {
    text-align: left;
    width: 77%;
    margin: 2% auto;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: unset;
    align-items: stretch;
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    border-right: solid 1px #FFF;
}

.foot_bg .fbc {
    width: 49%;
    border-left: solid 1px #FFF;
    padding: 20px;
    /* height: 240px; */
}

.cp_txt {
    text-align: center;
}

.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc {
    display: block;
}

.sp {
    display: none;
}


.p1 {
    background: url(../img/001.png) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0 0 0 0;
}

.p1:before {
    content: "";
    display: block;
    padding-top: 19.7%;
    /* 1:1 */
}

.p1h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.p2 {
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0 0 0 0;
}

.p2:before {
    content: "";
    display: block;
    /* 1:1 */
}

.p2h {
    height: auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.p3 {
    background: url(../img/003.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0% 0 0% 0;
    z-index: 10;
}

.p3:before {
    content: "";
    display: block;
    /* 1:1 */
    padding-top: 42.0%;
}

.p3h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.p4 {
    background: url(../img/004.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    position: relative;
    height: auto;
    margin: -7.9% 0 0 0;
    padding: 0 0 0 0;
    z-index: 5;
}

.p4:before {
    content: "";
    display: block;
    padding-top: 75.25%;
    /* 1:1 */
}

.p4h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.p4_3 {
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0% 0 0 0;
    padding: 0% 0 0 0;
    z-index: 5;
}

.p4_3:before {
    content: "";
    display: block;
    padding-top: 19.0%;
    /* 1:1 */
    background: #FFE700;
}

.p4_3h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.p4_5 {
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0% 0 0 0;
    padding: 0 0 0 0;
    z-index: 5;
}

.p4_5:before {
    content: "";
    display: block;
    padding-top: 180.5%;
    /* 1:1 */
    background: #fff;
}

.p4_5h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.p5 {
    background: #FFF;
    background-position: top center;
    background-size: 100% auto;
    position: relative;
    height: auto;
    margin: 0;
    z-index: 2;
}

.p5:before {
    content: "";
    display: block;
    /* 1:1 */
    padding-top: 253.25%;
}

.p5h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.p6 {
    background: url(../img/004.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: -9% 0 0 0;
    z-index: 1;
}

.p6:before {
    content: "";
    display: block;
    padding-top: 46.9%;
    /* 1:1 */
}

.p6h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.p7 {
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0;
    z-index: 1;
}

.p7:before {
    content: "";
    display: block;
    padding-top: 340px;
    /* 1:1 */
}

.p7h {
    height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.p8 {
    background: url(../img/thx_bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0;
    z-index: 1;
}

.p8:before {
    content: "";
    display: block;
    /* padding-top: 46.9%; */
    /* 1:1 */
}

.p8h {
    height: auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.p9 {
    background: url(../img/thx_bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0;
    z-index: 1;
}

.p9:before {
    content: "";
    display: block;
    /* padding-top: 46.9%; */
    /* 1:1 */
}

.p9h {
    height: auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.p10 {
    background: url(../img/010.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0;
    z-index: 1;
}

.p10:before {
    content: "";
    display: block;
    /* padding-top: 46.9%; */
    /* 1:1 */
}

.p10h {
    height: auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.p11 {
    background: url(../img/011.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0;
    z-index: 1;
}

.p11:before {
    content: "";
    display: block;
    /* padding-top: 46.9%; */
    /* 1:1 */
}

.p11h {
    height: auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.p12 {
    background: url(../img/012.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    position: relative;
    height: auto;
    margin: 0;
    z-index: 1;
}

.p12:before {
    content: "";
    display: block;
    /* padding-top: 46.9%; */
    /* 1:1 */
}

.p12h {
    height: auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.cl {
    background: #5c5e6b;
    color: #FFF;
    padding: 3% 0;
}





.p1 img,.p2 img,.p3 img,.p4 img,.p4_3 img,.p4_5 img,.p5 img,.p6 img,.p7 img,.p7_5 img,.p8 img,.p9 img,
.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p15_5 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,
.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,
.p22 img,.p23 img,.p24 img,.p25 img,.p26 img {
    width: 100%;
}

.addFriend input {
    width: 100%;
}
.th_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 937px;
    width: 90%;
    justify-content: space-between;
    margin: 120px auto;
}
.th_white_bg{
    background: #FFF;
    border-radius: 24px;
    width: 59%;
    max-width: 548px;
}
.th01{
    width: 29%;
    max-width: 269px;
}
.th02 {
    width: 17%;
    max-width: 116px;
    margin: 90px auto 0;
}
.th03 {
    width: 90%;
    max-width: 348px;
    margin: 0 auto 110px;
}
.th04 {
    width: 90%;
    max-width: 519px;
    margin: 13% auto 0;
}
.th05 {
    width: 90%;
    max-width: 519px;
    margin: 7% auto 11%;
}
.th06 {
    width: 90%;
    max-width: 533px;
    margin: 7% auto 11%;
}
.th07 {
    width: 90%;
    max-width: 423px;
    margin: 5% auto;
}
.th08-10{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    max-width: 1000px;
    margin: 7% auto 13%;
}
.th08 {
    width: 31%;
    max-width: 310px;
}
.th09 {
    width: 31%;
    max-width: 310px;
}
.th10 {
    width: 31%;
    max-width: 310px;
}
.th11 {
    width: 90%;
    max-width: 423px;
    margin: 5% auto;
}
.line_id_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 90%;
    max-width: 600px;
    border: solid 1px #ff6400;
    background: #FFF;
    justify-content: space-between;
    padding: 1% 3%;
    margin: 8% auto 0;
}
.line_id_box .line_title{
    font-size: 18px;
    color: #000;
    width: 16%;
    text-align: left;
}
.line_id_box .line_id{
    width: 50%;
    max-width: 250px;
    margin: 0 auto 0 0;
}
.line_id_box .line_id input{
    background: none;
    border: none;
    color: #ff6400;
    font-size: 37px;
    font-weight: bold;
}
.line_id_box .line_id_copy{}
.line_id_box .line_id_copy input{
    background: #e3e2e1;
    border: none;
    color: #000;
    border-radius: 4px;
    padding: 9px 15px;
}
.cl.c_cl{
    background: #000;
}

.arrow_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 90%;
    max-width: 251px;
    justify-content: space-between;
    margin: 5% auto;
}
.arrow_set .arrow{
    width: 20%;
}
.th_name{
    width: 90%;
    font-size: 34px;
    font-weight: bold;
    margin: 40px auto 10px auto;
}
.bank_name_txt {
    border-bottom: solid 2px #514f50;
    color: #ff6400;
    font-size: 24px;
    padding: 0 0 20px 0;
    font-weight: bold;
}

.bank24_txt {
    color: #ff6400;
    border: solid 2px #ff6400;
    font-size: 24px;
    padding: 50px;
    font-weight: bold;
    margin: 50px 0;
}

.bank_list {}

.bank_list ul {}

.bank_list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
    border-bottom: solid 2px #d7d7d7;
}

.bank_list li:nth-child(odd) {}

.bank_list li:nth-child(even) {
    background: #f5f5f5;
}

.bank_list li .title {
    width: 22%;
    text-align: left;
    font-size: 19px;
    font-weight: bold;
    color: #5b5d6a;
    padding: 0 0 0 30px;
}

.bank_list li .dtxt {
    width: 78%;
    text-align: left;
    color: #5b5d6a;
    font-size: 19px;
}

.anno_txt {
    text-align: left;
}

.t_box1 {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-height: 340px;
}

.thx_logo {
    width: 65.1%;
    max-width: 565px;
    margin: 0;
}

.e32_1 {
    width: 32.3%;
    max-width: 279px;
    margin: 240px 0 0 0;
}

.app_comp_title {
    font-size: 43px;
    color: #FFF;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 44px 0 40px 0;
}

.app_comp_title:before {
    content: '';
    background: url(../img/icon_check.png) no-repeat;
    background-size: 100% auto;
    width: 1.34em;
    height: 1.26em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3em;
}

.app_comp_txt {
    color: #FFF;
    font-size: 24px;
}

.app_comp_txt2 {
    color: #FFF;
    font-size: 18px;
    margin: 30px 0 60px 0;
}

.th_p_box {
    max-width: 1050px;
    margin: 50px auto 100px;
}

.form_box1 {
    position: absolute;
    top: 39%;
    width: 58.3%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 1;
}

.form_box1 input {
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 0;
    outline: 0;
    border: #aaa 1px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.main_animation {
    margin: 0 20%;
    width: 60% !important;
    height: auto !important;
    position: absolute;
    top: 22%;
}

.main_animation canvas,
.main_animation #dom_overlay_container {
    width: 100% !important;
    height: auto !important;
}


.sc1 {
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 1.7% 0 1.4% 0;
    z-index: 10;
    background: #fff;
}

.sc2 {
    position: absolute;
    top: 32%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 10;
}

.sc3 {
    position: absolute;
    top: 41%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 10;
}

.loop_css2 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    max-width: 2000px;
    overflow: hidden;
    margin-bottom: 0;
}

.loop_css2 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
}

.loop_css2 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
}

.loop_css2 li a {
    display: block;
}

.loop_css2 li img {
    display: block;
    width: 100%;
    height: auto;
}

.loop_css2 li a:hover {
    opacity: .7;
}

.loop_css2 ul:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.loop_css2 ul+ul {
    -webkit-animation: loop2 50s linear infinite;
    animation: loop2 50s linear infinite;
}


@-webkit-keyframes loop {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes loop {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes loop2 {
    0% {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }

    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes loop2 {
    0% {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }

    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}



.loop_css3 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 0;
}

.loop_css3 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
}

.loop_css3 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
}

.loop_css3 li a {
    display: block;
}

.loop_css3 li img {
    display: block;
    width: 100%;
    height: auto;
}

.loop_css3 li a:hover {
    opacity: .7;
}

.loop_css3 ul:first-child {
    -webkit-animation: loop3 50s -25s linear infinite;
    animation: loop3 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.loop_css3 ul+ul {
    -webkit-animation: loop4 50s linear infinite;
    animation: loop4 50s linear infinite;
}


@-webkit-keyframes loop3 {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes loop3 {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes loop4 {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@keyframes loop4 {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}


.e1 {
    position: absolute;
    top: 16%;
    width: 53.5%;
    left: 16%;
    margin: 0 auto;
    z-index: 1;
}

.e2 {
    position: absolute;
    top: 0;
    width: auto;
    right: 18%;
    margin: 0% auto 0% auto;
    z-index: 5;
    max-width: 109px;
}

.e3 {
    position: absolute;
    bottom: 0;
    width: 37.05%;
    right: 8%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e4 {
    position: absolute;
    top: 54.9%;
    width: 5.1%;
    left: 18%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e5 {
    position: absolute;
    top: 7%;
    width: 22.25%;
    right: 26%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e6 {
    position: absolute;
    top: 39%;
    width: 42.75%;
    right: 19%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e7 {
    position: absolute;
    top: 86.8%;
    width: 23.45%;
    right: 27%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e8 {
    position: absolute;
    top: 10%;
    width: 60.15%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e9 {
    position: absolute;
    top: 19%;
    width: 69.3%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e10 {
    position: absolute;
    bottom: 0;
    width: 59.8%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e11 {
    position: absolute;
    top: 14%;
    width: 65.6%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}


.e12 {
    position: absolute;
    top: 51%;
    width: 7.85%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e13 {
    position: absolute;
    top: 63%;
    width: 49.35%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e14 {
    position: absolute;
    top: 76%;
    width: 62.0%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e15 {
    position: absolute;
    top: 3%;
    width: 39.6%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e16 {
    position: absolute;
    top: 9%;
    width: 50.9%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e17 {
    position: absolute;
    top: 44%;
    width: 50.9%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e18 {
    position: absolute;
    top: 72%;
    width: 50.9%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e19 {
    position: absolute;
    top: 27%;
    width: 48.75%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e20 {
    position: absolute;
    top: 65%;
    width: 46.8%;
    left: 0%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}

.e32 {
    position: absolute;
    top: -8%;
    width: 27.9%;
    left: 50%;
    right: 0%;
    margin: 0% auto 0% auto;
    z-index: 5;
}


.demo_title {
    color: #ff6400;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 20px 0;
}

.arrow2 {
    width: 15%;
    max-width: 81px;
    margin: 0 auto 40px;
}

.sub_title {
    font-size: 14px;
    font-weight: 500;
}

.p_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.ptitle {
    font-weight: 500;
    font-size: 20px;
    border-bottom: solid 2px #505050;
    padding: 0 0 2% 0;
    margin: 0 0 2% 0;
    color: #505050;
    text-align: left;
}

.ptitle2 {
    font-weight: 500;
    font-size: 20px;
    border-bottom: solid 2px #505050;
    padding: 0 0 3% 0;
    margin: 0 0 4% 0;
    color: #505050;
    text-align: left;
}

.txt {
    font-size: 17px;
}

.p_right {
    width: 66%;
    max-width: 773px;
    margin: 50px 0 0 0;
}

.p_left {
    width: 32%;
    max-width: 379px;
    margin: 50px 0 0 0;
}

.p_center {
    width: 100%;
    margin: 0 0 50px 0;
    text-align: left;
    background: #FFF;
    border: solid #e8e8e8 1px;
    padding: 30px 25px;
}

.tokutei_title {
    margin: 0 0 50px 0;
    border-bottom: solid 4px #d2262b;
    padding: 0 0 20px 0;
    line-height: 150%;
}

.tokutei {
    width: 100%;
    border-collapse: collapse;
}

.tokutei tr {
    border-bottom: solid 2px white;
}

.tokutei tr:last-child {
    border-bottom: none;
}

.tokutei th {
    position: relative;
    text-align: left;
    width: 30%;
    background-color: #2bbcc0;
    color: white;
    text-align: center;
    padding: 20px 0;
}

.tokutei th:after {
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: calc(50% - 10px);
    right: -10px;
    border-left: 10px solid #2bbcc0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.tokutei td {
    text-align: left;
    width: 70%;
    text-align: left;
    background-color: #eee;
    padding: 20px 50px;
    line-height: 150%;
}

.privacy {
    text-align: left;
    padding: 30px;
}

.privacy h2 {
    position: relative;
    padding: 1rem 2rem 1rem 4em;
    background: #ededed;
    display: block;
    width: 100%;
    font-size: 2.6rem;
    margin: 0 0 2rem 0;
}

.privacy h2 span {
    position: absolute;
    top: -10px;
    left: 20px;
    display: inline-block;
    width: 52px;
    height: 50px;
    text-align: center;
    background: #d2262b;
}

.privacy h2 span:before,
.privacy h2 span:after {
    position: absolute;
    content: '';
}

.privacy h2 span:before {
    right: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #8e060a;
}

.privacy h2 span:after {
    top: 50%;
    left: 0;
    display: block;
    height: 50%;
    border: 1em solid #d2262b;
    border-bottom-width: 15px;
    border-bottom-color: transparent;
}

.privacy p {
    margin: 0 0 40px 0;
    line-height: 150%;
}

.kiyaku {
    text-align: left;
    padding: 30px;
}

.kiyaku p {
    margin: 0 0 40px 0;
    line-height: 150%;
}

.kiyaku h2 {
    position: relative;
    overflow: hidden;
    padding: 0.8rem 2rem 0.8rem 190px;
    border: 2px solid #d2262b;
    font-size: 2.5rem;
}

.kiyaku h2:before {
    position: absolute;
    top: -166%;
    left: -114px;
    width: 270px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #d2262b;
}

.kiyaku h2 span {
    font-size: 2.5rem;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    padding-top: 3px;
    padding-left: 16px;
    color: #fff;
    line-height: 150%;
}

.mail_regist {
    padding: 30px;
}

.mail_title {
    font-size: 24px;
    color: #d2262b;
}

.mail_regist h2 {
    position: relative;
    padding: 1rem 2rem;
    text-align: center;
    color: #22ac38;
    border-radius: 0 10px 10px 10px;
    background: #e3f5d8;
    margin: 50px 0 50px 0;
}

.mail_regist h2:before {
    font-size: 1.8rem;
    position: absolute;
    top: -36px;
    left: 0;
    height: 36px;
    padding: 0.5em 1em;
    content: 'メールアドレス';
    color: #fff;
    border-radius: 10px 10px 0 0;
    background: #22ac38;
}

.bank_mail h2 {
    position: relative;
    padding: 1rem 2rem;
    text-align: center;
    color: #22ac38;
    border-radius: 0 10px 10px 10px;
    background: #e3f5d8;
    margin: 50px 0 10px 0;
}

.mail_txt {
    font-size: 18px;
    border: solid #d2262b 2px;
    padding: 15px;
    color: #d2262b;
}

.mail_txt2 {

    background: #ebebeb;

    text-align: left;

    line-height: 150%;

    padding: 20px;

    margin: 30px 0;
}

.pay_end {}

.pthtop {
    width: 100%;
    max-width: 750px;
    margin: 30px auto 100px;
}

.pth0 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth1 {
    width: 100%;
    max-width: 100px;
    margin: 50px auto;
}

.pth2 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth3 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth4 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth5 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth6 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth7 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth8 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.pth9 {
    width: 100%;
    max-width: 750px;
    margin: 50px auto;
}

.bank_txt {
    background-color: #2bbcc0;
    padding: 20px;
    font-size: 22px;
    color: #FFF;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.bank_mail {
    overflow: hidden;
}


.cart_box {
    postion: -webkit-sticky;
    position: sticky;
    top: 2%;
    background: #FFF;
    border: solid #e8e8e8 1px;
    border-radius: 8px;
    color: #505050;
}

.cart_box2 {

    background: #FFF;

    border: solid #C8C8C8 1px;

    margin: 0 0 20px 0;
}

.gborder {
    border-bottom: solid 1px #DDDDDD;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
}

.pbtn {
    margin: 10px 0;
}

.pbtn a:after {
    content: '';
    background: url(../img/arrow.svg) no-repeat;
    background-size: 100% auto;
    width: 0.5em;
    height: 1.0em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ptxt {}


.cart_box {
    padding: 38px 32px;
}

.cart_box .ctitle {
    font-size: 26px;
    text-align: left;
    border-bottom: solid 1px #DDDDDD;
    margin: 0 0 20px 0;
    padding: 0 0 40px 0;
}

.cart_box .cnum {}

.cart_box .cnum ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin: 0 0 10px 0;
}

.cart_box .cnum li {
    font-size: 15px;
}


.cart_box2 {
    padding: 20px 10px;
}

.cart_box2 .ctitle {
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    border-bottom: solid 2px #DDDDDD;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
}

.cart_box2 .cnum {}

.cart_box2 .cnum ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin: 0 0 10px 0;
}

.cart_box2 .cnum li {
    font-size: 20px;
}


.p_right .title {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.p_right .txt {
    text-align: left;
    margin: 0 0 20px 0;
    font-size: 18px;
}

.p_right .form_box {
    padding: 0;
    margin: 0 0 50px 0;
}

.p_right .form_box .ftitle {
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    border-bottom: solid 2px #DDDDDD;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
}

.p_right .form_box .form_e {
    margin: 0 0 20px 0;
}

.p_right .form_box .form_e input {
    font-size: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    border: solid #e8e8e8 2px;
}

.anno {
    text-align: left;
}

.sppbtn {}

.form_sp {}

.form_sp select {
    width: 100%;
    padding: 15px;
    border: solid #999999 2px;
    font-size: 20px;
}

.white_box {
    background: #FFF;
    padding: 30px 25px;
    margin: 0 0 40px 0;
    border: solid #e8e8e8 1px;
}

.white_box .wtitle {
    font-size: 18px;
    padding: 0 0 2% 0;
    margin: 0% 0 4% 0;
    color: #505050;
    text-align: left;
    border-bottom: solid 2px #e8e8e8;
}

.white_box .com_list {}

.white_box .com_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.white_box .com_list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    color: #5b5d6a;
}

.white_box .com_list li .th {
    width: 100%;
    max-width: 98px;
    margin: 0 30px 0 0;
    position: relative;
}

.white_box .com_list li .th img {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 0;
}

.white_box .com_list li .title_set {
    text-align: left;
    margin-right: auto;
}

.white_box .com_list li .title_set .title1 {}

.white_box .com_list li .title_set .title2 {
    font-size: 17px;
    font-weight: 700;
    margin: 10px 0 0;
}

.white_box .com_list li .title_set .title8 {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 0;
    line-height: 1.3;
}

.white_box .com_list li .title_set .title3 {
    color: #ff6600;
    font-size: 11px;
    border: solid 1px #ff6600;
    padding: 1px 4px;
    border-radius: 4px;
    width: max-content;
    margin: 0;
}

.left_set {}

.left_set .sub_txt {
    font-size: 10px;
}

.white_box .com_list li .num {
    margin-left: auto;
    font-size: 21px;
}

.white_box .com_list li .num span {
    font-size: 12px;
    margin: 0 0 0 5px;
}

.white_box .com_list li .num2 {
    margin-left: auto;
    font-size: 18px;
    color: #D2262B;
}

.white_box .com_list li .title3 {
    color: #FFF;
    font-size: min(1vw, 12px);
    background: #ff0063;
    padding: 1px 7px 2px;
    border-radius: 4px;
    width: max-content;
    margin: 0 0 0 auto;
}

.white_box .com_list li .title4 {
    color: #FFF;
    font-size: min(4vw, 13px);
    background: #ff6600;
    padding: 4px 10px;
    border-radius: 4px;
    width: max-content;
    margin: 0 0 0 auto;
    /* width: 100%; */
}

.white_box .com_list li .title5 {
    color: #ec641a;
    font-size: min(3vw, 24px);
    padding: 0;
    width: max-content;
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.white_box .com_list li .title5 span {
    color: #5b5d6a;
    font-size: 14px;
    font-weight: normal;
    margin: 0.4em 0 0 0;
}

.white_box .com_list li .title6 {
    color: #907f6d;
    font-size: min(2.1vw, 19px);
    padding: 0;
    width: max-content;
    margin: 1em 0 0.7em 0;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.white_box .com_list li .title7 {
    font-size: min(2.2vw, 19px);
    padding: 0;
    width: max-content;
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    text-indent: -1em;
    padding-left: 1em;
}

.kicon {
    width: 45px;
    position: absolute;
    bottom: -10px;
    right: -10px;
}

.white_box .com_list li .kicon img {
    box-shadow: none;
    border-radius: inherit;
}

.cred {
    color: #ff4800;
}

.pborder {
    border-bottom: solid 2px #e8e8e8;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}

.num_set {
    margin: 0 0 50px 0;
}

.num_set ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
}

.num_set li {}

.title_set {
    text-align: left;
    margin: 0 50px 0 0;
}

.title_set .title2 {
    font-size: 20px;
    font-weight: bold;
}

.title_set .title3 {
    color: #B5850E;
    font-size: 16px;
}

.num_set .num {
    margin-left: auto;
    font-size: 26px;
}

.num_set .num span {
    font-size: 16px;
    margin: 0 0 0 5px;
}

.tokuten_title {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.tokuten_txt {
    text-align: left;
    margin: 0 0 30px 0;
}

.tokuten_title2 {
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0 50px 0;
}

.tokuten_title2 strong {
    color: #ed0859;
}

.tokuten_title_sub {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.form_t_set {
    text-align: left;
    margin: 0 0 10px 0;
    color: #505050;
    font-size: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.form_t_set span {
    color: #ff4800;
}

.form_t_set .title {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.paylist {}

.paylist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    /* border-bottom: solid 2px #DDDDDD; */
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}

.paylist li {
    margin: 0 15px 0 0;
    width: 73px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.paylist .ptitle {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.ssl_box {}

.ssl_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin: 0 0 10px 0;
}

.ssl_box li {
    text-align: left;
    margin: 0 0px 0px 0;
    width: 100%;
}

.ssl_box li .stitle {
    font-size: 16px;
    margin: 0 0 10px 0;
}

.ssl_box li .stxt {
    font-size: 11px;
}

.ssl_box li:nth-child(2) {
    width: 17%;
    margin: 20px 0 0 0;
}

.pbtn a {
    display: block;
    padding: 6.8% 2%;
    color: #FFF;
    font-size: 19px;
    border-radius: 8px;
    position: relative;
}

.pbtn a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.pbtn.creb a {
    background: #90806d;
}

.pbtn.bankb a {
    background: #ff6400;
}


.floating_btn {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 10;
    width: 10%;
}

.floating_btn a {
    display: block;
}

.floating_btn img {
    width: 100%;
}

.f_menu {
    width: 370px;
    margin: 0.0% auto 0.5% auto;
}

.f_menu ul {
    display: flex;
    justify-content: space-between;
}

.f_menu li {}

.f_menu li a {
    color: #FFF;
}

.f_menu li a:hover {}


.addFriend {
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend {
    margin: 5% auto 5% auto;
    width: 31.2%;
}

input {
    width: 100%;
}

.line_btn img,
.line_btn input,
.buy_btn img {
    animation:
        bounce 2s ease infinite normal 0s none running;
    -webkit-animation:
        bounce 2s ease infinite normal 0s none running;
    -ms-animation:
        bounce 2s ease infinite normal 0s none running;
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: scale(1.0);
    }

    40% {
        transform: scale(1.2);
    }

    60% {
        transform: scale(1.1);
    }

}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: scale(1.0);
    }

    40% {
        transform: scale(1.2);
    }

    60% {
        transform: scale(1.1);
    }
}


.reflection.go {
    height: 100%;
    width: 8%;
    position: absolute;
    top: -56%;
    left: -3%;
    background-color: #fff;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out;
}


@keyframes reflection {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

@-webkit-keyframes reflection {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

@-moz-keyframes reflection {
    0% {
        -moz-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -moz-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -moz-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

@-ms-keyframes reflection {
    0% {
        -ms-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -ms-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -ms-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -ms-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

@-o-keyframes reflection {
    0% {
        -o-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -o-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -o-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -o-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}


@media screen and (max-width:1048px) {}


@media screen and (max-width:768px) {
    html {
        overflow: auto;
    }

    body {
        margin: 0px;
        padding: 0px;
        width: auto;
        background: url(../img/main_bg.jpg) repeat-y;
        overflow: hidden;
        background-size: 210% auto;
    }

    .content {
        max-width: 100%;
    }




    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .foot_bg {
        text-align: left;
        width: 90%;
        margin: 4% auto;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: unset;
        align-items: stretch;
        border-top: solid 1px #FFF;
        border-bottom: solid 1px #FFF;
        border-right: solid 1px #FFF;
    }

    .foot_bg .fbc {
        width: 100%;
        border-left: solid 1px #FFF;
        padding: 20px;
        /* height: 240px; */
    }

    .mfrom {
        width: 100%;
        /* text-align: center; */
        outline: 0;
        border: #231815 2px solid;
        color: #a6a8a8;
        font-size: 3.4vw;
        margin: 0 auto 5% auto;
        padding: 1.5% 3%;
    }


    .p1 {
        background: url(../img/001.png) no-repeat;
        background-size: 143% auto;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0 0 0 0;
    }

    .p1:before {
        content: "";
        display: block;
        padding-top: 27.7%;
        /* 1:1 */
    }

    .p1h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }


    .p2 {
        background-size: 100% auto;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0 0 0 0;
        padding: 10px;
    }

    .p2:before {
        content: "";
        display: block;
        /* 1:1 */
    }

    .p2h {
        height: auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }


    .p3 {
        background: url(../img/003.jpg) no-repeat;
        background-size: 167% auto;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0% 0 0% 0;
        z-index: 10;
    }

    .p3:before {
        content: "";
        display: block;
        /* 1:1 */
        padding-top: 79%;
    }

    .p3h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .p4 {
        background: url(../img/004.jpg) no-repeat;
        background-size: cover;
        background-position: center top;
        background-attachment: fixed;
        position: relative;
        height: auto;
        margin: -22.1% 0 0 0;
        padding: 0 0 0 0;
        z-index: 5;
    }

    .p4:before {
        content: "";
        display: block;
        padding-top: 155.25%;
        /* 1:1 */
    }

    .p4h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }


    .p4_3 {
        background-size: 100% auto;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0% 0 0 0;
        padding: 0% 0 0 0;
        z-index: 5;
    }

    .p4_3:before {
        content: "";
        display: block;
        padding-top: 19.0%;
        /* 1:1 */
        background: #FFE700;
    }

    .p4_3h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }


    .p4_5 {
        background-size: 100% auto;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0% 0 0 0;
        padding: 0 0 0 0;
        z-index: 5;
    }

    .p4_5:before {
        content: "";
        display: block;
        padding-top: 180.5%;
        /* 1:1 */
        background: #fff;
    }

    .p4_5h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }


    .p5 {
        background: #FFF;
        background-position: top center;
        background-size: 100% auto;
        position: relative;
        height: auto;
        margin: 0;
        z-index: 2;
    }

    .p5:before {
        content: "";
        display: block;
        /* 1:1 */
        padding-top: 443.25%;
    }

    .p5h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }


    .p6 {
        background: url(../img/004.jpg) no-repeat;
        background-size: 140% auto;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0% 0 0 0;
        z-index: 1;
    }

    .p6:before {
        content: "";
        display: block;
        padding-top: 86.9%;
        /* 1:1 */
    }

    .p6h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .p7 {
        background-size: 100% auto;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0;
        z-index: 1;
    }

    .p7:before {
        content: "";
        display: block;
        padding-top: 38%;
        /* 1:1 */
    }

    .p7h {
        height: auto;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .p8 {
        background: url(../img/thx_bg.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0;
        z-index: 1;
    }

    .p8:before {
        content: "";
        display: block;
        /* padding-top: 46.9%; */
        /* 1:1 */
    }

    .p8h {
        height: auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .p9 {
        background: url(../img/thx_bg.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0;
        z-index: 1;
    }
    
    .p9:before {
        content: "";
        display: block;
        /* padding-top: 46.9%; */
        /* 1:1 */
    }
    
    .p9h {
        height: auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    
    .p10 {
        background: url(../img/010.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0;
        z-index: 1;
    }
    
    .p10:before {
        content: "";
        display: block;
        /* padding-top: 46.9%; */
        /* 1:1 */
    }
    
    .p10h {
        height: auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .p11 {
        background: url(../img/011.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0;
        z-index: 1;
    }
    
    .p11:before {
        content: "";
        display: block;
        /* padding-top: 46.9%; */
        /* 1:1 */
    }
    
    .p11h {
        height: auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .p12 {
        background: url(../img/012.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        position: relative;
        height: auto;
        margin: 0;
        z-index: 1;
    }
    
    .p12:before {
        content: "";
        display: block;
        /* padding-top: 46.9%; */
        /* 1:1 */
    }
    
    .p12h {
        height: auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .cl {
        background: #505050;
        color: #FFF;
        padding: 1% 0;
    }





    .p1 img,
    .p2 img,
    .p3 img,
    .p4 img,
    .p4_3 img,
    .p4_5 img,
    .p5 img,
    .p6 img,
    .p7 img,
    .p7_5 img,
    .p8 img,
    .p9 img,
    .p10 img,
    .p11 img,
    .p12 img,
    .p13 img,
    .p14 img,
    .p15 img,
    .p15_5 img,
    .p16 img,
    .p17 img,
    .p18 img,
    .p19 img,
    .p20 img,
    .p21 img,
    .p22 img,
    .p23 img,
    .t1 img,
    .w01 img,
    .t2 img,
    .t3 img,
    .t4 img,
    .t5 img,
    .t6 img,
    .t7 img,
    .t8 img,
    .p21 img,
    .p22 img,
    .p23 img,
    .p24 img,
    .p25 img,
    .p26 img {
        width: 100%;
    }

    .addFriend input {
        width: 100%;
    }

    .th_head{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: 937px;
        width: 90%;
        justify-content: space-between;
        margin: 8% auto;
    }
    .th_white_bg{
        background: #FFF;
        border-radius: 24px;
        width: 100%;
        max-width: 100%;
    }
    .th01{
        width: 100%;
        max-width: 100%;
        margin: 0 0 5% -2%;
    }
    .th02 {
        width: 17%;
        max-width: 116px;
        margin: 9% auto 0;
    }
    .th03 {
        width: 90%;
        max-width: 348px;
        margin: 0 auto 10%;
    }
    .th04 {
        width: 90%;
        max-width: 519px;
        margin: 13% auto 0;
    }
    .th05 {
        width: 90%;
        max-width: 519px;
        margin: 7% auto 11%;
    }
    .th06 {
        width: 90%;
        max-width: 533px;
        margin: 7% auto 11%;
    }
    .th07 {
        width: 70%;
        max-width: 423px;
        margin: 5% auto;
    }
    .th08-10{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 90%;
        max-width: 1000px;
        margin: 7% auto 13%;
    }
    .th08 {
        width: 100%;
        max-width: 100%;
        margin: 0 0 7% 0;
    }
    .th09 {
        width: 100%;
        max-width: 100%;
        margin: 0 0 7% 0;
    }
    .th10 {
        width: 100%;
        max-width: 100%;
        margin: 0 0 7% 0;
    }
    .th11 {
        width: 70%;
        max-width: 423px;
        margin: 5% auto;
    }
    .line_id_box{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 90%;
        max-width: 600px;
        border: solid 1px #ff6400;
        background: #FFF;
        justify-content: space-between;
        padding: 1% 3%;
        margin: 8% auto 0;
    }
    .line_id_box .line_title{
        font-size: 3.2vw;
        color: #000;
        width: 16%;
        text-align: left;
    }
    .line_id_box .line_id{
        width: 50%;
        max-width: 250px;
        margin: 0 auto 0 0;
    }
    .line_id_box .line_id input{
        background: none;
        border: none;
        color: #ff6400;
        font-size: 5.2vw;
        font-weight: bold;
    }
    .line_id_box .line_id_copy{}
    .line_id_box .line_id_copy input{
        background: #e3e2e1;
        border: none;
        color: #000;
        border-radius: 4px;
        padding: 9px 15px;
        font-size: 3.2vw;
    }
    .cl.c_cl{
        background: #000;
    }
    
    .arrow_set{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 90%;
        max-width: 251px;
        justify-content: space-between;
        margin: 5% auto;
    }
    .arrow_set .arrow{
        width: 20%;
    }
    .th_name{
        width: 90%;
        font-size: 9.2vw;
        font-weight: bold;
        margin: 5% auto 3% auto;
    }
    .bank_name_txt {
        border-bottom: solid 2px #514f50;
        color: #ff6400;
        font-size: 5.2vw;
        padding: 0 0 5%;
        font-weight: bold;
    }

    .bank24_txt {
        color: #ff6400;
        border: solid 2px #ff6400;
        font-size: 4.2vw;
        padding: 5%;
        font-weight: bold;
        margin: 50px 0;
    }

    .bank_list {}

    .bank_list ul {}

    .bank_list li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 5%;
        border-bottom: solid 2px #d7d7d7;
    }

    .bank_list li:nth-child(odd) {}

    .bank_list li:nth-child(even) {
        background: #f5f5f5;
    }

    .bank_list li .title {
        width: 100%;
        text-align: left;
        font-size: 3.2vw;
        font-weight: bold;
        color: #5b5d6a;
        padding: 0;
        margin: 0 0 2% 0;
    }

    .bank_list li .dtxt {
        width: 100%;
        text-align: left;
        color: #5b5d6a;
        font-size: 3.2vw;
    }

    .anno_txt {
        text-align: left;
        font-size: 3.0vw;
    }

    .t_box1 {
        width: 100%;
        max-width: 870px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        max-height: 100%;
    }

    .thx_logo {
        width: 65.1%;
        max-width: 565px;
        margin: 0;
    }

    .e32_1 {
        width: 32.3%;
        max-width: 279px;
        margin: 30% 0 0 0;
    }

    .app_comp_title {
        font-size: 7.2vw;
        color: #FFF;
        font-weight: bold;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 44px auto 40px auto;
        width: 90%;
    }

    .app_comp_title:before {
        content: '';
        background: url(../img/icon_check.png) no-repeat;
        background-size: 100% auto;
        width: 1.34em;
        height: 1.26em;
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.3em;
    }

    .app_comp_txt {
        color: #FFF;
        font-size: 5.2vw;
    }

    .app_comp_txt2 {
        color: #FFF;
        font-size: 3.8vw;
        margin: 30px 0 60px 0;
    }

    .th_p_box {
        max-width: 1050px;
        margin: 50px auto 100px;
    }

    .form_box1 {
        position: absolute;
        top: 39%;
        width: 58.3%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 1;
    }

    .form_box1 input {
        width: 100%;
        height: 0%;
        text-align: center;
        border-radius: 0;
        outline: 0;
        border: #aaa 1px solid;
        color: #666;
        font-size: 2.2vw;
        margin: 0 auto 3% auto;
        padding: 3% 5%;
    }

    .main_animation {
        margin: 0 20%;
        width: 60% !important;
        height: auto !important;
        position: absolute;
        top: 22%;
    }

    .main_animation canvas,
    .main_animation #dom_overlay_container {
        width: 100% !important;
        height: auto !important;
    }


    .sc1 {
        position: absolute;
        top: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding: 3.3% 0 1.4% 0;
        z-index: 10;
        background: #fff;
    }

    .sc2 {
        position: absolute;
        top: 32%;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 10;
    }

    .sc3 {
        position: absolute;
        top: 41%;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 10;
    }

    .loop_css2 {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 200vw;
        overflow: hidden;
        margin-bottom: 0;
    }

    .loop_css2 ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100%;
        margin: 0 0px 0 0px;
        padding: 0;
    }

    .loop_css2 li {
        display: inline-block;
        width: calc(100vw / 2);
        min-width: auto;
        max-width: initial;
        margin: 0 1% 0 1%;
        list-style: none;
        text-align: center;
    }

    .loop_css2 li a {
        display: block;
    }

    .loop_css2 li img {
        display: block;
        width: 100%;
        height: auto;
    }

    .loop_css2 li a:hover {
        opacity: .7;
    }

    .loop_css2 ul:first-child {
        -webkit-animation: loop 50s -25s linear infinite;
        animation: loop 50s -25s linear infinite;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
    }

    .loop_css2 ul+ul {
        -webkit-animation: loop2 50s linear infinite;
        animation: loop2 50s linear infinite;
    }


    @-webkit-keyframes loop {
        0% {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        to {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @keyframes loop {
        0% {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        to {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @-webkit-keyframes loop2 {
        0% {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }

        to {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes loop2 {
        0% {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }

        to {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }



    .loop_css3 {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100vw;
        overflow: hidden;
        margin-bottom: 0;
    }

    .loop_css3 ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100%;
        margin: 0 0px 0 0px;
        padding: 0;
    }

    .loop_css3 li {
        display: inline-block;
        width: calc(100vw / 2);
        min-width: auto;
        max-width: initial;
        margin: 0 1% 0 1%;
        list-style: none;
        text-align: center;
    }

    .loop_css3 li a {
        display: block;
    }

    .loop_css3 li img {
        display: block;
        width: 100%;
        height: auto;
    }

    .loop_css3 li a:hover {
        opacity: .7;
    }

    .loop_css3 ul:first-child {
        -webkit-animation: loop3 50s -25s linear infinite;
        animation: loop3 50s -25s linear infinite;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
    }

    .loop_css3 ul+ul {
        -webkit-animation: loop4 50s linear infinite;
        animation: loop4 50s linear infinite;
    }


    @-webkit-keyframes loop3 {
        0% {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }

        to {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    @keyframes loop3 {
        0% {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }

        to {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    @-webkit-keyframes loop4 {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        to {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }
    }

    @keyframes loop4 {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        to {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }
    }


    .e1 {
        position: absolute;
        top: 17%;
        width: 72.25%;
        left: 5%;
        margin: 0 auto;
        z-index: 1;
    }

    .e2 {
        position: absolute;
        top: 0;
        width: 62%;
        left: 70%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e3 {
        position: absolute;
        bottom: 0;
        width: 49.05%;
        right: -6%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e4 {
        position: absolute;
        top: 54.9%;
        width: 5.1%;
        left: 18%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e5 {
        position: absolute;
        top: 7%;
        width: 22.25%;
        right: 26%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e6 {
        position: absolute;
        top: 39%;
        width: 42.75%;
        right: 19%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e7 {
        position: absolute;
        top: 86.8%;
        width: 23.45%;
        right: 27%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e8 {
        position: absolute;
        top: 10%;
        width: 60.15%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e9 {
        position: absolute;
        top: 16%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e10 {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e11 {
        position: absolute;
        top: 17%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }


    .e12 {
        position: absolute;
        top: 49%;
        width: 20%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e13 {
        position: absolute;
        top: 63%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e14 {
        position: absolute;
        top: 75%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e15 {
        position: absolute;
        top: 2.5%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e16 {
        position: absolute;
        top: 9%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e17 {
        position: absolute;
        top: 44%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e18 {
        position: absolute;
        top: 72%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e19 {
        position: absolute;
        top: 15%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .e20 {
        position: absolute;
        top: 59%;
        width: 90%;
        left: 0%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }


    .e32 {
        position: absolute;
        top: -8%;
        width: 31.1%;
        left: 72%;
        right: 0%;
        margin: 0% auto 0% auto;
        z-index: 5;
    }

    .demo_title {
        color: #ff6400;
        font-weight: 700;
        font-size: 4.2vw;
        margin: 0 0 5% 0;
    }

    .arrow2 {
        width: 15%;
        max-width: 81px;
        margin: 0 auto 5%;
    }

    .sub_title {
        font-size: 3.0vw;
        font-weight: 500;
        margin: 0 0 3px 0;
    }

    .p_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 1020px;
        margin: 0 auto;
        width: 100%;
    }


    .ptitle {
        font-size: min(4.333333vw, 20px);
        border-bottom: solid 3px #505050;
        padding: 0 0 2% 0;
        margin: 0 0 2% 0;
        color: #505050;
        text-align: left;
        font-weight: 500;
    }

    .ptitle2 {
        font-weight: 500;
        font-size: min(4.333333vw, 20px);
        border-bottom: solid 3px #505050;
        padding: 0 0 3% 0;
        margin: 0 0 4% 0;
        color: #505050;
        text-align: left;
    }

    .txt {
        font-size: min(2.7vw, 17px);
    }

    .p_right {
        width: 100%;
        max-width: 610px;
        margin: 0 0 0 0;
    }

    .p_left {
        width: 100%;
        max-width: 347px;
        margin: 163px 0 0 0;
    }

    .p_center {
        width: 100%;
        margin: 0 0 5% 0;
    }

    .tokutei_title {
        margin: 0 0 30px 0;
        border-bottom: solid 4px #d2262b;
        padding: 0 0 10px 0;
        line-height: 150%;
        font-size: 24px;
    }

    .tokutei {
        width: 100%;
        border-collapse: collapse;
    }

    .tokutei tr {
        border-bottom: solid 2px white;
    }

    .tokutei tr:last-child {
        border-bottom: none;
    }

    .tokutei th {
        position: relative;
        text-align: left;
        width: 40%;
        background-color: #2bbcc0;
        color: white;
        text-align: center;
        padding: 20px 15px;
    }

    .tokutei th:after {
        display: block;
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        top: calc(50% - 10px);
        right: -10px;
        border-left: 10px solid #2bbcc0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .tokutei td {
        text-align: left;
        width: 60%;
        text-align: left;
        background-color: #eee;
        padding: 20px 20px;
        line-height: 150%;
    }

    .privacy {
        text-align: left;
        padding: 0px;
    }

    .privacy h2 {
        position: relative;
        padding: 1rem 2rem 1rem 4em;
        background: #ededed;
        display: block;
        width: 100%;
        font-size: 1.8rem;
        margin: 0 0 2rem 0;
    }

    .privacy h2 span {
        position: absolute;
        top: -10px;
        left: 20px;
        display: inline-block;
        width: 36px;
        height: 21px;
        text-align: center;
        background: #d2262b;
    }

    .privacy h2 span:before,
    .privacy h2 span:after {
        position: absolute;
        content: '';
    }

    .privacy h2 span:before {
        right: -10px;
        width: 0;
        height: 0;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #8e060a;
    }

    .privacy h2 span:after {
        top: 50%;
        left: 0;
        display: block;
        height: 50%;
        border: 1em solid #d2262b;
        border-bottom-width: 15px;
        border-bottom-color: transparent;
    }

    .privacy p {
        margin: 0 0 40px 0;
        line-height: 150%;
    }

    .kiyaku {
        text-align: left;
        padding: 0;
    }

    .kiyaku p {
        margin: 0 0 40px 0;
        line-height: 150%;
    }

    .kiyaku h2 {
        position: relative;
        overflow: hidden;
        padding: 0.8rem 2rem 0.8rem 130px;
        border: 2px solid #d2262b;
        font-size: 1.8rem;
    }

    .kiyaku h2:before {
        position: absolute;
        top: -186%;
        left: -114px;
        width: 220px;
        height: 300%;
        content: '';
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
        background: #d2262b;
    }

    .kiyaku h2 span {
        font-size: 1.8rem;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        padding-top: 5px;
        padding-left: 16px;
        color: #fff;
        line-height: 150%;
    }

    .mail_regist {
        padding: 0px;
    }


    .pay_end {}

    .pthtop {
        width: 100%;
        max-width: 750px;
        margin: 0px auto 50px;
    }

    .pth0 {
        width: 100%;
        max-width: 750px;
        margin: 20px auto;
    }

    .pth1 {
        width: 100%;
        max-width: 50px;
        margin: 30px auto;
    }

    .pth2 {
        width: 100%;
        max-width: 750px;
        margin: 20px auto;
    }

    .pth3 {
        width: 100%;
        max-width: 750px;
        margin: 20px auto;
    }

    .pth4 {
        width: 100%;
        max-width: 750px;
        margin: 50px auto 20px;
    }

    .pth5 {
        width: 100%;
        max-width: 750px;
        margin: 20px auto;
    }

    .pth6 {
        width: 100%;
        max-width: 750px;
        margin: 50px auto;
    }

    .pth7 {
        width: 100%;
        max-width: 750px;
        margin: 50px auto 20px;
    }

    .pth8 {
        width: 100%;
        max-width: 750px;
        margin: 20px auto 50px;
    }

    .pth9 {
        width: 100%;
        max-width: 750px;
        margin: 50px auto;
    }

    .cart_box {
        postion: -webkit-sticky;
        position: sticky;
        top: 0;
        background: #FFF;
        border: solid #C8C8C8 4px;
    }

    .cart_box2 {
        background: #FFF;
        border: solid #C8C8C8 1px;
    }

    .gborder {
        border-bottom: solid 2px #DDDDDD;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }

    .pbtn {
        margin: 10px 0;
    }

    .ptxt {}


    .cart_box {
        padding: 20px 10px;
    }

    .cart_box .ctitle {
        font-size: 20px;
        text-align: left;
        font-weight: bold;
        border-bottom: solid 2px #DDDDDD;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }

    .cart_box .cnum {}

    .cart_box .cnum ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        margin: 0 0 10px 0;
    }

    .cart_box .cnum li {
        font-size: 20px;
    }


    .cart_box2 {
        padding: 20px 10px;
    }

    .cart_box2 .ctitle {
        font-size: 20px;
        text-align: left;
        font-weight: bold;
        border-bottom: solid 2px #DDDDDD;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }

    .cart_box2 .cnum {}

    .cart_box2 .cnum ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        margin: 0 0 10px 0;
    }

    .cart_box2 .cnum li {
        font-size: 20px;
    }


    .p_right .title {
        text-align: left;
        font-size: 24px;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .p_right .txt {
        text-align: left;
        margin: 0 0 20px 0;
        font-size: 3.6vw;
    }

    .p_right .form_box {
        background: #F9F9F9;
        padding: 20px;
        margin: 0 0 50px 0;
        border: solid 1px #C8C8C8;
    }

    .p_right .form_box .ftitle {
        font-size: 20px;
        text-align: left;
        font-weight: bold;
        border-bottom: solid 2px #DDDDDD;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }

    .p_right .form_box .form_e {
        margin: 0 0 20px 0;
    }

    .p_right .form_box .form_e input {
        font-size: min(4.333333vw, 20px);
        padding: 3%;
        border: solid #999999 2px;
    }

    .sppbtn {
        margin: -20px auto 30px auto;
        width: 90%;
    }

    .sppbtn a {
        display: block;
        padding: 4.8% 2%;
        color: #FFF;
        font-size: min(4.066666vw, 19px);
        border-radius: 8px;
        background: #ff6400;
        position: relative;
    }

    .sppbtn a:after {
        content: '';
        background: url(../img/arrow.svg) no-repeat;
        background-size: 100% auto;
        width: 0.5em;
        height: 1em;
        display: inline-block;
        vertical-align: middle;
        margin-left: 1em;
        position: absolute;
        right: 3%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .form_sp {
        text-align: left;
    }

    .form_sp select {
        width: 100%;
        padding: 3%;
        border: solid #999999 2px;
        font-size: min(4.333333vw, 20px);
        border-radius: 8px;
    }

    .white_box {
        background: #FFF;
        padding: 20px;
        margin: 0 0 5% 0;
        border: solid #e8e8e8 1px;
    }

    .white_box .wtitle {
        font-size: min(4.333333vw, 20px);
        text-align: left;
        font-weight: bold;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }

    .white_box .com_list {}

    .white_box .com_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .white_box .com_list li {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .white_box .com_list li .th {
        width: 34%;
        max-width: 98px;
        margin: 0 8% 0 0;
    }

    .white_box .com_list li .th img {}

    .white_box .com_list li .title_set {
        text-align: left;
        margin-right: auto;
        width: 58%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .white_box .com_list li .title_set .title1 {
        font-size: min(2.5vw, 10px);
        margin: 0;
    }

    .white_box .com_list li .title_set .title2 {
        font-size: 3.2vw;
        font-weight: bold;
    }

    .white_box .com_list li .title_set .title8 {
        font-size: 4.2vw;
        font-weight: 600;
        margin: 10px 0 0;
        line-height: 1.3;
    }

    .white_box .com_list li .title_set .title3 {
        color: #ff6600;
        font-size: min(2.933333vw, 11px);
        border: solid 1px #ff6600;
        padding: 1px 4px;
        border-radius: 4px;
        width: max-content;
        margin: 2% 0 2% 0;
    }

    .left_set {
        margin: 0% 0 0 auto;
    }

    .left_set .sub_txt {
        font-size: 10px;
    }

    .white_box .com_list li .num {
        margin-left: auto;
        font-size: min(5.6vw, 21px);
    }

    .white_box .com_list li .num span {
        font-size: 16px;
        margin: 0 0 0 5px;
    }

    .white_box .com_list li .num2 {
        margin-left: auto;
        font-size: 14px;
        width: 20%;
        color: #D2262B;
    }

    .cred {
        color: #ff4800;
    }

    .pborder {
        border-bottom: solid 2px #e8e8e8;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }

    .num_set {
        margin: 0 0 50px 0;
    }

    .num_set ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
        align-items: center;
    }

    .num_set li {}

    .title_set {
        text-align: left;
        margin: 0 50px 0 0;
    }

    .title_set .title2 {
        font-size: 20px;
        font-weight: bold;
    }

    .title_set .title3 {
        color: #B5850E;
        font-size: 16px;
    }

    .num_set .num {
        margin-left: auto;
        font-size: 26px;
    }

    .num_set .num span {
        font-size: 16px;
        margin: 0 0 0 5px;
    }

    .tokuten_title {
        text-align: left;
        font-size: min(4.8vw, 20px);
        font-weight: bold;
        margin: 0 0 20px 0;
    }

    .tokuten_txt {
        text-align: left;
        margin: 0 0 30px 0;
    }

    .tokuten_title2 {
        font-size: min(3.9vw, 15px);
        font-weight: bold;
        margin: 40px 0 50px 0;
    }

    .tokuten_title2 strong {
        color: #ed0859;
    }

    .tokuten_title_sub {
        font-size: min(4.4vw, 18px);
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .form_t_set {
        text-align: left;
        margin: 0 0 10px 0;
        color: #505050;
        font-size: 18px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .form_t_set span {
        color: #ed0859;
    }

    .form_t_set .title {
        font-size: min(3.8vw, 18px);
        font-weight: normal;
        margin: 0;
    }

    .white_box .com_list li .title3 {
        color: #FFF;
        font-size: min(3.5vw, 13px);
        background: #ff0063;
        padding: 1px 7px 2px;
        border-radius: 4px;
        width: max-content;
        margin: 0 0 0 auto;
    }

    .white_box .com_list li .title4 {
        font-size: min(3.5vw, 13px);
        padding: 1px 7px;
        border-radius: 4px;
        background: #ff6600;
        width: max-content;
        margin: 6% 0 0 auto;
        width: 100%;
    }

    .white_box .com_list li .title5 {
        color: #ec641a;
        font-size: min(5vw, 24px);
        padding: 0;
        width: max-content;
        margin: 0;
        display: flex;
        align-items: center;
        font-weight: 500;
        flex-wrap: wrap;
    }

    .white_box .com_list li .title5 span {
        color: #5b5d6a;
        font-size: 14px;
        font-weight: normal;
        margin: 0.4em 0 0 auto;
        display: block;
    }

    .white_box .com_list li .title6 {
        color: #907f6d;
        font-size: min(2.1vw, 19px);
        padding: 0;
        width: max-content;
        margin: 1em 0 0.7em 0;
        display: flex;
        align-items: center;
        font-weight: 500;
    }

    .white_box .com_list li .title7 {
        font-size: min(2.2vw, 19px);
        padding: 0;
        width: max-content;
        margin: 0;
        display: flex;
        align-items: center;
        font-weight: 500;
        text-indent: -1em;
        padding-left: 1em;
    }

    .mb20 {
        margin-bottom: 20px !important;
    }

    .mb50 {
        margin-bottom: 7% !important;
    }

    .mt20 {
        margin-top: 20px !important;
    }

    .mt35 {
        margin-top: 35px !important;
    }

    .mt50 {
        margin-top: 50px !important;
    }


    .paylist {}

    .paylist ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
        border-bottom: solid 2px #DDDDDD;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }

    .paylist li {
        margin: 0 10px 0 0;
        width: 16.5%;
    }

    .paylist .ptitle {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .ssl_box {}

    .ssl_box ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        margin: 0 0 50px 0;
    }

    .ssl_box li {
        text-align: left;
        margin: 0 0px 0px 0;
    }

    .ssl_box li .stitle {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .ssl_box li .stxt {
        font-size: 11px;
    }

    .bank_txt {
        background-color: #2bbcc0;
        padding: 20px;
        font-size: 12px;
        color: #FFF;
        margin: 0 0 20px 0;
        overflow: hidden;
    }

    .bank_mail h2 {
        position: relative;
        padding: 1rem 2rem;
        text-align: center;
        color: #22ac38;
        border-radius: 0 10px 10px 10px;
        background: #e3f5d8;
        margin: 50px 0 10px 0;
        font-size: 24px;
    }

    .mail_txt {
        font-size: 14px;
        border: solid #d2262b 2px;
        padding: 15px;
        color: #d2262b;
    }

    .f_menu {
        width: 370px;
        margin: 4% auto 5% auto;
        width: 90%;
    }

    .f_menu ul {
        display: flex;
        justify-content: space-between;
    }

    .f_menu li {}

    .f_menu li a {
        color: #FFF;
    }

    .f_menu li a:hover {}

    .parallax {
        width: 100%;

        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: inherit;
        text-align: center;
    }

    .parallax.bg-01 {
        background-image: url(../img/004sp.jpg);

    }

    body ul {
        width: 100%;
    }
    .pay_body ul{
        width: 100%;
        max-width: 1200px;
    }
}

@media screen and (max-width:600px) {}

@media screen and (max-width:425px) {}

}

@media screen and (max-width:414px) {}


@media screen and (max-width:393px) {}


@media screen and (max-width:375px) {}

@media screen and (max-width:360px) {}

@media screen and (max-width:320px) {}
}