@charset "utf-8";

/* content
------------------------------*/
h1.page_title {
    margin: 64px auto 40px auto;
}

.identification_papers_page .-headSub {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 24px;
}

.ec-layoutRole__main .-content .text-h4 {
    margin-bottom: 24px;
    font-size: 18px;
}

.ec-layoutRole__main .-content {
    overflow: hidden;
}

.ec-layoutRole__main .-content section {
    overflow: inherit;
}

.inner {
    margin-bottom: 64px;
}

.inner:first-child:not(:last-child) {
    margin-bottom: 64px;
}

.indent {
    margin-left: 1em;
}

.-anchorLink {
    padding-top: 80px;
    margin: -80px auto 64px;
}

#identification.-anchorLink {
    margin: -40px auto 64px;
}

.mb-small {
    margin-bottom: 32px;
}

.note li {
    text-indent: -1em;
    margin-left: 1em;
}

.note.-text li a {
    text-indent: 0;
    text-decoration: underline;
}

.text-red {
    color: var(--strong-text);
}

.text-bold{
    font-weight: bold;
}

.text-gray {
    color: #A2A2A2;
}

.text-small {
    font-size: 14px;
    line-height: 1.5;
}

.flexwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flexwrap.-rowreverse {
    flex-flow: row-reverse;
}

/* ご利用いただけるご本人様確認書類 */
#documentList {
    border-bottom: 1px solid #D9D9D9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 40px auto 0;
}

#documentList .documentList_item {
    border-top: 1px solid #D9D9D9;
    padding: 30px 40px;
    position: relative;
    width: 50%;
}

#documentList > .documentList_item:nth-of-type(2n) {
    position: relative;
}

#documentList .documentList_item:nth-of-type(2n):after {
    background: #D9D9D9;
    content: "";
    margin: auto 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: calc(100% - 60px);
}

#documentList img {
    display: block;
    margin: 0 auto 20px;
}

#documentList .documentList_item.doc05 {
    width: 100%;
    padding: 30px 0;
}

#documentList .documentList_item.doc05 dt,
#documentList .documentList_item.doc05 dd {
    width: calc(50% - 80px);
    margin-left: auto;
    margin-right: auto;
}

.documentList_title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: 24px;
}

.documentList_title span{
    font-size: 14px;
    display: block;
}


/* 「健康保険証」が2行のため、「運転免許証」の高さを2行分に調整する */
.documentList_title.-line2 {
    height: calc(2em * 1.7);
}


/* ご利用いただける補完書類 */
.completion h3 {
    margin-bottom: 24px;
}

.completion_img {
    width: 520px;
}

.completion_detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 40px;
}

.completion_img {
    width: 371px;
}


/* 撮影時の注意事項 */
.howtoshooting{
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #D9D9D9;
    width: 100%;
}

.howtoshooting > div:first-child{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px;
}

.howtoshooting > div:last-child img{
    margin: 0;
}

.howtoshooting .note{
    margin-top: 20px;
}

.howtoshooting .c-cautions_list{
    margin-top: 10px;
}

#documentList dl.doc05{
    width: 100%;
    padding: 30px 0;
}


/* アップロードについて flow */
.flow_detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 29px;
}

.flow_detail-block {
    background: #fff;
    counter-increment: flow 1;
    margin-right: 20px;
    overflow: hidden;
    padding: 20px 8px;
    padding-right: clamp(50px, calc(44*100vw/769), 71px);
    position: relative;
    width: 394px;
}
  
.flow_detail-block:last-child {
    margin-right: 0;
    padding-right: 8px;
    width: 370px;
}
  
.flow_detail-block::before {
    border: 4px solid;
    border-bottom: none;
    border-left: none;
    content: '';
    display: block;
    height: clamp(194px,calc(194*100vw/769),273px);
    position: absolute;
    right: 0;
    top: 50%;
    transform: scaleX(0.5) rotate(45deg);
    transform-origin: right top;
    width: clamp(194px,calc(194*100vw/769),273px);
    z-index: 0;
}
  
.flow_detail-block:last-child:before {
    content: none;
}
  
