@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: 992px) {
    .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: 1180px;
    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;
}

@media screen and (max-width: 992px) {
    .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: 3.73vw;
        font-weight: 400;
        line-height: 1.71;
        letter-spacing: 0.56px;
    }

    .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;
    }
}

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

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

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

}

/* ------------------
header
 ------------------ */
.c-header__contents {
    position: fixed;
    z-index: 999;
    box-sizing: border-box;
    padding: 12px 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: 992px) {
    .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 {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    box-sizing: unset;
    /* overflow: hidden; */ 
 }
 #kv.p-contents::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -110px;
    z-index: 0;
    background: linear-gradient(66deg, #FFF -32.65%, #EFF8FF 33.04%, #FFF 100%);
}

 #kv .c-content__inner {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 1160px;
    
    display: grid;
    /* grid-template-columns: 480px 60px 620px; */
    grid-template-columns: calc(50% - 100px) 60px calc(50% + 40px);
    justify-content: center;
    align-items: start;
    gap: 0;
 }

#kv .p-contents__header {
    margin-top: 25px;
}

.u-kvIconsBox {
    margin-top: 40px;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
}
#kv .u-child--left {
    grid-column: 1;
    padding-right: 42px;
}
#kv .u-child--right {
    grid-column: 3;
}

.c-kv__logo__subTxt {
    margin-top: 16px;
    color: var(--Neutral-N_GyText, #657279);
    font-size: clamp(12px,2.22vw,16px);;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 100% */
    letter-spacing: 0.64px;
}

#kv .p-contents__header {
    background: var(--, linear-gradient(90deg, #0089D4 0%, #14BAF8 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-size: clamp(32px,2.91vw,42px);
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 1.68px;
}
#kv .p-contents__header--small {
    font-size: clamp(16px,1.67vw,24px);
    font-style: normal;
    font-weight: 500;
    line-height: 1.33; /* 133.333% */
    letter-spacing: 0.96px;
}

.c-btnRegistrationBox {
    position: relative;
    z-index: 1;
}

#kv .u-content__paragram {
    margin-top: 24px;
    color:#0C1011;
    font-size: clamp(12px,1.25vw,18px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.77; /* 177.778% */
    letter-spacing: 0.72px;
}

#kv .u-kvImgBox {
    overflow: visible;
}
#kv .u-kvImgBox img {
    width:866px;
    max-width: none;
}

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

/* @media (min-width: 1440px) {
    #kv.p-contents {
        overflow: visible;
     }
} */
@media screen and (max-width: 992px) {
    #kv.p-contents {
        box-sizing: border-box;
        max-width: 100%;
        padding: 40px 10px 20px 25px;
    }
    #kv.p-contents::before {
        left: 0;
        right: unset;
        margin-left: 0;
        background: linear-gradient(18deg, #FFF -8.95%, #EFF8FF 42.51%, #FFF 94.96%);
    }
    .c-kv__logo__subTxt {
        color: var(--Neutral-N_GyText, #657279);
        /* font-size: 14px; */
        font-size: 3.7338vw;
        font-weight: 500;
        line-height: 14px; /* 100% */
        letter-spacing: 0.56px;
    }
    #kv .p-contents__header {
        margin-top: 20px;
        text-align: left;
        font-size: 8.53vw;
        font-style: normal;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 1.28px;
    }
    #kv .p-contents__header--small {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 500;
        line-height:   1.33;
        letter-spacing: 0.96px;
    }

    #kv .c-content__inner {
        max-width: 100%;
        grid-template-columns:100%;
    }
    #kv .u-child--left {
        padding-right: 0;
    }
    .c-imgBox--logo img {
        width: 58.674vw;
    }
    #kv .u-kvImgBox.u-spOnly {
            margin-left: 4vw;
    }
    #kv .u-kvImgBox img {
        width: 102.9vw;


    }
    .u-kvIconsBox {
        padding-right: 15px;
        justify-content: center;
    }
    #kv .u-content__paragram {
        /* padding-right: 15px; */
        font-size: 3.73vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.71;
    }
    #kv .c-btnRegistrationBox {
        display: none;
    }
}
/* ------------------
message
------------------ */
#message.p-contents {
    max-width: 1000px;
    padding-top: 40px;
    background: url(/buy/member/assets/images/message_bg.svg) bottom center no-repeat;
    background-size: 100%;
}
#message .c-content {
    box-sizing: border-box;
    margin-bottom: 0;

    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#message .u-content__child.u-child--left {
    margin-right: 40px;
}
#message .u-content__child.u-child--right {
    max-width: 540px;   
}

