﻿.c_rn-acc__body{
    background-color: #fff;
}
@media print, screen and (min-width: 769px) {
    .c-section { margin-left:auto;margin-right:auto; }
    .c-section_bg--blue{
        background-color: #0181CC;
        padding-bottom: 40px;
    }
    .c-section_bg--green{
        background-color: #06C755;
        padding: 5px;
        border-radius: 20px;
        text-align: center;
    }
    .c-h2-text--bg{
        color: #06C755 !important;
        background-color: #ffffff;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .c-line--wrap{
        margin: 0 120px 20px;
    }
    .c-img-wrap{
        max-width: 250px;
    }
    /* 追加CSS 20251001 */
    .c-fv01-bottom-cv{
        border-radius: 20px;
        position: relative;
        max-width: 650px;
        margin: 0 auto;
    }
    .c-fv01-bottom-cv-body{
        position: relative;
    }
    .c-fv01-bottom-cv--btn{
        position: absolute;
        max-width: 280px;
        bottom: 20px;
        left: 28%;
        filter: drop-shadow(2px 4px 6px #888);
    }
    .c-redirect-wrap{
        display: grid;
        justify-items: center;
    }
    .c-redirect-contets{
        display: grid;
        justify-items: center;
        width: 790px;
        margin-bottom: 60px;
        border-bottom: 2px solid #34BBD8;
    }
    .c-redirect-contets-h3{
        background-color: #34BBD8;
        width: fit-content;
        border-radius: 10px;
        padding: 10px 20px;
        margin: 0 auto 20px;
    }
    .c-redirect-h3{
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
    }
    .c-redirect-contents-title{
        font-size: 32px;
        color: #000;
        font-weight: 700;
        text-align: center;
        margin-bottom: 20px;
    }
    .c-redirect-contents-title-min{
        font-size: 26px;
        color: #000;
        font-weight: 700;
        text-align: center;
        margin-bottom: 20px;
    }
    .c-redirect-contents-img-wrap{
        max-width: 790px;
        margin-bottom: 40px;
    }
    .c-redirect-contents-img{
        max-width: 330px;
        margin: 0 auto;
    }
    .c-redirect-contents-txt{
        font-size: 18px;
        font-weight: 500;
        color: #000;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 364px;
    }
    .c-remark-list__item--text::before{
        content: unset;
    }
    .c-redirect-faq-h3{
        font-size: 20px;
        font-weight: 600;
        color: #0081CC;
        margin-bottom: 15px;
    }
    .c-section_bg--gray{
        background-color: #F7F7F7;
        padding: 0 90px 20px;
    }
    .c-redirect-cv-btn{
        margin: 0 auto;
        max-width: 330px;
        filter: drop-shadow(2px 4px 6px #888);
    }
    .c_rn-btn::after{
        height: 11px;
        width: 11px;
    }
    .c-line-text--yellow{
        font-size: 16px;
        font-weight: bold;
        color: #FFF43A;
    }
    .c-section--line{
        margin-bottom: 60px;
    }
    .c_rn-btn-line{
        font-size: 15px;
        cursor: pointer;
        background: #FFF43A;
        color: #1159A8;
        font-weight: bold;
    }
    .c-redirect-wrap-bg{
        background-color: #F7F7F7;
        width: 970px;
        margin: 0 auto;
        padding-top: 60px;
    }
}
@media print, screen and (max-width: 768px) {
    .c-section { padding-left:0;padding-right:0; }
    .c-section_bg--blue{
        background-color: #0181CC;
    }
    .c-section_bg--green{
        background-color: #06C755;
        padding: 20px 10px;
        border-radius: 20px;
        text-align: center;
    }
    .c-h2-text--bg{
        color: #06C755 !important;
        background-color: #ffffff;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    /* 追加CSS 20251001 */
    .c-fv01-bottom-cv{
        border-radius: 20px;
        position: relative;
        max-width: 650px;
        margin: 0 auto;
        padding: 30px;
    }
    .c-fv01-bottom-cv-body{
        position: relative;
    }
    .c-fv01-bottom-cv--btn{
        position: absolute;
        max-width: 74.667vw;
        bottom: 4vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        filter: drop-shadow(2px 4px 6px #888);
    }
    .c-redirect-wrap{
        display: grid;
        justify-items: center;
        padding: 0 15px;
    }
    .c-redirect-contets{
        display: grid;
        justify-items: center;
        border-bottom: 2px solid #34BBD8;
        margin: 0 15px 40px;
    }
    .c-redirect-contets-h3{
        background-color: #34BBD8;
        width: fit-content;
        border-radius: 10px;
        padding: 10px 20px;
        margin: 0 auto 20px;
    }
    .c-redirect-h3{
        color: #fff;
        font-size: 6vw;
        font-weight: 700;
        text-align: center;
    }
    .c-redirect-contents-title{
        font-size: 7.467vw;
        color: #000;
        font-weight: 700;
        text-align: center;
        margin-bottom: 5.333vw;
    }
    .c-redirect-contents-title-min{
        font-size: 5.6vw;
        color: #000;
        font-weight: 700;
        text-align: center;
        margin-bottom: 4.267vw;      
    }
    .c-redirect-contents-img-wrap{
        margin-bottom: 40px;
    }
    .c-redirect-contents-img{
        margin: 0 auto;
    }
    .c-redirect-contents-txt{
        font-size: 3.3333vw;
        font-weight: 500;
        color: #000;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
        line-height: 1.2;
    }
    .c-remark-list__item--text::before{
        content: unset;
    }
    .c-redirect-faq-h3{
        font-size: 20px;
        font-weight: 600;
        color: #0081CC;
        margin-bottom: 15px;
    }
    .c-section_bg--gray{
        background-color: #F7F7F7;
        padding: 0 30px;
    }
    .c-redirect-cv-btn{
        margin: 0 auto;
        max-width: 90vw;
        filter: drop-shadow(2px 4px 6px #888);
    }
    .c-section--line{
        padding: 0 30px;
        margin-bottom: 60px;
    }
    .c-line-text--yellow{
        font-size: 4.533vw;
        font-weight: bold;
        color: #FFF43A;
        margin-top: 3.667vw;
    }
    .c_rn-btn-line-wrap{
        max-width: 76vw;
        margin: 0 auto;
    }
    .c_rn-btn-line{
        font-size: 4vw;
        cursor: pointer;
        background: #FFF43A;
        color: #1159A8;
        font-weight: bold;
    }
    .c_rn-btn{
        width: auto;
    }
    .c-redirect-wrap-bg{
        background-color: #F7F7F7;
        padding-top: 40px;
    }
}
@media print, screen and (min-width: 1200px){
    .c-cv--type03 .c-trial__btn-link{
        margin-top: 0px;
    }
    .c-trial__btn-link::after{
        content: "";
        display: block;
        background-image: url(/request/only/231221_51309_redirect_siryo_icon_01.svg);
        background-repeat: no-repeat;
        width: 10px;
        height: 12px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
    }
}
@media print, screen and (min-width: 769px){
    .c-section_bg--blue--wrap{
        padding: 0 60px 60px;
    }
    .h3-text{
        font-size: 22px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .section-h2{
        margin-bottom: 100px;
    }
    .c-h2-text{
        font-size: 24px;
        color: #ffffff;
        font-weight: bold;
        padding: 20px 0;
    }
    .c-h3-text--sub{
        font-size: 32px;
        color: #ffffff;
        font-weight: bold;
    }
    .c-line-img{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    .c-line-bnr{
        max-width: 630px;
        margin: 0 auto;
    }
    .h3-text--line{
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
    }
    .c_rn-btn--svg--green::after{
        background-color: #1159A8 !important;
        mask: url(/common2/common_rn_btn_icon_arrow_white.svg) !important;
        background-image: none !important;
    }
}
@media print, screen and (max-width: 768px){
    .c_rn-remark-list__item--sp{
        text-align: start;
    }
    .c-section_bg--blue--wrap{
        padding: 0px 15px 40px 15px;
    }
    .h3-text{
        font-size: 22px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .section-h2{
        margin-bottom: 15vw;
    }
    .c-trial__btn-link::after{
        content: "";
        display: block;
        background-image: url(/request/only/231221_51309_redirect_siryo_icon_01.svg);
        background-repeat: no-repeat;
        width: 2.66666666vw;
        height: 2.66666666vw;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 2.13333333vw;
    }
    .c-h2-text{
        font-size: 32px;
        color: #ffffff;
        font-weight: bold;
        line-height: 1.3;
        padding: 15px 8px 18px;
    }
    .c-h3-text--sub{
        font-size: 26px;
        color: #ffffff;
        font-weight: bold;
    }
    .c-line-img{
        margin: 0 auto;
    }
    .c-line-bnr{
        margin: 0 auto;
    }
    .h3-text--line{
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
    }
    .c_rn-btn--svg--green::after{
        background-color: #1159A8 !important;
        mask: url(/common2/common_rn_btn_icon_arrow_white.svg) !important;
        background-image: none !important;
    }
}
/* 16コンポーネント */
/* PC */
@media print, screen and (min-width: 769px) {
.c_rn-bnr-btn {
}
.c_rn-bnr-btn__link {
    display: block;
    border-radius: 30px;
    text-decoration: none;
    margin: 0 auto;
    box-shadow: 0 1vw 7vw rgb(0 29 108 / 15%);
}
.c_rn-bnr-btn__link img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.c_rn-bnr-btn__txt-wrap {
    background-color: #039BE5;
    padding: 12.5px 0;
    position: relative;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.c_rn-bnr-btn__txt-wrap::before {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: inline-block;
    width: 11px;
    height: 11px;
    content: '';
    background-image: url(/common2/common_rn_btn_icon_arrow_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.c_rn-bnr-btn__txt {
    color: #fff;
    font-size: 16px;;
    line-height: 2;
    font-weight: bold;
    text-align: center;
}
}

/* SP */
@media print, screen and (max-width: 768px) {
.c_rn-bnr-btn {
}
.c_rn-bnr-btn__link {
    display: block;
    width: 84vw;
    border-radius: 6.4vw;
    text-decoration: none;
    margin: 0 auto;
    box-shadow: 0 1vw 7vw rgb(0 29 108 / 15%);
}
.c_rn-bnr-btn__link img {
    border-top-left-radius: 6.4vw;
    border-top-right-radius: 6.4vw;
}
.c_rn-bnr-btn__txt-wrap {
    background-color: #039BE5;
    padding: calc((12.5/375) * 100vw) 0;
    position: relative;
    border-bottom-left-radius: 6.4vw;
    border-bottom-right-radius: 6.4vw;
    box-shadow: 0 1vw 7vw rgb(0 29 108 / 15%);
}
.c_rn-bnr-btn__txt-wrap::before {
    position: absolute;
    top: 50%;
    right: 7.733vw;
    transform: translateY(-50%);
    display: inline-block;
    width: calc((11/375) * 100vw);
    height: calc((11/375) * 100vw);
    content: '';
    background-image: url(/common2/common_rn_btn_icon_arrow_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.c_rn-bnr-btn__txt {
    color: #fff;
    font-size: 4.533vw;
    line-height: 6.667vw;
    font-weight: bold;
    text-align: center;
}
}