.flow_detail-block::after {
    border: 2px solid;
    border-right: none;
    content: '';
    display: block;
    height: calc(100% + 40px);
    left: -8px;
    position: relative;
    top: calc(-100% - 16px);
    width: calc(100% + 8px);
    z-index: 0;
}
  
.flow_detail-block:last-child:after {
    border-right: 2px solid;
}
  
.flow_detail-block .-num {
    display: block;
    font-size: 21px;
    height: 72px;
    left: 7px;
    line-height: 1.3;
    overflow: hidden;
    padding: 7px 0 0 10px;
    position: absolute;
    top: 7px;
    width: 72px;
    z-index: 2;
}
  
.flow_detail-block .-num::before {
    content: counter(flow);
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 3;
}
  
.flow_detail-block .-num::after {
    content: '';
    display: block;
    height: 110px;
    left: -60px;
    position: absolute;
    top: -60px;
    transform: rotate(45deg);
    width: 110px;
    z-index: 0;
}
  
.flow_detail-block .-image {
    position: relative;
    width: clamp(175px,calc(175*100vw/769),315px);
    z-index: 1;
}
  
.flow_detail-block:last-child .-image {
    margin: 0 auto;
}
  
.flow_detail-block .-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(18px,calc(18*100vw/769),22px);
    font-weight: bold;
    padding: 16px 0 0;
    position: relative;
    width: clamp(190px,calc(190*100vw/769),315px);
    z-index: 1;
    height: 82px;
    text-align: left;
}
  
.flow_detail-block:last-child .-text {
    margin: 0 auto;
    text-align: left;
}




/* おしらせ */
.news_box {
    text-align: center;
}

.news_box li .c-news_link {
    color: var(--strong-text);
    text-align: center;
    text-decoration: underline;
}


/* アコーディオン */
.c-accordion_title {
    position: relative;
    padding: 0;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}

.c-accordion_title.open_area {
    cursor: auto;
    padding: 16px;
}

.c-accordion_title:before {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    width: 13px;
    height: 13px;
    -webkit-transition: 0.15s ease;
    transition: 0.15s ease;
    -webkit-transform: rotate(135deg) translate(-2px, 2px);
    -ms-transform: rotate(135deg) translate(-2px, 2px);
    transform: rotate(135deg) translate(-2px, 2px);
}

.c-accordion_title.selected:before {
    -webkit-transform: rotate(-45deg) translate(-2px, 2px);
    -ms-transform: rotate(-45deg) translate(-2px, 2px);
    transform: rotate(-45deg) translate(-2px, 2px);
}

.c-accordion_title.open_area::before {
    content: none;
}


/* アップロードについて */
.upload {
    margin-bottom: 80px;
}

.upload .c-step {
    margin-bottom: 30px;
}

.upload .m-title {
    margin: 80px 0 60px;
}

.upload .c-cautions_list li a {
    color: var(--strong-text);
}

.uploadMobile .c-process_list_item_body,
.uploadPc .c-process_list_item_body {
    padding-left: 20px;
}

.c-process_list_item_heading {
    width: 300px;
}

.c-process_list_item_accrdionBody,
.c-process_list_item_accrdionBody.-block {
    padding: 40px 60px;
}

.uploadPc .c-process_list_item_heading.-small {
    width: 130px;
}

.uploadPc .c-process_list_item_heading.-wide {
    width: 470px;
}

.c-process_list_item_body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.uploadMobile .c-process_list_item img,
.uploadPc .c-process_list_item img {
    display: block;
    margin: 0 auto 20px;
}

.c-process_list_item_accrdionBody img {
    display: block;
    margin: 0 auto;
}

.uploadMobile ul.flexwrap,
.uploadPc ul.flexwrap {
    width: 100%;
}

.uploadMobile ul.flexwrap>li {
    width: 450px;
}

.uploadPc ul.flexwrap>li {
    width: 470px;
}

.flexwrap.-arrow li:first-child {
    position: relative;
}

