@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 751px) {

    #redwin_application {
        position: relative;
        padding-bottom: 100px;
        text-align: left;
        letter-spacing: normal;
    }

    #redwin_application .body_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../../common/img/bg_stripe.png') left top, url('../img/main_bg.jpg') no-repeat center top;
        background-size: auto, 100% auto;
        background-blend-mode: multiply;
        z-index: -1;
    }

    #redwin_application .kv_body_txt {
        margin-top: 58px;
        text-align: center;
    }

    #redwin_application .kv_body_txt .kv_body_large {
        text-align: center;
    }
    
    #redwin_application .redwin_navi a:hover,
    #redwin_application .redwin_navi .current a {
        color: #fff;
        background-color: #c30e18;
        opacity: 1;
    }

    /* cnt navi */
    #redwin_application .cnt_navi {
        display: flex;
        justify-content: center;
        gap: 23px;
        margin-bottom: 20px;
        color: #fff;
        font-family: "FP-ヒラギノ角ゴ StdN W8", sans-serif;
        font-weight: 800;
        font-size: 22px;
    }
    
    #redwin_application .cnt_navi a {
        display: block;
        color: #fff;
        border-bottom: 2px solid #fff;
        font-size: clamp(
            calc(20px * 0.75), /* 最小0.75倍 */
            calc(100vw / (1400 / 20)), /* 画面幅1400pxのときに45px */
            calc(20px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.03em;
        text-align: center;

    }

    /* repair menu */
    #redwin_application .sec .sec_title {
        color: #173b67;
        font-size: clamp(
            calc(32px * 0.75), /* 最小0.75倍 */
            calc(100vw / (1400 / 32)), /* 画面幅1400pxのときに45px */
            calc(32px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.03em;
        text-align: center;
    }

    #redwin_application .sec .txt {
        color: #173b67;
        font-size: clamp(
            calc(16px * 0.75), /* 最小0.75倍 */
            calc(100vw / (1400 / 16)), /* 画面幅1400pxのときに45px */
            calc(16px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 1.6;
        text-align: left;
    }

    #redwin_application .sec .txt_01 span,
    #redwin_application .sec .txt span{
        display: inline-block;
    }

    #redwin_application .sec .pc { 
        display: inline-block;
    }

    /*  sec_imgtxt_box  */
    .sec_imgtxt_box{
        max-width: 800px;
        width: 100%;
        margin: 65px auto 0;
    }

    #redwin_application .btn_red {
        display: block;
        width: fit-content;
        min-width: 230px;
        margin: 0 auto;
        padding: 17px 35px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        background-color: #c30e18;
        box-sizing: border-box;
    }

    /* 約款 */
    #TERMS { scroll-margin-top: 80px; }

    .bottom .inner,
    .bottom .Terms { 
    min-height: 0; 
    min-width: 0;
    }

    .bottom .Terms .terms_scroll{
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    max-height: 450px;
    margin: 0 auto;
    padding: 16px 18px;
    border: 1px solid #bbb;
    background: #fff;
    line-height: 1.8;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    position: relative;
    margin-top: 50px;
    }

    .bottom .Terms .terms_scroll{
        color: #173b67;
        font-size: 14px;
        line-height: 2;
        letter-spacing: normal;
        font-weight: normal;   
    }

    .Terms .terms_scroll::before,
    .Terms .terms_scroll::after {
        display: none;
    }

    .Terms .terms_scroll {
        -webkit-mask-image: none;
        mask-image: none;
    }

    /* sec*/
    #redwin_application .sec .sec_inner {
        position: relative;
        padding-bottom: 100px;
        max-width: 1000px;
        width: 90%;
        margin: 30px auto 0;
    }

    #redwin_application .sec .sec_inner .sec_ul_box {
        margin-top: 50px;
    }

    #redwin_application .sec .sec_inner ul li {
        position: relative;
        padding-bottom: 70px;
    }

    #redwin_application .sec .sec_inner .bar_tra {

        max-width: 1000px;
        width: 100%;
        height: 1px;
        background-color: #ccc;
        margin-top: 20px;
    }

    #redwin_application .sec .sec_inner .tra_txt_box{
        text-align: center;
        padding-top: 100px;
    }

    #redwin_application .sec .h_01 {
        max-width: 800px;
        color: #173b67;
        font-size: clamp(
            calc(26px * 0.75), /* 最小0.75倍 */
            calc(100vw / (1400 / 26)), /* 画面幅1400pxのときに26px */
            calc(26px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.5;
        text-align: left;
    }

    #redwin_application .sec .txt_01 {
        max-width: 1000px;
        margin: 0 auto;
        color: #173b67;
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: normal;
        font-weight: normal;
    } 

    #redwin_application .rd_txt_li h4 {
        color: #173b67;
        font-size: 18px;
        margin-top: 20px;
    }

    /* テーブル */
    #redwin_application .simple-table {
    max-width: 400px;
    width: 100%;
    border-top: 1px solid #eaeaea;
    font-size: 16px;
    background: #fff;
    margin-top: 10px;
    }

    #redwin_application .simple-table td {
    padding: 12px 16px 12px 0px;
    vertical-align: middle;
    background: #fff;
    font-variant-numeric: tabular-nums;
    }

    /* 行の区切り線（2行目以降） */
    #redwin_application .simple-table tr{
    border-bottom: 1px solid #eaeaea;
    }

    /* 金額列を右寄せ＆折返し防止（2列目） */
    #redwin_application .simple-table td:nth-child(2){
    text-align: right;
    white-space: nowrap;
    }

   #redwin_application .sec .sec_inner .sec_ul_box .sec_li_box h3 {
        margin-bottom: 10px;
    }

    #redwin_application .kv_body_txt p span.fac_span_pc,
    #redwin_application .kv_body_txt p span,
    #redwin_application .sec .sec_inner p span {
        display: inline-block;
    }

    #redwin_application .sec .rd_txt_li p{ 
        display: inline-block;
        padding-top: 10px;
    }

    #redwin_application .attention_box {
        position: relative;
        padding-bottom: 100px;
        max-width: 1000px;
        width: 90%;
        margin: 0 auto;
    }

    .attention_inner {
        margin: 50px 0;
    }

    .attention_box .btn_red{
        margin-top: 50px;
    }

}

