@charset "UTF-8";

/*************************************
RESETS
*************************************/
ul,ol,dl,
li,dt,dd,
h1,h2,h3,h4,h5,
p {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    width:100%;
    margin: 0;
    font-family: 'Noto Sans JP','Noto Sans','Yu Gothic',sans-serif;
    font-style: normal;
}

section {
    width:100%;
}

img {
    max-width: 100%;
}

/*************************************
UTILITY
*************************************/

.u-pcOnly {
    display: block;
}
.u-spOnly {
    display: none;
}
@media screen and (max-width: 768px) {
    .u-pcOnly {
        display: none;
    }
    .u-spOnly {
        display: block;
    }
}
.floatL{
    float:left;
}

.floatR{
    float:right;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.ta-left {
    text-align: left;
}
.ta-center {
    text-align: center;
}
.ta-right {
    text-align: right;
}
.tc-blue01 {
    color: #067bb9;
}
/*************************************
 MODULES
*************************************/

section.coloredBG {
    background-color: #E5F4FF;
}

.p-contents {
    box-sizing: border-box;
    padding:80px 20px;
    width: 100%;
    max-width: 1140px;
    margin:0 auto;
    opacity: 0;
}
.p-contents.active,#kv.p-contents {
    transition: all 2s;
    opacity: 1;
    transform: translateY(0vh);
}

.p-contents.p-contents--infinity {
    width:100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.c-content {
    margin:40px auto ;
    width: 100%;
    height: auto;
}

.p-contents__header {
    text-align: center;
    font-feature-settings: 'pwid' on;
    font-size: clamp(24px,2.22vw,32px);
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 137.5% */
    letter-spacing: 1.28px;

    background: linear-gradient(90deg, #0089D4, #14BAF8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.p-contents__header__appendix {
    margin-top: 16px;
    color: var(--Neutral-N_Text, #0C1011);
    text-align: center;
    font-feature-settings: 'pwid' on;

    font-size: clamp(12px,2.22vw,16px);
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.64px; 
}

.u-content__paragram {
    color:#0C1011;
    font-size: clamp(12px,2.22vw,16px);
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.64px;
}

.c-btnRegistrationBox {
    position: relative;
    z-index: 1;
    margin: 80px auto 0;
    height: 90px;
    width: 469px;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(259deg, #F36AAE -9.36%, #63BCEB 98.26%);
    transition: all 0.2s ease-out;
}
.c-btnRegistrationBox::before {
    content: "";
    display: inline-block;
    height: 40px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0px;
    z-index: -1;
    filter: blur(12px) grayscale(0.95);
    transform-style: preserve-3d;
    border-radius: 7px;
    transition: 0.3s ease-out;
    background: linear-gradient(120deg, rgb(84, 195, 241) 0%, rgb(189, 130, 183) 85%, rgb(255, 99, 172) 100%);
}
.c-btnRegistrationBox:hover {
    filter: brightness(1.05) contrast(1.05);
    transform: scale(0.95);
  }
.c-btnRegistration_link {
    width: 100%;
    height: 100%;
    color: var(--Neutral-N_BG0, #FFF);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: linear-gradient(259deg, #F36AAE -9.36%, #63BCEB 98.26%);
    border-radius: 8px;
}

@media screen and (max-width: 768px) {
    .p-contents {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding-top: 60px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .p-contents__header {
        font-size: 7.46vw;
        font-weight: 700;
        line-height: 1.42;
        letter-spacing: 1.12px;
    }
    .p-contents__header__appendix {
        font-size: clamp(12px, 4.2667vw, 16px);
        font-weight: 400;
        line-height: 1.71;
        letter-spacing: 0.56px;
        text-align: left;
    }

    .u-content__paragram {
        color: var(--Neutral-N_Text, #0C1011);
        font-size: 3.73vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.71;
        letter-spacing: 0.56px;
    }

    .c-btnRegistrationBox {
        margin-top: 40px;
        width: 100%;
        /* max-width: calc(100% - 60px); */
    }
}

/*************************************
PARTS
*************************************/
#p-limitExtension {
    margin: 0 auto;
    overflow: hidden;
}

#p-limitExtension.chase {
    /* margin-top: 68px; */
}

@media screen and (max-width: 768px) {
    #p-limitExtension,#p-limitExtension.chase {
        margin-top: 0;
    }

}

/* ------------------
header
 ------------------ */
.c-header__contents {
    position: fixed;
    z-index: 999;
    box-sizing: border-box;
    padding: 12px clamp(80px,9.814vw,140px);
    width: 100%;
    height: 68px;
    background: #FFFFFF;
    opacity: 0;
    transition: .25s;
    
}
.c-header__contents.chase {
    left: 0px;
    top: 0px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    opacity: 1;
}

.c-header__contents__inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
}
.c-header__child {
    vertical-align: middle;
    display: inline-block;
}
.c-header__logo {
    margin: 5px 0 0;
    
    width: 188px;
    height: 30px;
    padding: 0;
}
.c-header__links {

    
}
.c-header__linkBox {
}

.linkBox--login {
    width: 106px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #00A0E9;
    background: #FFFFFF;
    margin-right: 16px;
}
.linkBox--register {
    width: 195px;
    height: 40px;
    border-radius: 5px;
    background:linear-gradient(259deg, #F36AAE -9.36%, #63BCEB 98.26%);
    
}
.linkBox--login:hover,
.linkBox--register:hover {
    opacity: 0.7;
}

.linkBox__item {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 100% */
    letter-spacing: 0.56px;
    color:#0C1011;
    
}

.linkBox--register .linkBox__item {
    color:#FFFFFF;
}
.linkBox__linkText {

}
@media screen and (max-width: 768px) {
    .c-header__contents {
        padding: 16px 25px;
        height: 80px;
        bottom: 0;
    }
    .c-header__contents.chase {
        top: unset;
    }
    .c-header__logo {
        display: none;
    }
    .c-header__links {
        float: none;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .c-header__linkBox {
        height: 48px;
    }
    .linkBox--login {
        width:28%;
        min-width: 106px;
        margin-right: 20px;
    }
    .linkBox--register {
        width: 52%;
        min-width: 200px;
    }

    
}
/* ------------------
kv
 ------------------ */
#kv.p-contents {
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
}

#kv .c-content__inner {
    display: flex;
    justify-content:center;
    align-items:flex-start;
    /* gap: 3.0844vw; */
    height: 475px;
    overflow: hidden;
}
#kv .u-child--left,
#kv .u-child--right {
    width: 50%;
}
#kv .u-child--left {
    
}
#kv .u-child--left .u-kvImgBox {
    position: relative;
}