#message .p-contents__header {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
    
    text-align: left;
    color: var(--Primary-B_Text, #0586C1);
    font-size: clamp(15px,1.37vw,20px);
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.8px;
}

#message .p-contents__header .p-contents__header__img ,
#message .p-contents__header .p-contents__header__txt {
    vertical-align: middle;
}

@media screen and (max-width: 992px) {
    #message.p-contents {
        padding-top: 20px;
        padding-bottom: 40px;
        max-width: 100%;
        background-image: url(/buy/member/assets/images/sp/message_bg.svg);
        background-size: calc(100% - 60px);
    }
    #message .c-content {
        display: block;
        padding: 0;
    }
    #message .u-content__child.u-child--left,
    #message .u-content__child.u-child--right {
        max-width: 100%;
    }
    #message .u-content__child.u-child--left.u-pcOnly img {
        width: 23.35vw;
    }
    #message .p-contents__header {
        font-size: 5.33vw;
        font-style: normal;
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: 0.8px;
        text-align: left;
    }
    #message .p-contents__header__txt {
        display: inline-block;
        width: 81%;
    }
    #message .u-content__paragram {
        padding-left: 20px;
        padding-right: 20px;
    }
    #message .u-content__paragram.u-spOnly {
        /* max-width: 315px; */
        margin: 16px auto;
        text-align: center;
    }
    #message .u-content__paragram.u-spOnly img {
        width: 100%;
    }
    
}

/* ------------------
benefit
------------------ */
#benefit.p-contents {
    padding-bottom: 0;
}
#benefit .c-content {
    position: relative;
}
#benefit .c-content::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -310px;
    z-index: 0;
    background: linear-gradient(213deg, #E5F5FD 0.21%, #FFF 91.17%);
}
#benefit .c-content:nth-child(even)::before {
    left: unset;
    margin-right: unset;
    right: 50%;
    margin-right: -310px;
    background: linear-gradient(119deg, #E5F5FD 9.91%, #FFF 58.39%);
}

#benefit01.c-content {
    margin-top: 40px;
}

#benefit05.c-content {
    margin-bottom: 0;
}

#benefit .c-content__inner {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    margin: 40px auto;
    max-width: 1140px;
    padding: 80px 0;

    display: flex;
    flex-wrap: wrap;
    /* grid-template-columns: calc(50% - 20px) 40px calc(50% - 20px); */
    justify-content: center;
    align-items: start;
    gap: 0;
}

#benefit05 .c-content__inner {
    margin-bottom: 0;
}

#benefit .u-child--left {
    grid-column: 1;
}
#benefit .u-child--right {
    grid-column: 3;
}

#benefit .c-content__header {
    margin-top: 40px;
    color: var(--Primary-B_Text, #0586C1);
    font-feature-settings: 'pwid' on;

    font-size: clamp(24px, 2.20vw, 32px);;
    font-style: normal;
    font-weight: 500;
    line-height: 44px; /* 137.5% */
    letter-spacing: 1.28px;
}