@media only screen and (max-width: 750px) {
    
    #redwin_application {
        position: relative;
        padding-bottom: 55px;
        text-align: left;
        letter-spacing: normal;
        
    }

    #redwin_application .body_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../../common/img/bg_stripe_sp.png') left top, url('../img/main_bg_sp.jpg') no-repeat center top;
        background-size: 15px, 100% auto;
        background-blend-mode: multiply;
        z-index: -1;
    }

    #redwin_application .kv_body_txt {
        margin-top: 33px;
        text-align: center;
    }

    #redwin_application .kv_body_txt .kv_body_large {
        text-align: center;
    }
    
    #redwin_application .redwin_navi .current a {
        color: #fff;
        background-color: #c30e18;
        opacity: 1;
    }

    /* cnt navi */
    #redwin_application .cnt_navi {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 23px;
        margin-bottom: 20px;
        color: #fff;
        font-family: "FP-ヒラギノ角ゴ StdN W8", sans-serif;
        font-weight: 800;
        font-size: 22px;
    }
    
    #redwin_application .cnt_navi a {
        display: block;
        color: #fff;
        border-bottom: 2px solid #fff;
        font-size: clamp(
            calc(16px * 0.75), /* 最小0.75倍 */
            calc(100vw / (1400 / 16)), /* 画面幅1400pxのときに45px */
            calc(16px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.03em;
        text-align: center;

    }

    /* repair menu */
    .sec_repair_menu {
        padding-top: 20px !important;
    }

    #redwin_application .sec .sec_title {
        color: #173b67;
        font-size: clamp(
            calc(22px * 0.75), /* 最小0.75倍 */
            calc(100vw / (375 / 22)), /* 画面幅1400pxのときに45px */
            calc(22px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.03em;
        text-align: left;
    }

    #redwin_application .sec .txt {
        color: #173b67;
        font-size: clamp(
            calc(16px * 0.75), /* 最小0.75倍 */
            calc(100vw / (1400 / 16)), /* 画面幅1400pxのときに45px */
            calc(16px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.03em;
        line-height: 2;
        text-align: left;
    }

    #redwin_application .sec .txt span{
        display: inline-block;
    }

    #redwin_application .sec .pc { 
        display: inline !important;
    }

    #redwin_application .btn_red {
        display: block;
        width: fit-content;
        min-width: 185px;
        margin: 0 auto;
        padding: 14px 20px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        background-color: #c30e18;
        box-sizing: border-box;
    }

    .Terms .terms_scroll {
        box-sizing: border-box;
        display: block;
        height: 350px;
        max-height: none;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 16px 18px;
        word-break: break-word;
        overflow-wrap: anywhere;
        border: 1px solid #bbb;
        margin-top: 30px;
    }

    .bottom .Terms .terms_scroll{
        color: #173b67;
        font-size: 14px;
        line-height: 2;
        letter-spacing: normal;
        font-weight: normal;   
    }

    .Terms .terms_scroll::before,
    .Terms .terms_scroll::after {
        display: none;
    }

    .Terms .terms_scroll {
        -webkit-mask-image: none;
        mask-image: none;
    }

    #redwin_application .sec .sec_inner {
        padding-bottom: 0px;
    }

    #redwin_application .sec_inner {
        margin-top: 50px;
    }

    #redwin_application .sec .sec_inner .sec_ul_box {
        margin-top: 30px;
    }

    #redwin_application .sec .sec_inner ul li {
        position: relative;
        padding-bottom: 50px;
    }

    #redwin_application .sec .sec_inner ul li h3{
        margin-bottom: 10px;
    }

    #redwin_application .sec .sec_inner .bar_tra {
        max-width: 1000px;
        width: 100%;
        height: 1px;
        background-color: #ccc;
        margin-top: 20px;
    }

    #redwin_application .sec .h_01 {
        margin: 0 auto 22px;
        color: #173b67;
        font-size: clamp(
            calc(18px * 0.75), /* 最小0.75倍 */
            calc(100vw / (375 / 18)), /* 画面幅375pxのときに14px */
            calc(18px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.5;
        text-align: left;
    }
    
    #redwin_application .sec .h_04 {
        margin: 10px auto 15px;
        color: #173b67;
        font-size: clamp(
            calc(16px * 0.75), /* 最小0.75倍 */
            calc(100vw / (375 / 16)), /* 画面幅375pxのときに14px */
            calc(16px * 1) /* 最大1倍 */
        );
        font-family: "FP-ヒラギノ角ゴ StdN W8{pm}", sans-serif;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1;
        text-align: left;
    }

    #redwin_application .sec .txt_01 {
        margin: 0 auto;
        color: #173b67;
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: normal;
        text-align: left;
        font-weight: normal;
    } 

    #redwin_application .simple-table .txt_01 span,
    #redwin_application .kv_body_txt p span,
    #redwin_application .sec .sec_inner p span {
        display: inline-block;
    }

    #redwin_application .sec .sec_inner .tra_txt_box{
        text-align: center;
        padding: 80px 0;
    }

    /* テーブル */
    #redwin_application .simple-table {
    max-width: 400px;
    width: 100%;
    border-top: 1px solid #eaeaea;
    font-size: 16px;
    background: #fff;
    margin-top: 10px;
    }

    #redwin_application .simple-table td {
    padding: 12px 16px 12px 0px;
    vertical-align: middle;
    background: #fff;
    font-variant-numeric: tabular-nums;
    }

    /* 行の区切り線（2行目以降） */
    #redwin_application .simple-table tr{
    border-bottom: 1px solid #eaeaea;
    }

    /* 金額列を右寄せ＆折返し防止（2列目） */
    #redwin_application .simple-table td:nth-child(2){
    text-align: right;
    white-space: nowrap;
    }

    #redwin_application .rd_txt_li h4 {
        margin-top: 20px !important;
    }

    #redwin_application .sec .rd_txt_li p{ 
        display: inline-block;
        padding-top: 0px;
    }

    #redwin_application .attention_box {
        position: relative;
        padding-bottom: 70px;
        max-width: 1000px;
        width: 90%;
        margin: 70px auto 0;
    }

    .attention_inner {
        margin: 50px 0;
    }

    .attention_box .btn_red{
        margin-top: 50px;
    }
}