#kv .kvBaloon {
    position: absolute;
    right: 40px;
    top: 55px;
    box-sizing: border-box;
    width: 215px;
    height: 242px;
    background: url(/membership-info/limit-extension/assets/images/kv_baloon.png) center center no-repeat;
    background-size: contain;
    text-align: center;
    padding-top: 42px;
    z-index: 1;
}

.kvBaloon .kvBaloon__txt {
    color: #FFFFFF;
    font-size: 20.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: 0.819px;
}

#kv .u-child--left .u-kvImgBox img {
    position: absolute;
    width: 100%;
    min-width: 720px;
    min-height: 475px;
    right: 0;
    top: 0;
    z-index: 0;
}

.kvBaloon .kvBaloon__txt--large {
    font-weight: 700;
    font-size: 35px;
    /* line-height: 42px; */
    letter-spacing: 1.4px;
}   


#kv .u-child--right {
    position: relative;
    box-sizing: border-box;
    padding-top: clamp(20px, 4.8615vw, 70px);
    padding-right: 3.0558vw;
    padding-left: 3.0558vw;
}
#kv .u-child--right::after {
    /* 下部青線 :p.u-content__paragramのボーダーだと、行数によって高さが変わるので、疑似要素で実装; */
    content: "";
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    /* 疑似要素かつabsoluteなのでwidth指定必須、親のpadding分を引いてほぼautoにして<p>と合わせる */
    width: calc(100% - 3.0558vw - 3.0558vw);
    max-width: 1163px;
    height: 3px;
    top: 472px;
    background-color: #ccecfb;
    border-radius: 2px;
}

#kv .p-contents__header {
    margin-top: 40px;
    font-size: clamp(26px,2.6391vw,38px);
    font-weight: 700;
    text-align: left;
    line-height: 55px;
    letter-spacing: 1.52px;
}

#kv .p-contents__header .p-contents__header--small {
    font-size: clamp(18px,1.666vw,24px);
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.96px;
}

#kv .u-child--right .u-content__paragram {
    position: relative;
    /* width: 37.2252vw; */
    margin-top: 24px;
    color: var(--Neutral-N_Text, #0C1011);
    font-size: clamp(14px,1.2501vw,24px);;
    font-style: normal;
    font-weight: 400;
    line-height: 1.77;
    letter-spacing: 0.72px;
}

#kv .c-btnRegistrationBox {
    margin-top: 40px;
    width: 469px;
    height: 90px;
}

#kv .c-imgBox--logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#kv .c-imgBox--logo.u-spOnly {
    display: none;
}
#kv .c-kv__logo__subTxt {
    display: inline-block;
    margin-left: 24px;
    color: var(--Neutral-N_GyText, #657279);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.64px;
}