#benefit .c-content .benefit__detail {
    width: 45.61%;
    max-width: 520px;
    order: 2;
    margin-right:0;
    margin-left: 20px;
}
#benefit .c-content .benefit__img {
    width: 45.61%;
    max-width: 520px;
    margin-right: 20px;
    margin-left: 0;
    order: 1;
}
#benefit .c-content .benefit__links {
    width: 45.61%;
    max-width: 520px;
    /* margin-left: 560px; */
    margin-left: 49.5%;
    margin-top: -126px;
    order: 3;
}
#benefit .c-content:nth-child(even) .benefit__detail {
    order: 1;
    margin-right: 20px;
    margin-left: 0;
    text-align: right;
}
#benefit .c-content:nth-child(even) .c-benefit__headerNumber {
    display: inline-block;
    text-align: right;

}
#benefit .c-content:nth-child(even) .benefit__img {
    order: 2;
    margin-right: 0;
    margin-left: 20px;
}
#benefit .c-content:nth-child(even) .benefit__links {
    width: 45.61%;
    max-width: 520px;
    margin-top: -102px;
    /* margin-right: 550px; */
    margin-right: 49.5%;
    margin-left: 0;
    text-align: right;
}
#benefit #benefit04.c-content .benefit__links {
    /* margin-right: 560px; */
}
#benefit #benefit05.c-content .benefit__links {
    margin-top: -70px;
}

#benefit .u-content__paragram {
    margin-top: 24px;
}
#benefit .c-content__linkBox {
    margin-top: 24px;
}

.c-content__linkBox .linkBox__link {
    color: var(--Primary-B_Text, #0586C1);
 
    font-size: clamp(12px, 2.22vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.64px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.c-content__linkBox .linkBox__link:hover {
    opacity: 0.7;
}

/* ページ全体のブレイクポイントは992pxだが、
ここだけ順序入れ替えで崩れるため早めのブレイクポイント */
@media (max-width: 1120px) {
    #benefit.p-contents {
        padding-bottom: 60px;
    }
    #benefit .c-content__inner {
        max-width: 100%;
        display: block;
        padding: 23px 0 0;
    }

    #benefit .c-content::before {
        width: calc(100% + 30px);
        height:420px;
        left: 0;
        margin-left: unset;
        background: linear-gradient(214deg, #E5F5FD -12.27%, #FFF 81.2%);
    }
    #benefit .c-content:nth-child(even)::before {
        right: unset;
        left: -30px;
        margin-right: unset;
        background: linear-gradient(124deg, #E5F5FD -6%, #FFF 77.67%);
    }

    #benefit #benefit03.c-content::before,
    #benefit #benefit05.c-content::before { 
        height:325px;
    }


     #benefit .c-benefit__headerNumber.u-pcOnly {
        display: none;
        /* width: 275px; */
    }
    #benefit .c-benefit__headerNumber.u-spOnly {
        display: inline-block;
        /* width: 275px; */
    }
    #benefit .c-content__header {
        margin-top: 24px;
        color: var(--Primary-B_Text, #0586C1);
        /* font-size: 6.4vw; */
        font-style: normal;
        font-weight: 500;
        line-height: 1.33;
        letter-spacing: 0.96px;
    }

    #benefit .c-content .benefit__detail,
    #benefit .c-content .benefit__img,
    #benefit .c-content .benefit__links,
    #benefit .c-content:nth-child(even) .benefit__detail,
    #benefit .c-content:nth-child(even) .benefit__img,
    #benefit .c-content:nth-child(even) .benefit__links {
        margin: 16px auto 0;
        text-align: left;
    }

    #benefit .c-content .benefit__img img {
        /* width: 100%;
        max-width: 100%; */
    }
    #benefit .c-content .benefit__detail {
        order: 1;
        box-sizing: border-box;
        padding-right: 20px;
        padding-left: 20px;
    }
    #benefit .c-content .benefit__img {
        order: 2;
    }
    #benefit .c-content .benefit__links {
        box-sizing: border-box;
        padding-right: 20px;
        padding-left: 20px;   
    }
    
    #benefit #benefit04.c-content .benefit__links{
        margin: 16px auto 0;
    }
    #benefit #benefit05.c-content .benefit__links {
        margin-top: 6px;
    }

    .c-content__linkBox .linkBox__link {
        /* font-size: 3.73vw; */
        font-style: normal;
        font-weight: 400;
        line-height: 1.71;
        letter-spacing: 0.56px;
    }
}
/* フォントサイズだけ微調整 */
@media screen and (max-width: 992px) {
    #benefit .c-content__header {
        font-size: 6.4vw;
    }
    #benefit .c-content .benefit__detail,
    #benefit .c-content .benefit__img,
    #benefit .c-content .benefit__links,
    #benefit .c-content:nth-child(even) .benefit__detail,
    #benefit .c-content:nth-child(even) .benefit__img,
    #benefit .c-content:nth-child(even) .benefit__links {
        width: 100%;
    }
    #benefit .c-content .benefit__img img {
        width: 100%;
        max-width: 100%;
    }
    .c-content__linkBox .linkBox__link {
        font-size: 3.73vw;
    }
}
/* ------------------
method
------------------ */
#method {
    background: #F6F7F7;
}
.step__list {
    margin-top: 40px;
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 24px;
}

