*{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.w-full {
    width: 100%
}
.max-w-\[1000px\] {
    max-width: 1000px
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}


.p-fv{
    position: relative;
    width: 100%;
}
.p-fv_bg{
    position: relative;
    width: 100%;
    height:auto;
    z-index:0;
}
.p-fv_cta{
    position: absolute;
    z-index:10;
    width:calc((844.89 / 1000) * 100%);
    height:auto;
    bottom: calc((225 / 2000)* 100%);
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.p-first{
    position: relative;
    width: 100%;
}
.p-first_bg{
    position: relative;
    width: 100%;
    height:auto;
    z-index:0;
}
.p-first_cta{
    position: absolute;
    z-index:10;
    width:calc((863 / 1000) * 100%);
    height:auto;
    bottom: calc((65 / 2000)* 100%);
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.p-door{
    position: relative;
    width: 100%;
}
.p-door_bg{
    position: relative;
    width: 100%;
    height:auto;
    z-index:0;
}
.p-door_cta{
    position: absolute;
    z-index:10;
    width:calc((863 / 1000) * 100%);
    height:auto;
    bottom: calc((115 / 2000)* 100%);
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}


.p-contents img{
    position: relative;
    width: 100%;
    height: auto;
    margin-top: -0.5px;
}


/* ご利用上の注意 */
.p-caution{
    position: relative;
    padding-top: clamp(1px, calc((95 / 1000)* 100vw), 95px);
    padding-bottom: clamp(1px, calc((95 / 1000)* 100vw), 95px);
    padding-left: clamp(1px, calc((75 / 1000)* 100vw), 75px);
    padding-right: clamp(1px, calc((75 / 1000)* 100vw), 75px);
    background-color: #000;
}
.p-caution_title{
    position: relative;
    width: clamp(1px, calc((442 / 1000) * 100vw), 442px);
    margin-bottom: clamp(1px, calc((70 / 1000)* 100vw), 70px);
    max-width: 100%;
}
.p-caution_list{
    position: relative;
    width: 100%;
    font-size: clamp(10px, 3vw, 30px);
    line-height: calc((50 / 30) * 1em);
    letter-spacing: 0.025em;
    display: flex;
    flex-direction: column;
    gap: clamp(1px, calc((50 / 1000) * 100vw), 50px);
}
.p-caution_list li{
    display: flex;
    justify-content: flex-start;
    gap:0;

}
.p-caution_list li::before{
    content:'◆';
    color:#c20709;
 }
.p-caution_list li div{
    flex: auto;
}

.c-cta{
    position: relative;
    width: 100%;
    height:auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.c-cta_copy{
    position: relative;
    height: auto;
}
.c-cta_btn{
    position: relative;
    width: 100%;
}
.c-cta_btn img{
    position: relative;
    width: 100%;
    height: auto;
}

.c-cta-01{
    gap: clamp(1px, calc((15 / 1000)* 100vw), 15px);
}
.c-cta-01_copy{
    width: calc((644 / 863) * 100%);
    max-width: 644px;
}
.c-cta-01_btn{
    max-width: 863px;
}

.c-cta-02{
    gap: 0;
}
.c-cta-02_copy{
    width: calc((578 / 863) * 100%);
    max-width: 578px;
}
.c-cta-02_btn{
    max-width: 863px;
}



.p-result{
    position: relative;
    width:100%;
    background-image: url("../images/content-01_bg.png");
    background-repeat: no-repeat;
    background-color: #c20709;
    background-position: top center;
    background-size: cover;
    padding-top: clamp(1px, calc((60 / 1000) * 100vw),60px);
    padding-left: clamp(1px, calc((30 / 1000) * 100vw),30px);
    padding-right: clamp(1px, calc((30 / 1000) * 100vw),30px);
    padding-bottom: clamp(1px, calc((70 / 1000) * 100vw),70px);
    overflow: hidden;
}
.p-result img.p-result_title{
    position: relative;
    width:clamp(1px, calc((550 / 1000) * 100vw),550px);
    margin-left:auto;
    margin-right: auto;
    margin-bottom: clamp(1px, calc((50 / 1000) * 100vw),50px);
    display: block;
}
.p-result img.p-result_decoration{
    position: absolute;
    width: clamp(1px, calc((316 / 1000) * 100vw),316px);
    display: block;
    top: clamp(1px, calc((19 / 1000) * 100vw),19px);
    left:0;
}
.p-result img.p-result_ribbon{
    position: relative;
    width: clamp(1px, calc((940 / 1000) * 100vw),940px);
    display: block;
    margin-left:auto;
    margin-right: auto;
    z-index:2;
}

.p-result_data{
    position: relative;
    width: clamp(1px, calc((940 / 1000) * 100vw),940px);
    z-index:1;
}
.p-result_data-list{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: clamp(1px, calc((30 / 1000) * 100vw),30px);
    width: clamp(1px, calc((940 / 1000) * 100vw),940px);
    padding-left: clamp(1px, calc((27 / 1000) * 100vw), 27px);
    padding-right: clamp(1px, calc((27 / 1000) * 100vw), 27px);
    margin-top: clamp(-30px, calc((30 / 1000) * -100vw), 1px);
}



.result-card{
    width: 100%;
    background-color:#fff;
    position: relative;
    padding-top: clamp(1px, calc((35 / 1000) * 100vw),35px);
    padding-left: clamp(1px, calc((35 / 1000) * 100vw),35px);
    padding-right: clamp(1px, calc((35 / 1000) * 100vw),35px);
    padding-bottom: clamp(1px, calc((40 / 1000) * 100vw),40px);
}
.result-card .result-card_head{
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: clamp(1px, calc((30 / 1000) * 100vw),30px);
}
.result-card .result-card_middle{
    position: relative;
    padding-left: clamp(1px, calc((25 / 1000) * 100vw),25px);
    padding-right: clamp(1px, calc((25 / 1000) * 100vw),25px);
    margin-bottom: clamp(1px, calc((30 / 1000) * 100vw),30px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:clamp(1px, calc((20 / 1000) * 100vw),20px);
}
.result-card .result-card_date{
    font-size:clamp(10px, calc((42 / 1000) * 100vw),42px);
    color:#111111;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 1.215em;
}
.result-card .result-card_date span{
    margin-left: -.4em;
}
.result-card .result-card_detail{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap:clamp(1px, calc((28 / 1000) * 100vw),28px);
}
.result-card .result-card_detail_places{
    gap:4px;
}
.result-card .result-card_detail_item{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:clamp(1px, calc((30 / 1000) * 100vw),30px);
}
.result-card .result-card_detail_places{
    color:#111111;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:clamp(1px, calc((12 / 1000) * 100vw),12px);
}
.result-card .result-card_detail_places .num{
    border: solid 1px #111;
    height:clamp(1px, calc((66 / 1000) * 100vw),66px);
    width:clamp(1px, calc((66 / 1000) * 100vw),66px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.result-card .result-card_detail_places .num.num1{
    background-color: #ffffff;
    color:#111111;
}
.result-card .result-card_detail_places .num.num2{
    background-color: #111111;
    color:#ffffff;
}
.result-card .result-card_detail_places .num.num3{
    background-color: #c20709;
    color:#ffffff;
}
.result-card .result-card_detail_places .num.num4{
    background-color: #142795;
    color:#ffffff;
}
.result-card .result-card_detail_places .num.num5{
    background-color: #deb606;
}
.result-card .result-card_detail_places .num.num6{

}
.result-card .result-card_detail_places .num.num7{

}
.result-card .result-card_detail_places .num.num8{

}
.result-card .result-card_detail_places .num.num9{

}
.result-card .result-card_detail_places .num.num10{

}
.result-card .result-card_detail_places .line{
    margin-top: -0.25em;
    font-weight: 100;
}
.result-card .result-card_detail_round{
    flex:1;
    color:#111111;
    font-weight: bold;
    font-size:clamp(10px, calc((42 / 1000) * 100vw),42px);
}
.result-card .result-card_bottom{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap:clamp(1px, calc((16 / 1000) * 100vw),16px);
    color: #c20709;
}
.result-card .result-card_bottom .result-card_bottom-label{
    font-size:clamp(10px, calc((46 / 1000) * 100vw),46px);
    font-weight: bold;
    padding-bottom: clamp(1px, calc((16 / 1000) * 100vw), 16px);
}
.result-card .result-card_bottom .result-card_bottom-value{
    font-size:clamp(10px, calc((112 / 1000) * 100vw),112px);
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.result-card .result-card_bottom .result-card_bottom-value-unit{
    font-style: inherit;
    font-size:0.58em;
    font-weight: bold;
}




.p-voice{
    position: relative;
    width:100%;
    background-image: url("../images/content-09_bg.png");
    background-repeat: no-repeat;
    background-color: #c20709;
    background-position: top center;
    background-size: cover;
    padding-top: clamp(1px, calc((80 / 1000) * 100vw),80px);
    padding-bottom: clamp(1px, calc((80 / 1000) * 100vw),80px);
    overflow: hidden;
}
.p-voice img.p-voice_title{
    position: relative;
    width:clamp(1px, calc((893 / 1000) * 100vw),893px);
    margin-left:auto;
    margin-right: auto;
    margin-bottom: clamp(1px, calc((60 / 1000) * 100vw),60px);
    display: block;
}

.p-voice-card{
    position: relative;
    padding-top:clamp(1px, calc((103 / 1000) * 100vw),103px);
    padding-bottom:clamp(1px, calc((102 / 1000) * 100vw),102px);
    color: #111111;
}
.p-voice-card_inner{
    position: relative;
    background-color: #ffffff;
    padding-left: clamp(1px, calc((70 / 1000) * 100vw), 70px);
    padding-right: clamp(1px, calc((70 / 1000) * 100vw), 70px);
    padding-bottom: clamp(1px, calc((40 / 1000) * 100vw), 40px);
}
.p-voice-card::before{
    content:'';
    display: block;
    position: absolute;
    width:100%;
    height:clamp(1px, calc((104 / 1000) * 100vw),104px);
    background-image: url("../images/content-09_user-bg-top.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    top: 1px;
    left: 0;
}
.p-voice-card::after{
    content:'';
    display: block;
    position: absolute;
    width:100%;
    height:clamp(1px, calc((103 / 1000) * 100vw),103px);
    background-image: url("../images/content-09_user-bg-bottom.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    bottom: 1px;
    left: 0;
}

.p-voice-card_top{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: clamp(1px, calc((46 / 1000) * 100vw),46px);
}
.p-voice-card_img{
    position: relative;
    width: clamp(1px, calc((287 / 1000) * 100vw),287px);
    margin-top: clamp(-107px, calc((107 / 1000) * -100vw), 1px);
}
.p-voice-card_profile{
    position: relative;
    display: flex;
    flex-direction: column;
}
.p-voice-card_profile-data{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-weight: bold;
    gap:clamp(1px, calc((15 / 1000) * 100vw),15px);
    padding-bottom: clamp(1px, calc((4 / 1000) * 100vw),4px);
    border-bottom: solid clamp(2px, calc((4 / 1000) * 100vw),4px) #b9b9b9;

}
.p-voice-card_profile-data_date{
    font-weight: bold;
    font-size: clamp(10px, calc((30 / 1000) * 100vw),30px);
}
.p-voice-card_profile-data_name{
    font-weight: bold;
    font-size: clamp(10px, calc((40 / 1000) * 100vw),40px);
}

.p-voice-card_profile-plan{
    position: relative;
    margin-top: clamp(1px, calc((30 / 1000) * 100vw),30px);
}
.p-voice-card_profile-plan_label{
    position: relative;
    font-size: clamp(10px, calc((30 / 1000) * 100vw),30px);
    background-color: #111111;
    color:#ffffff;
    display: inline-block;
    padding-left: clamp(1px, calc((22 / 1000) * 100vw),22px);
    padding-right: clamp(1px, calc((22 / 1000) * 100vw),22px);
    padding-top: clamp(1px, calc((10 / 1000) * 100vw),10px);
    padding-bottom: clamp(1px, calc((10 / 1000) * 100vw),10px);
    border-radius: clamp(1px, calc((10 / 1000) * 100vw),10px);
}
.p-voice-card_profile-plan_name{
    margin-top: clamp(1px, calc((15 / 1000) * 100vw),15px);
    font-size: clamp(10px, calc((47 / 1000) * 100vw),47px);
    position: relative;
    font-weight: bold;
}

.p-voice-card_bottom{
    position: relative;
    margin-top: clamp(1px, calc((65 / 1000) * 100vw),65px);
}
.p-voice-card_description{
    position: relative;
    font-size: clamp(10px, calc((34 / 1000) * 100vw),34px);
    line-height: 1.82em;
    font-weight: bold;
    text-align: justify;
    font-feature-settings: "palt";
}
.p-voice-card_description strong{
    font-size:1.29em;
    color: #c20709;
}