@media screen and (max-width: 768px) {
    #kv.p-contents {
        padding-bottom:4.2666vw;
        background: linear-gradient(18deg, #FFF -8.95%, #EFF8FF 42.51%, #FFF 94.96%);
    }
    #kv .c-content__inner {
        height: auto;
    }


    #kv .u-child--left, #kv .u-child--right {
        box-sizing: border-box;
        width: 100%;
    }
    #kv .u-child--right {
        padding: 0 30px;
    }
    #kv .u-child--right::after {
        display: none;
    }
    #kv .c-content__inner {
        flex-direction: column;
        gap:0;
    }

    #kv .kvBaloon {
        padding-top: 6.6773vw;
        width: 37.46138016vw;
        height: 42.133386vw;
        min-width: 140.48px;
        min-height: 158px;

        top: 6.400008vw;
        right: 4.9333vw;
        left: unset;

    }

    #kv .kvBaloon .kvBaloon__txt {
        font-size: clamp(14.645px,3.905338vw,21px);
        font-style: normal;
        font-weight: 500;
        line-height: 1.36;
        letter-spacing: 0.586px;
    }
    #kv .kvBaloon__txt .kvBaloon__txt--large {
        
        font-size: clamp(25.04px,6.67734168vw,37px);
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 1.002px;
    }

    #kv .u-child--left .u-kvImgBox img {
        position: relative;
        min-width: unset;
        min-height: unset;
    }

    #kv .c-imgBox--logo.u-pcOnly {
        display: none;
    }
    #kv .c-imgBox--logo.u-spOnly {
        display: flex;
        box-sizing: border-box;
        padding: 40px 30px 22px;
        width: 100%;
    }

    #kv .c-imgBox--logo.u-spOnly img {
        width:50.1867vw;
        min-width: 188.196px;
    }
    #kv .c-kv__logo__subTxt {
        display: inline-block;
        margin-left: 24px;
        font-size: 14px;
        letter-spacing: 0.56px;
    }

    #kv .p-contents__header {
        margin-top: 24px;
        color: var(--Primary-B_Text, #0586C1);
        /* font-size: 32px; */
        font-size: clamp(32px, 8.533344vw, 48px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(44px, 8.533344vw, 60px);
        letter-spacing: 1.28px;
    }
    
    #kv .p-contents__header .p-contents__header--small {
        font-size: clamp(20px,5.33334vw,30px);
        font-style: normal;
        font-weight: 500;
        line-height: 2.2;
        letter-spacing: 0.8px;
    }

    #kv .u-child--right .u-content__paragram {
        width: 100%;
        max-width: 100%;
        font-size: clamp(14px, 3.733338vw, 21px);
        line-height: 1.71;
        letter-spacing: 0.56px;
    }
    .c-btnRegistrationBox {
        margin-top: 40px;
        width: 100%;
    }
    
}
/* ------------------
worries
------------------ */
#worries .c-content {
    box-sizing: border-box;
    width: 69.45vw;
    max-width: 1000px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 44px 2.430vw 27px 4.375vw;
    border-radius: 8px;
    background: var(--Neutral-N_BG2, #F3F4F5);
}

#worries .u-content__child {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2.6438vw;;
}

#worries .p-contents__header {
    display: block;
    /* width: 14.1602vw; */
    width: 15.5vw;
    max-width: 210px;

    line-height: 1.1;
    color:#0586C1;
    -webkit-text-fill-color: unset;
}


#worries .p-contents__header .p-contents__header--small {
    font-size: clamp(12px,1.666vw,24px);
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.96px;
}

#worries .p-contents__header .p-contents__header--ruby {
    font-size: clamp(20px,2.778vw,40px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 1.6px;

    background-image: radial-gradient(circle at center, #0586C1 20%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: .2em;
}

#worries .p-contents__header .p-contents__header--middle {
    font-size: clamp(15px,2.083vw,30px);
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 2.3px;
}

#worries .u-content__paragram {
    width: 43.181vw;
    max-width: 616px;
}

#worries .u-content__child.u-content__child--list {
    margin-top: 21px;
}

@media screen and (max-width: 768px) {
    #worries .p-contents {
        padding-bottom: 60px;
    }
    #worries .c-content {
        margin-top: 0;
        width: 100%;
        max-width: unset;
        padding: 42px 20px;
    }
    #worries .u-content__child {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    #worries .p-contents__header {
        letter-spacing: -1.5px;
    }

    #worries .p-contents__header .p-contents__header--small {
        font-size: clamp(18px,1.666vw,24px);
        font-weight: 500;
        line-height: 1.77;
        letter-spacing: 0.72px;
    }
    
    #worries .p-contents__header .p-contents__header--ruby {
        font-size: clamp(28px,7.4666vw,40px);
        letter-spacing: 1.12px;

    }
    
    #worries .p-contents__header .p-contents__header--middle {
        font-size: clamp(18px, 1.666vw, 24px);
        letter-spacing: 0.72px;
    }
    #worries .p-contents__header,#worries .u-content__paragram {
        width: 100%;
        max-width: unset;
    }

    #worries .list__item:first-child {
        width: 62.6667vw;
    }
    #worries .list__item:nth-child(2) {
        width: 73.333vw;
    }
    #worries .list__item:last-child {
        width: 60.533vw
    }
}
/* ------------------
comparison
------------------ */
#comparison.p-contents {
    background: linear-gradient(90deg, #CCECFB 0%, #F2FAFE 49.52%, #CCECFB 100%);
}