.step__list .list__item__header {
    text-align: center;
    margin-top: -40px;
}

.step__list .step__list__item {
    text-align: center;
    width: 364px;
    border-radius: 8px;
    border: 2px solid #00A0E9;
    background-color: #ffffff;
}

.step__list__item .list__item__text {
    margin-top: 4px;
}

.step__list__item .list__item__img {
    margin-top: 24px;
    padding: 0 24px 24px;
}

.step__list__item .list__item__img img {
    width: 100%;
}

.c-btnRegistrationBox {
    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:hover {
    filter: brightness(1.05) contrast(1.05);
    transform: scale(0.95);
  }
.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-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; /* 140% */
    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: 992px) {
    #method.p-contents {
        padding-right: 20px;
        padding-bottom: 60px;
        padding-left: 20px;
    }
    #method .c-content {
        margin-bottom: 0;
        box-sizing: border-box;
        padding-right: 10px;
        padding-left: 10px;
    }
    .step__list {
        display: block;
        margin-top: 0;
        padding-top: 0;
    }

    .step__list .step__list__item {
        margin: 64px auto 0;
        width: 100%;
        /* max-width: 315px; */
        padding: 0 16px 16px;
        box-sizing: border-box;
    }
    .step__list .list__item__header img {
        width: 17.33vw;
    }
    .step__list__item .list__item__img {
        margin-top: 16px;
        padding: 0;
    }
    .step__list__item .list__item__img img {
        width: 100%;
        
    }

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

/* ------------------
firstStep
------------------ */
#firstStep .c-content {
    box-sizing: border-box;
    padding: 40px 80px;
    border-radius: 8px;
    background: var(--Primary-B_BG2, #E5F5FD);
}

#firstStep .u-content__paragram {
    float: right;
    width: 46.939%;
    margin: 40px 0 0 4%;
}

#firstStep .imgBox--01 {
    float: left;
    width: 48.98%;
    margin: 0;
}

#firstStep .imgBox--02 {
    float: right;
    width: 46.939%;
    margin: 40px 0 0 4%;
}

#firstStep .imgBox--02 img {
    width: 25.95vw
}

@media screen and (max-width: 992px) {
    #firstStep.p-contents {
        padding-bottom: 40px;
    }
    #firstStep .c-content {
        padding: 20px;
        margin-bottom: 0;
    }
    #firstStep .u-content__paragram {
        float: none;
        width: 100%;
        margin: 0;
    }
    #firstStep .imgBox--01 {
        float: none;
        margin-top: 12px;
        width: 100%;
        text-align: center;
    }
    #firstStep .imgBox--01 img {
        width: 100%;
    }

    #firstStep .imgBox--02 {
        float: none;
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    #firstStep .imgBox--02 img {
        display: inline-block;
        width: 100%;
    }
    #firstStep .u-content__paragram.u-spOnly {
        margin-top: 24px;
    }
    
}
/* ------------------
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: 992px) {
    .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: 992px) {
    #faq.p-contents {
        padding-top: 40px;
    }
    .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: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.56px;
}

@media screen and (max-width: 992px) {
    .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: 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;
    }
}