.flexwrap.-arrow li:first-child:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid #D9D9D9;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: 0;
    left: auto;
    bottom: 0;
    right: -100px;
    margin: auto 0;
}


/* 登録方法手順 */
.c-process {
    margin: 0 auto;
    max-width: 1200px;
}

.c-process_list{
    margin: 20px auto;
}

.c-process_list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d7dbe0;
    height: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-process_list_item.-accordion {
    display: block;
}

.c-process_list .c-process_list_item.-accordion:first-child{
    padding: 0;
    border-top: 1px solid #d7dbe0;
}

.c-process_list_item.-accordion .js-accordionContent {
    display: none;
}

.c-process_list_item_accrdionBody {
    background: #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: none;
    padding: 40px 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-process_list_item_accrdionBody.-block {
    display: block;
}

.c-process_list_item:nth-child(n + 2) {
    position: relative;
}

.c-process_list_item:nth-child(n + 2):before {
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    margin: auto;
    border-width: 11px 9px 0 9px;
    border-style: solid;
    border-color: #3C3C3C transparent transparent transparent;
    width: 0;
    height: 0;
}

.c-process_list_item_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 320px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.process_head{
    font-weight: 700;
    margin-bottom: 24px;
}

.c-process_list_item_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* 汎用：グレー枠 */
.grayFrame_wrap {
    width: 1200px;
    padding: 64px 0;
    margin: 96px auto;
    border: 1px solid #3C3C3C;
    border-radius: 5px;
}

.detailedFlow_wrap+.grayFrame_wrap {
    margin-top: 8px;
}

.grayFrame_wrap+.grayFrame_wrap {
    margin-top: 40px;
}

.grayFrame_wrap+.btn_wrap {
    margin: 96px auto;
}

.grayFrame_wrap .grayFrame_title {
    text-align: center;
    margin-bottom: 24px;
}

.grayFrame_wrap .grayFrame_text {
    text-align: center;
    margin-top: 40px;
}

.grayFrame_wrap .grayFrame_text+.m-textLink {
    display: table;
    margin: 24px auto 0;
}

.grayFrame_wrap .grayFrame_tel {
    display: inline-block;
    text-decoration: none;
    margin: 0 20px;
    pointer-events: none;
}

.grayFrame_wrap .purchaseMethod {
    width: calc(465px*2 + 40px);
    margin: 0 auto;
}

.grayFrame_wrap ul.purchaseMethod li {
    display: block;
    flex-basis: 465px;
}

.grayFrame_wrap ul.purchaseMethod li .m-btn.-image {
    width: 465px;
    height: 130px;
}

.grayFrame_wrap ul.purchaseMethod li .m-btn.-image img {
    width: auto;
    height: 130px;
}

.grayFrame_wrap ul.purchaseMethod li .m-btn.-image p {
    width: calc(100% - 192px);
}

.grayFrame_wrap ul.purchaseMethod li .purchaseMethod_text {
    font-size: 14px;
    margin-top: 20px;
}

.grayFrame_wrap .btn_wrap + .btn_wrap{
    margin-top: 20px;
}


/* ログインボタン */
.login_btn_wrap {
    text-align: center;
}

.login_btn_wrap .m-btn {
    margin: 0 auto 20px;
}

.guide_btn_wrap .m-btn{
    margin: 40px auto 0;
}


/* ページ内リンク */
.purchaseItem_anchor {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 20px 0 0;
    border-top: 1px solid #DADDE3;
    border-bottom: 1px solid #DADDE3;
}

.purchaseItem_anchor.-upload {
    margin-bottom: 64px;
}

.purchaseItem_anchor.-column2 li {
    width: 600px;
}

.purchaseItem_anchor.-column3 li {
    width: 400px;
}

.purchaseItem_anchor li a {
    display: block;
    text-decoration: none;
    padding: 30px 0;
    line-height: 1.3;
}

.purchaseItem_anchor li a:hover {
    opacity: 0.5;
}

.purchaseItem_anchor li:first-child div {
    border-right: 1px solid #DADDE3;
}

.purchaseItem_anchor li+li span {
    display: inline;
}

/* ボタン */
.btn_wrap {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: auto;
    width: 793px;
}

.m-btn {
    align-items: center;
    background: #FFF;
    border-radius: 5px;
    color: #3C3C3C;
    box-shadow: 4px 4px 8px 0px #dadde3;
    display: flex;
    height: 54px;
    justify-content: center;
    line-height: 1.3;
    position: relative;
    text-decoration: none;
    width: 386px;
}

.grayFrame_wrap .btn_wrap + .btn_wrap {
    margin-top: 20px;
}


@media screen and (max-width: 768px) {
    .ec-layoutRole__main .-content section {
        overflow: inherit;
    }
    
    h1.page_title {
        margin-bottom: calc(40 / 375* 100vw);
    }

    .identification_papers_page .-headSub {
        font-size: calc(18/375*100vw);
        margin-bottom: calc(20 / 375* 100vw);
    }
    
    .ec-layoutRole__main .-content .text-h4 {
        font-size: calc(18/375*100vw);
        margin-bottom: calc(20/375*100vw);
    }

    .ec-layoutRole__main .-content .text-h4 span {
        display: block;
    }

    .inner p,
    .inner li {
        font-size: calc(14 / 375* 100vw);
        line-height: 1.5;
    }

    .inner .text-small,
    .inner .text-small li {
        font-size: calc(12 / 375* 100vw);
    }
    
    .inner:not(:last-child) {
        margin-bottom: calc(64 / 375* 100vw);
    }

    .inner:first-child:not(:last-child) {
        margin-bottom: calc(45 / 375 * 100vw);
    }
    
    .indent {
        margin-left: 1em;
    }
    
    .-anchorLink,
    .inner.-anchorLink {
        padding-top: calc(102 / 375 * 100vw);
        margin: calc(-102 / 375 * 100vw) auto calc(64 / 375 * 100vw);
    }
    
    #identification.-anchorLink{
        margin: calc(-62 / 375 * 100vw) auto calc(64 / 375 * 100vw);
    }
    
    .text-red {
        color: #d52423;
    }
    
    .text-bold{
        font-weight: bold;
    }

    .text-gray {
        color: #a2a2a2;
    }
    
    .text-small {
        font-size: calc(12 / 375 * 100vw);
        line-height: 1.5;
    }
    
    .flexwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    
    .flexwrap.-rowreverse {
        flex-flow: wrap;
    }
    
    
    /* ご利用いただけるご本人様確認書類 */
    .completion {
        margin-bottom: calc(64/375*100vw);
        padding: 0;
    }
    
    .completion img {
        margin-bottom: calc(16/375*100vw);
    }

    .completion_detail {
        margin-bottom: calc(44/375*100vw);
    }
    
    #documentList {
        border-bottom: 1px solid #D9D9D9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: calc(40/375*100vw) auto 0;
    }
    
    #documentList .documentList_item {
        border-top: 1px solid #D9D9D9;
        position: relative;
        padding: calc(16/375*100vw) 0;
        width: 100%;
    }

    #documentList .documentList_item.doc05 dt,
    #documentList .documentList_item.doc05 dd {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    #documentList .documentList_item:nth-of-type(2n) {
        position: relative;
    }

    #documentList .documentList_item:nth-of-type(2n):after {
        content: none;
    }

    #documentList .documentList_title {
        font-size: calc(14/375*100vw);
        font-weight: 700;
        margin-bottom: calc(20/375*100vw);
    }

    #documentList .documentList_title span {
        display: block;
        font-size: calc(12/375*100vw);
    }

    .documentList_text span{
        display: block;
    }
    
    .documentList_title.-line2 {
        height: auto;
    }

    #documentList img {
        display: block;
        margin: 0 auto calc(16/375*100vw);
        width: 100%;
    }
    
    #documentList .doc05 img:last-of-type {
        margin-bottom: 0;
    }
    
    
    /* 撮影時の注意事項 */
    .howtoshooting {
        padding-top: calc(40/375*100vw);
        margin-top: calc(40/375*100vw);
        border-top: 1px solid #D9D9D9;
        width: 100%;
    }
    
    .howtoshooting > div:first-child{
        margin-bottom: calc(16/375*100vw);
    }
    
    .howtoshooting .note {
        margin-top: calc(16/375*100vw);
    }
    
    .c-process_list_item .howtoshooting img{
        margin: 0 auto;
    }
    
    
    /* おしらせ */
    .news_box li .c-news_link {
        text-align: left;
    }
    
    /* アコーディオン */
    .c-accordion_title {
        height: calc(60/375*100vw);
        font-size: calc(14 / 375 * 100vw);
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 calc(35/375*100vw) 0 0;
    }
    
    .c-accordion_title.open_area {
        cursor: auto;
        padding: 4vw;
    }
    
    .c-accordion_title:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        right: 5.33333vw;
        width: 2.66667vw;
        height: 2.66667vw;
        -webkit-transition: 0.15s ease;
        transition: 0.15s ease;
        -webkit-transform: rotate(135deg) translate(-2px, 2px);
        -ms-transform: rotate(135deg) translate(-2px, 2px);
        transform: rotate(135deg) translate(-2px, 2px);
    }
    
    .c-accordion_title.is-show:before {
        -webkit-transform: rotate(-45deg) translate(-2px, 2px);
        -ms-transform: rotate(-45deg) translate(-2px, 2px);
        transform: rotate(-45deg) translate(-2px, 2px);
    }
    
    .c-accordion_title.open_area::before {
        content: none;
    }

    /* アップロードについて flow */
    .flow {
        padding: calc(64*100vw/375) 0 calc(20*100vw/375);
    }
    
    .flow_detail {
        flex-wrap: wrap;
    }
    
    .flow_detail-block {
        margin: 0 0 calc(10*100vw/375);
        padding: calc(16*100vw/375) calc(18*100vw/375) calc(35*100vw/375) calc(22*100vw/375);
        width: 100%;
    }
    
    .flow_detail-block:last-child {
        padding: calc(16*100vw/375) calc(20*100vw/375);
        width: 100%;
    }
    
    .flow_detail-block::before {
        border-bottom: calc(4*100vw/375) solid;
        border-left: calc(4*100vw/375) solid;
        border-top: none;
        border-right: none;
        height: 100vw;
        bottom: 0;
        left: 50%;
        right: auto;
        top: auto;
        transform: scaleY(0.3) rotate(-45deg);
        transform-origin: left bottom;
        width: 100vw;
    }
    
    .flow_detail-block::after {
        border-bottom: none;
        border-width: calc(2*100vw/375);
        border-right: calc(2*100vw/375) solid;
        height: 100%;
        margin: calc(5*100vw/375) calc(-14*100vw/375);
        top: calc(-100% - (8*100vw/375));
        width: calc(100% + (39*100vw/375));
    }
    
      .flow_detail-block:last-child::after {
        border-bottom: calc(2*100vw/375) solid;
        border-right: calc(2*100vw/375) solid;
        height: calc(100% + (21*100vw/375));
    }
    
    .flow_detail-block .-num {
        font-size: calc(16*100vw/375);
        height: calc(50*100vw/375);
        left: calc(5*100vw/375);
        top: calc(5*100vw/375);
        width: calc(50*100vw/375);
    }
    
    .flow_detail-block .-num::before {
        left: calc(10*100vw/375);
        top: calc(10*100vw/375);
    }
    
    .flow_detail-block .-num::after {
        height: calc(110*100vw/375);
        left: calc(-74*100vw/375);
        top: calc(-63*100vw/375);
        width: calc(110*100vw/375);
    }
    
    .flow_detail-block .-image {
        float: left;
        width: calc(100*100vw/375);
    }
    
    .flow_detail-block .-text {
        font-size: var(--main-size);
        margin: 0 0 0 calc(100*100vw/375);
        padding: calc(24*100vw/375) 0;
        width: calc(100% - (90*100vw/375));
        display: block;
        height: calc(71* 100vw / 375);
    }

    .flow_detail-block:last-child .-text {
        margin: 0 0 0 calc(100*100vw/375);
    }
    
    .flow_detail-block .-text br {
        display: none;
    }
    
    /* アップロードについて */
    .process_head{
        font-weight: 700;
        margin-bottom: calc(20/375*100vw);
    }
    
    .c-process_list_item img {
        display: block;
        margin: 0 auto calc(16/375*100vw);
    }

    .c-process_list_item_body p span {
        display: inline;
    }
    
    .uploadMobile ul.flexwrap > li,
    .uploadPc ul.flexwrap > li{
        margin-bottom: calc(40/375*100vw);
    }
    
    .uploadMobile ul.flexwrap > li:last-child,
    .uploadPc ul.flexwrap > li:last-child{
        margin-bottom: 0;
    }

    .uploadPc .c-process_list_item_body {
        padding:0;
    }

    .uploadPc .c-process_list_item_heading.-small {
        width: 100%;
    }

    .uploadPc .c-process_list_item_heading.-small img {
        width: calc(130/375*100vw);
    }

    .uploadPc .c-process_list_item_heading.-wide {
        width: 100%;
    }
    
    .flexwrap.-arrow li:first-child {
        position: relative;
        margin-bottom: calc(40/375*100vw);
    }
    
    .flexwrap.-arrow li:first-child:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: calc(8/375*100vw) solid transparent;
        border-right: calc(8/375*100vw) solid transparent;
        border-top: calc(8/375*100vw) solid #D9D9D9;
        left: 0;
        bottom: calc(-24/375*100vw);
        right: 0;
        margin: 0 auto;
    }
    
    .uploadStep{
        margin: 0 auto calc(20/375*100vw);
        display: block;
    }
    
    .uploadStep li {
        display: flex;
        align-items: center;
    }
    
    .uploadStep li + li {
        position: relative;
        padding-top: calc(28/375*100vw);
        box-sizing: content-box;
    }
    
    .uploadStep li + li::after {
        content: "";
        position: absolute;
        top: calc(10/375*100vw);
        left: 0;
        display: block;
        width: 0;
        height: 0;
        margin-left: calc(41/375*100vw);
        border-top: calc(8/375*100vw) solid #3C3C3C;
        border-left: calc(8/375*100vw) solid transparent;
        border-right: calc(8/375*100vw) solid transparent;
    }
    
    .uploadStep li img {
        display: block;
        width: calc(101/375*100vw);
    }
    
    .uploadStep_text {
        font-size: calc(14/375*100vw);
        margin-left: calc(20/375*100vw);
        text-align: left;
    }
    
    .uploadStep_text span {
        display: block;
        font-size: calc(12/14*1em);
        font-weight: 500;
    }
    
    
    /* 登録方法手順 */
    .c-process_list{
        margin: calc(20/375*100vw) auto;
    }
    
    .c-process_list_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #d7dbe0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: auto;
    }
    
    .c-process_list_item.-accordion {
        display: block;
    }
    
    .c-process_list_item.-accordion .js-accordionContent {
        display: none;
    }
    
    .c-process_list_item_accrdionBody,
    .c-process_list_item_accrdionBody.-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: calc(20/375*100vw);
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }

    .c-process_list_item_accrdionBody.-block {
        display: block;
    }
    
    .c-process_list_item.-accordion:first-child {
        padding-top: 0;
    }
    
    .c-process_list_item:nth-child(n + 2) {
        position: relative;
    }
    .c-process_list_item:nth-child(n + 2):before {
        top: calc(17/375*100vw);
        border-width: 2.13333vw 1.86667vw 0 1.86667vw;
    }
    
    .c-process_list_item_heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }
    
    .c-process_list_item_body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        letter-spacing: 0.06em;
        padding: 0;
    }

    .c-process_list_item_body p span {
        display: block;
    }
    
    
    /* 汎用：グレー枠 */
    .grayFrame_wrap {
        width: 100%;
        padding: calc(40/375*100vw) calc(20/375*100vw);
        margin: calc(96/375*100vw) auto;
        text-align: center;
    }
    
    .detailedFlow_wrap + .grayFrame_wrap {
        margin-top: calc(8/375*100vw);
    }
    
    .grayFrame_wrap + .grayFrame_wrap {
        margin-top: calc(40/375*100vw);
    }
    
    .grayFrame_wrap + .btn_wrap {
        margin: calc(96/375*100vw) auto;
    }
    
    .grayFrame_wrap .btn_wrap {
        width: 100%;
    }
    
    .grayFrame_wrap .grayFrame_title {
        font-size: calc(14/375*100vw);
        white-space: nowrap;
        margin-bottom: calc(20/375*100vw);
    }
    
    .grayFrame_wrap .grayFrame_text {
        font-size: calc(14/375*100vw);
        margin-top: calc(40/375*100vw);
    }
    
    .grayFrame_wrap .grayFrame_text + .m-textLink {
        margin-top: calc(20/375*100vw);
    }
    
    .grayFrame_wrap .grayFrame_tel {
        text-decoration: none;
    }
    
    .grayFrame_wrap .purchaseMethod {
        width: 100%;
    }
    
    .grayFrame_wrap .m-btn {
        width: 100%;
    }
    
    .ec-layoutRole__main .-content .newUser_btn {
        margin: calc(20/375*100vw) 0;
    }
    
    .ec-layoutRole__main .-content .btn_wrap {
        text-align: center;
    }
    
    .ec-layoutRole__main .-content .btn_wrap + .btn_wrap {
        margin-top: calc(20/375*100vw);
    }
    
    
    /* ログインボタン */
    .login_btn_wrap {
        text-align: center;
    }
    
    .login_btn_wrap .m-btn {
        margin: 0 auto calc(20/375*100vw);
    }
    
    .guide_btn_wrap .m-btn{
        margin: calc(40/375*100vw) auto 0;
    }
    
    
    /* ページ内リンク */
    .purchaseItem_anchor {
        display: flex;
        justify-content: center;
        text-align: center;
        margin: calc(20 / 375 * 100vw) 0 0;
        padding: 0 calc(10 / 375 * 100vw);
        border-top: 1px solid #dadde3;
        border-bottom: 1px solid #dadde3;
    }
    
    .purchaseItem_anchor li {
        height: calc(58 / 375 * 100vw);
    }
    
    .purchaseItem_anchor.-column2 {
        padding: 0 calc(20 / 375 * 100vw);
    }
    
    .purchaseItem_anchor.-column2 li {
        width: 50%;
    }
    
    .purchaseItem_anchor.-column3 li {
        width: calc(100 / 3 * 1%);
    }
    
    .purchaseItem_anchor li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.3;
        text-decoration: none;
        text-align: center;
        padding: calc(14 / 375 * 100vw) 0;
        height: 100%;
        font-size: calc(14 / 375 * 100vw);
    }
    
    .purchaseItem_anchor li a:hover {
        opacity: 0.5;
    }

    .purchaseItem_anchor li:first-child div {
        width: calc(176 / 375* 100vw);
    }
    
    .purchaseItem_anchor li a span {
        display: block;
        text-align: center;
        width: 100%;
    }
    
    .purchaseItem_anchor.-about li + li span {
        height: calc(27 / 375* 100vw);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .purchaseItem_anchor.-upload {
        margin-bottom: calc(45/375*100vw);
    }

    .btn_wrap {
        width: 100%;
    }

    .m-btn {
        border-radius: calc(3 / 375* 100vw);
        box-shadow: calc(5 / 375* 100vw) calc(5 / 375* 100vw) calc(5 / 375* 100vw) 0px #dadde3;
        font-size: calc(14/375*100vw);
        height: calc(50 / 375* 100vw);
        overflow: hidden;
        margin: auto;
        width: calc(335 / 375* 100vw);
    }

    .m-btn::after {
        content: "";
        height: calc(7 / 375* 100vw);
        right: calc(20 / 375* 100vw);
        width: calc(7 / 375* 100vw);
    }

    .ec-layoutRole__main .-content .btn_wrap + .btn_wrap {
        margin-top: calc(20 / 375* 100vw);
    }

}