.comparison__table--wrapper {
    /* ほぼSPのスクロール用 */
    position: relative;
    width: 100%;
    max-width: 1030px;
    margin: 24px auto;
}
.comparison__table {
    table-layout: fixed;
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
}

/* 行 */
.comparison__row {
    width: 100%;
    max-width: 1030px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 
    clamp(80px,11.12vw,160px) /* dt */
    repeat(3,clamp(190px,19.46vw,280px)) /* dd */
    ;
    column-gap: 10px;
    justify-content: center;
}
.comparison__row:last-child {
 margin-bottom: 0;
}
/* セル共通 */
.comparison__cell {
    box-sizing: border-box;
    height: 10.842vw;
    padding: 16px 20px;
    max-width: 280px;
    height: 156px;
    
    border-top: 1px solid var(--Primary-B_IcoBtn, #00A0E9);
    border-bottom: 1px solid var(--Primary-B_IcoBtn, #00A0E9);
    background: var(--Neutral-N_BG0, #FFF);
}
.comparison__row:nth-child(odd) .comparison__cell {
    height: 180px;
}

.comparison__row.row--titles .comparison__cell {
    height: 80px;
}
/* 最上段見出し列 */
.comparison__row.row--titles {
    height: 80px;
}

.comparison__row.row--titles .comparison__cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* 左上空白 */
.comparison__cell.cell--blank {
    background-color: transparent;
    border: none;
}
/* 各行左端項目名セル */
.comparison__cell.cell--title {
    max-width: 160px;
    order:1;
    background: var(--Neutral-N_BG1, #F9FAFA);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: var(--Neutral-N_Text, #0C1011);
    text-align: center;

    font-size: clamp(12px, 1.111vw, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.64px;
}
/* ファクタリングセル */
.comparison__cell.cell--factaring {
    order:2;
}
/* 期限延長セル */
.comparison__cell.cell--extension {
    order:3;
    border: 3px solid var(--Primary-B_IcoBtn, #00A0E9);
    background: var(--Secondary-Y_BG1, #FEF7D7);
}
/* 融資セル */
.comparison__cell.cell--financing {
    order:4;
}
/* セル内要素共通 */
.cell__child {
    width: 100%;
    margin-bottom: 10px;
}
.cell__child:last-child {
    margin-bottom: 0;
}
/* 丸三角四角 */
.comparison__value {
    color: var(--Neutral-N_GyText, #657279);
    text-align: center;
    
    font-size: clamp(24px, 2.222vw, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 1.28px;
}
/* 項目表示 */
.comparison__txt {
    color: var(--Neutral-N_Text, #0C1011);
    text-align: center;

    font-size: clamp(12px, 1.111vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.64px;
}
.cell--extension .comparison__value,
.cell--extension .comparison__txt {
    color: var(--Primary-B_Text, #0586C1);
}
/* 説明 */
.comparison__paragram {
    color: var(--Neutral-N_Text, #0C1011);
    
    font-size: clamp(10.5px, 0.972vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.714;
    letter-spacing: 0.56px;
}

.cell--extension .comparison__paragram {
    font-weight: 700;
}

/* セル内注釈 */
.cell--extension .comparison__appendix {
    font-weight: 400;
}

.camparison__scroller {
    display: none;
}

.scroller__wrapper {
    display: none;
}

@media screen and (max-width: 768px) {
    #comparison.p-contents {
        position: relative;
        padding-right: 0;
        padding-bottom: 60px;
        padding-left: 10px;
        background: var(--Primary-B_BG2, #E5F5FD);
    }
    #comparison .p-contents__header {
        padding-right: 10px;
    }
    #comparison .p-contents__header__appendix,
    #comparison .comparison__copy {
        padding-right: 30px;
    }
    #comparison .p-contents__header__appendix {
        padding-left: 20px;
        font-size: clamp(14px, 3.7333vw, 16px);

    }

    .comparison__icnBox {
        margin-top: 20px;
        padding-right: clamp(30px,8.00001vw,40px);
        text-align: right;
    }
    .comparison__table--wrapper {
        margin-bottom: 0;
        position: relative;
        overflow: scroll;
    }

    .comparison__table {
        position: relative;
        width: max-content;
        min-width: 670px;
    }

    .comparison__table--wrapper::-webkit-scrollbar {
        display: none;
    }

    /* 行 */
    .comparison__row {
        position: relative;
        display: flex;
        max-width: max-content;
        justify-content: flex-start;
        align-items: center;
    }

    /* セル共通 */
    .comparison__cell {
        position: relative;
        width: 190px;
        height: 176px;
        padding: 10px 20px;
        z-index: 0;
    }
    .comparison__row:nth-child(odd) .comparison__cell {
        height: 176px;
    }
    .comparison__row.row--196 .comparison__cell {
        height: 196px;
    }
    .comparison__row.row--156 .comparison__cell {
        height: 156px;
    }
    .comparison__row.row--180 .comparison__cell {
        height: 180px;
    }


    /* 最上段見出し列 */
    .comparison__row.row--titles {
        position: relative;
        grid-template-columns: repeat(3, 190px);
        height: 60px;
        padding-left: 0;
    }

    .comparison__row.row--titles .comparison__cell {
        height: 60px;
    }

    /* 左上空白 */
    .comparison__row.row--titles .comparison__cell.cell--blank {
        position: fixed;
        z-index: 3;
        width: 60px;
        background-color: var(--Primary-B_BG2, #E5F5FD);
        
    }
    /* 各行左端項目名セル */
    .comparison__row .comparison__cell.cell--title {
        position: fixed;
        z-index: 3;
        width: 60px;
        height: 176px;
        padding: 0;
        font-size: clamp(14px, 1.111vw, 16px);
    }
    .comparison__row .comparison__cell.cell--title::after,
    .comparison__row.row--titles .comparison__cell.cell--blank::after {
        position: absolute;
        z-index: 1;
        content: "";
        width: 74px;
        height: 106%;
        top: -4px;
        left: -4px;
        background-color: var(--Primary-B_BG2, #E5F5FD);
        /* background: red; */
    }

    .comparison__row.row--titles .comparison__cell.cell--blank::after {
        top: -2px;
        left: -4px;
    }

    .comparison__row .comparison__cell.cell--title .title__txt {
        position: relative;
        z-index: 2;

        display: flex;
        justify-content:center;
        align-items: center;
        width: 100%;
        height: 100%;

        border-top: 1px solid var(--Primary-B_IcoBtn, #00A0E9);
        border-bottom: 1px solid var(--Primary-B_IcoBtn, #00A0E9);
        background: var(--Neutral-N_BG1, #F9FAFA);
    }

    .comparison__row.row--196 .comparison__cell.cell--title {
        height: 196px;
    }
    .comparison__row.row--156 .comparison__cell.cell--title {
        height: 156px;
    }
    .comparison__row.row--180 .comparison__cell.cell--title {
        height: 180px;
    }
    /* ファクタリングセル */
    .comparison__cell.cell--factaring {
        order:3;
    }
    /* 期限延長セル */
    .comparison__cell.cell--extension {
        order:2;
        margin-left: 70px;
    }
    .row--titles .comparison__cell.cell--extension {
        margin-left: 70px;
        color: var(--Primary-B_Text, #0586C1);
    }
    /* 融資セル */
    .comparison__cell.cell--financing {

    }
    /* セル内要素共通 */
    .cell__child {

    }
    .cell__child:last-child {

    }
    /* 丸三角四角 */
    .comparison__value {
        font-size: 28px;
        font-weight: 400;
        line-height: 1.1em;
        letter-spacing: 1.12px;
    }
    /* 項目表示 */
    .comparison__txt {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 100% */
        letter-spacing: 0.64px;
    }
    .comparison__txt--maltiRow {
        line-height: 20px; 
    }
    .cell--extension .comparison__value,
    .cell--extension .comparison__txt {
        font-weight: 700;
    }
    /* 説明 */
    .comparison__paragram {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
    }

    .cell--extension .comparison__paragram {
        font-weight: 700;
    }

    /* セル内注釈 */
    .cell--extension .comparison__appendix {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.56px;
    }
    
    .camparison__scroller {
        z-index: 10;
        display: block;
        position: relative;
        width: clamp(267px, 71.200vw, calc(100% - 100px));
        height: 10px;
        
        margin: 16px auto 0;
        left: 20px;

        border-radius: 10px;
        background: var(--Neutral-N_BG0, #FFF);
        pointer-events: none;
    }

    .scroller__handle {
        position: absolute;
        width: 79px;
        height: 10px;
        top:0;
        left:0;

        border-radius: 10px;
        background: var(--Primary-B_BG5, #99D9F6);

        pointer-events: auto;
        cursor: pointer;
    }
}

.comparison__copy {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;   
}

.comparison__copy__txt {
    margin-top: -30px;
    box-sizing: border-box;
    width:clamp(530px,53.7543vw,774px);
    height: 124px;
    max-width: 774px;
    padding: 20px 71px 20px 40px;

    background: url(/membership-info/limit-extension/assets/images/comparison_baloon.svg) center center no-repeat;
    background-size: contain;

    color: var(--Neutral-N_Text, #0C1011);
    text-align: center;

    font-size: clamp(12px, 1.11vw,16px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.64px;
}
.comparison__copy--strong {
    font-weight: 700;
}

.comparison__copy img {
    width:11.3898vw;
    max-width: 164.114px;
    /* height: 208px; */
    flex-shrink: 0;
}

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

    .comparison__copy {
        margin-top: 16px;
        margin-left: 20px;
        position: relative;
        justify-content: flex-start;
    }
    
    .comparison__copy__txt {
        margin-top: 0;
        width: clamp(214.18px,57.066738vw,321px);
        height: clamp(256px,68.266752vw,384px);
        padding: 5.33334vw;
        padding-right:11.78134806vw;

        background: url(/membership-info/limit-extension/assets/images/sp/comparison_baloon.svg) center center no-repeat;
        background-size: contain;
        font-size: clamp(14px, 1.11vw,16px);
        font-weight: 400;
        line-height: 1.71; /* 171.429% */
        letter-spacing: 0.56px;
        text-align: left;
    }
    
    .comparison__copy--strong {

    }
    
    .comparison__copy img {
        position: absolute;
        width: 31.733373vw;
        left: 52.00008vw;
        bottom: 0.78vw;
    }

}

/* ------------------
overview
------------------ */
#overview .c-content {
    width: 63.894vw;
    max-width: 920px;
}

@media screen and (max-width: 768px) {
    #overview .c-content {
        width: 100%;
        margin: 24px auto 0;
    }

    #overview .p-contents__header__appendix {
        font-size: clamp(12px, 4.2667vw, 16px);
        line-height: 1.75;
        letter-spacing: 0.64px;
    }
}

/* ------------------
flow
------------------ */
#flow {
    background: var(--neutral-nbg-15, #F6F7F7);
}

.flow__list {
    margin: 40px auto 0;
    width: 54.865vw;
    max-width: 790px;
}

.flow__list__item {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    height: 145px;
    margin-bottom: 24px;

    padding: 24px 10px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 2px solid var(--Primary-B_IcoBtn, #00A0E9);
    background: var(--Neutral-N_BG0, #FFF);
}
.flow__list__item::after {
    position: absolute;
    content: "";
    display: block;
    margin: 0 auto;
    bottom: -26px;
    width: 40.827px;
    height: 24px;
    flex-shrink: 0;
    background: url(/membership-info/limit-extension/assets/images/flow_img-arrow.svg) center top no-repeat;
    background-size: auto 24px;
}
.flow__list__item:last-child {
    margin-bottom: 0;
}
.flow__list__item:last-child::after {
    display: none;
}


.flow__item__number {
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
}

.flow__item__txt {
    width: 29.932vw;
    max-width: 431px;
    line-height: 1.75;
    letter-spacing: 0.64px;
}

.flow__item__img {
    width: 11.112vw;
    max-width: 160px;
}

.flow__notices {
    width:53.823vw;
    max-width: 775px;
    margin: 24px auto 0;

    color: var(--Neutral-N_GyText, #657279);
    font-size: clamp(10.5px, 0.972vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.71;
    letter-spacing: 1.5px;
}

@media screen and (max-width: 768px) {
    .flow__list {
        margin:24px auto 0;
        width: 100%;
    }

    .flow__list__item {
        flex-direction: column;
        height: auto;
        gap: 10px;
        padding: 20px;
    }
    .flow__item__number {
        width: 8.0vw;
        height: 8.0vw;
    }

    .flow__item__txt {
        width: 100%;
    }
    .flow__item__img {
        width: 100%;
    }
    .flow__notices {
        width: 100%;
        font-size: clamp(10.5px, 3.7333vw, 14px);
    }

    #flow .c-btnRegistrationBox {

    }

    #flow .c-btnRegistration_link {
        color: #FFF;
        text-align: center;
        font-size: clamp(20px, 1.389vw, 24px);
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: 0.8px;
    }
}   


/* ------------------
preparation
------------------ */
#preparation .c-content {
    box-sizing: border-box;
    margin: 42px auto;
    padding:38px 5.556vw;
    width:79.173vw;
    height: auto;
    max-width: 1140px;
    /* max-height: 389px; */

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 152px auto;
    grid-template-areas:
    "B A"
    "B C";
    /* gap:10px; */

    border-radius: 8px;
    background: var(--Primary-B_BG2, #E5F5FD);
}

#preparation .c-content:last-child {
    margin-top: 38px;
}

#preparation .c-content__child {
    height: auto;
}

#preparation .child--A {
    grid-area: A;
    width:40.836vw;
    max-width: 588px;
 }
 #preparation .child--B {
    grid-area: B;
    width:24.168vw;
    max-width: 348px;
    margin-right: 2.968vw;
}
#preparation .child--C {
    grid-area: C;
    margin-top: 16px;
    width:40.836vw;
    max-width: 588px;
}

#preparation .c-content:last-child .child--C {
    
}

 

#preparation .c-content__child .c-content__child__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;

    color: var(--Primary-B_Text, #0586C1);

    font-size: clamp(15px, 1.389vw, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.8px;
}

.child--A .u-content__paragram {
    margin-top: 24px;
    color: var(--Neutral-N_Text, #0C1011);
    font-size: clamp(15px, 1.389vw, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.8px;
}
#preparation .c-content__child .u-content__paragram {
    width: 100%;
}

.child--C .u-content__paragram {
    /* margin-top: -1.5em; */
}
#preparation .c-content:last-child .child--C .u-content__paragram {
    /* margin-top: -3.5em; */
}

.child--C .u-paragram--notice {
    margin-top: 8px;
    color: var(--Accent-R_Ico, #F04E6E);
    font-size: clamp(10.5px, 3.7333vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.71;
    letter-spacing: 0.56px;
}

@media screen and (max-width: 768px) {
    #preparation.p-contents {
        padding-bottom: 60px;
    }
    #preparation .c-content {
        margin: 40px auto 0;
        width: 100%;
        height: auto;
        padding: 20px;
        grid-template-columns: 1fr;
        grid-template-rows: unset;
        grid-template-areas: "A" "B" "C";
    }
    #preparation .c-content:last-child {
        margin-top: 24px;
    }
    #preparation .c-content__child .c-content__child__header {
        font-size: clamp(20px, 4.266672vw, 30px); 
    }
    #preparation .c-content__child__header img {
        width: 80px;
    }
    #preparation .c-content__child { 
        margin: 0 auto;
        width: 100%;
    }
    #preparation .c-content__child.child--A {
        margin-bottom: 15.41px;
    }
    #preparation .c-content__child.child--B {
        margin: 0 auto 20px;
        max-width: unset;
        text-align: center;
    }
    .child--A .u-content__paragram {
        font-size: clamp(16px, 4.266672vw, 24px);
    }
}

/* ------------------
voice
------------------ */
#voice {
    position: relative;
    background: linear-gradient(69deg, #FFF 0%, #EFF8FF 49.52%, #FFF 100%);
}
#voice .c-content {
    /* overflow-x: hidden; */
    margin-bottom: 0;
}

.voice__slider--wrapper {
    position: relative;
    width: 79.72232044vw;
    max-width:1148px;/* cellの左右のシャドウ分20px加算 */
    margin: 0 auto;   
}
.voice__slider--mask {
    margin: 34px auto 0;
    width: 79.7286vw;
    width: 100%;
    max-width: 1148px;
    height: 100%;

    overflow: hidden;
}
.voice__slider--wrapper:hover .voice__slider {
    animation-play-state: paused;
}
.voice__slider {
    position: relative;
    z-index: 1;
    --count:5;
    display: flex;
    gap: clamp(12px, 1.66666872vw, 24px);
    padding:clamp(8px, 0.6945vw, 10px);
    transition: transform .4s ease-out;
}
.voice__cell {
    display: flex;
    box-sizing: border-box;
    width:25.0000308vw;
    max-width: 360px;
    height:35.06944510vw;
    max-height: 505px;
    min-height: 380px;
    padding: clamp(10px,1.6824vw,24px);
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(8px,1.111vw,16px);

    border-radius: 0.5556vw;
    background: var(--Neutral-N_BG0, #FFF);
    box-shadow: 0px 3.258px 8.145px 0px rgba(0, 0, 0, 0.20);

    transition: transform 0.5s ease;
    /* transform:scale(1); */
}
.voice__cell:hover {
    /* transform:scale(1.25); */
}
.voice__cell:last-child {
    margin-right: 0;
}
.voice__img {
    width: 21.8712vw;
    max-width: 312px;
    
}
.voice__name {
    color: #000;
    font-size: clamp(12px, 2.22vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.64px;
}
.voice__txt {
    color: #000;
    font-size: clamp(10.5px, 0.972vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.71;
    letter-spacing: 0.56px;
}

/* --- slider UI --- */

#voice .sliderBtn__wrapper {
    position: absolute;
    z-index: 3;
    margin-top: 0;
    top:0;
    left: 50%;
    transform: translateX(-50%);

    /* width: calc(78.3396vw + 120px); */
    width: 86.66677344vw;
    max-width: 1248px;
    height: calc(100% - 45px);

    /* background-color: rgba(200, 0, 0, 0.5); */
}
#voice .sliderBtn {
    position: absolute;
    z-index: 3;

    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 40px;
    padding:0;

    color: #ffffff;
    border:none;
    background-color: transparent;

    cursor: pointer;
}

#voice .sliderBtn--prev {
    left: 0;
}
#voice .sliderBtn--next {
    right: 0;
}

#voice .sliderBtn--next .arrow--next {
    transform: rotate(180deg);
}

#voice .slideSelector {
    position: relative;
    z-index: 3;
    margin-top: 30px;
    text-align: center;
    
}
#voice .slideSelector button {
    margin: 0 5px;
    
    width: 10px;
    height: 10px;
    padding: 0;

    border-radius: 50%;
    border: none;
    cursor: pointer;
}
#voice .slideSelector button.active {
    background: #99D9F6;
}


@media screen and (max-width: 768px) {
    #voice {
        padding-right: 4.000005vw;
        padding-left: 4.000005vw;
    }

    #voice .p-contents__header__appendix {
        padding-right: 4.000005vw;
        padding-left: 4.000005vw;
    }
    .voice__slider--wrapper {
        width: 100%;

    }
    .voice__slider--mask {
        margin: 14px auto 0;
        width: 315px;
    }

    .voice__slider {
        width: max-content;
        gap: 24px;
    }

    .voice__cell {
        box-sizing: border-box;
        /* width: 78.6667vw;
        height: 114.133476vw; */
        width: 295px;
        height: 428px;
        padding: 20px;
        flex-direction: column;
        gap: 10px;
        border-radius: 8px;
        background: var(--Neutral-N_BG0, #FFF);
        box-shadow: 0px 2.797px 6.992px 0px rgba(0, 0, 0, 0.20);
    }

    .voice__img {
        width: 100%;
    }

    .voice__name {
        font-size: 14px;
    }
    .voice__txt {
        font-size: 14px;
        line-height: 1.42;
    }
    #voice .sliderBtn__wrapper {
        width:clamp(345px, 89.333445vw, 400px);
        height: 100%;
    }
    #voice .sliderBtn {
        width: clamp(10px,2.66667vw,15px);
        height: 20px;
    }
    #voice img.sliderBtn__arrow {
        width: clamp(10px,2.66667vw,20px);
        height:clamp(20px,5.33334vw,40px);
    }

}

/* ------------------
faq
------------------ */

#faq .c-content {
    margin-bottom: 0;
}
.c-accordion__list {
    border-bottom: solid 1px #E1E8ED;
    margin-bottom: 120px !important
}

.c-accordion__item {
    border-top: solid 1px #E1E8ED;
    text-indent: 0 !important;
    margin: 0 0 0 0 !important
}

.c-accordion__item::before {
    content: none !important
}

.c-accordion__btn {
    padding: 52px 44px 50px 0;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease;

    color:#0C1011;
    font-size: clamp(12px, 2.22vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.64px;
}

.c-accordion__btn::before,.c-accordion__btn::after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background-color: #1595DC;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto
}

.c-accordion__btn::after {
    transform: rotate(90deg);
    transition-property: transform;
    transition-duration: .3s
}

.c-accordion__btn--active::after {
    transform: rotate(0deg)
}

.c-accordion__btn:hover {
    opacity: .8
}

.c-accordion__btn--active {
    color: #1595DC
}

.c-accordion__box {
    display: none
}

.c-accordion__boxInner {
    padding: 0 0 50px 50px;
    color: #0C1011;
    font-size: clamp(12px, 2.22vw, 16px);;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.64px;
}

.c-accordion__boxInner img {
    margin: 44px 0 0;
    vertical-align: bottom;
    width: 100%;
    height: auto;
    display: block
}
.c-accordion__boxInner h4 {
    font-weight: 700;
    margin-top: 1em;
}
.c-accordion__boxInner h4:first-child {
    margin-top: 0;
}
.c-accordion__boxInner__link {
    color: #0C1011;
    font-size: clamp(12px, 2.22vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.75; /* 175% */
    letter-spacing: 0.64px;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .c-accordion__list {
        margin-bottom:70px !important
    }

    .c-accordion__btn {
        padding: 25px 44px 22px 0;
        font-size: 3.73vw;
    }

    .c-accordion__btn::before,.c-accordion__btn::after {
        width: 10px;
        right: 25px
    }

    .c-accordion__boxInner {
        padding: 0 44px 26px 0;
        box-sizing: border-box;
        font-size: 3.73vw;
        line-height: 1.9
    }
}

.c-btnFaqBox {
    margin: 40px auto 0;
    width: 400px;
    height: 56px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #00A0E9;
}
.c-btnFaq_link {
    width: 100%;
    height: 100%;

    color: #0C1011;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
    letter-spacing: 0.8px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.c-btnFaq_link:hover {
    opacity: 0.7;
}


@media screen and (max-width: 768px) {
    #faq.p-contents {
        padding-top: 60px;
    }
    .c-btnFaqBox {
        width: 100%;
        height:3.85em;
    }
    .c-btnFaq_text {
        font-size: 4.26vw;
        font-weight: 500;
        line-height: 1; /* 100% */
        letter-spacing: 0.64px;
    }
}

/* ------------------
footer
 ------------------ */

 .c-footer {
    width: 100%;
    background:#657786;
 }

 .c-footer__contents {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    max-width: 950px;
    padding: 80px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 .c-footer__logo {
    width: 198px;
 }
 .c-footer__logo img{
    max-width: 100%;
 }

.c-footer__links {
    margin-left: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-footer__links__item {
    margin-right: 40px;
}
.c-footer__links__item:last-child {
    margin-right: 0;
}
.c-footer__links__item a {
    color: #FFF;
    font-size: clamp(10.5px, 0.972vw, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.56px;
}

@media screen and (max-width: 768px) {
    .c-footer__contents {
        padding:80px 50px;
        max-width: 100%;
        display: block;
    }
    .c-footer__links {
        display: block;
        margin-top: 40px;
        margin-left: 0;
    }

    .c-footer__links  .c-footer__links__item {
        margin-bottom: 16px;
    }
    .c-footer__links  .c-footer__links__item a {
        color: #FFF;
        font-size: clamp(10.5px, 0.972vw, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 171.429% */
        letter-spacing: 0.56px;
    }
    .c-footer__links  .c-footer__links__item:last-child {
        margin-bottom: 0;
    }
}