@charset "UTF-8";
section.stepflow {
    width: 100%;
    text-align: center;
}
.stepbox { display: flex; flex-direction: column; margin: 0 auto; justify-content: flex-start; align-items: center; padding:0;}
.stepbox li { display: block; width: 100%; margin: 0 auto 40px; background-color: #fff; border-radius: 12px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); margin-top: 25px; position: relative; padding:15px 25px;}
.stepbox li > i {display: block; margin-top: -35px;}
.stepbox li h4 {font-size: 1.25em; font-weight: bold; margin: .65em 0 0 0;padding-bottom: .65em;}
.stepbox li h4.line-btm { border-bottom: 1px #ddd solid; }
.row2wrp {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.row2wrp > div {width: 48%; padding: 15px 1% 0;}
.row2wrp > div:first-child {border-right: 1px #ddd solid;}
.row2wrp > div img {margin:5px auto 10px;}
.stepbox li h5 {}
.stepbox li h5 span {font-size: .8375em; font-weight: normal; display: block;}
.stepbox li::after {content: ""; display: block; width: 32px; height: 24px;position: absolute; bottom: -40px; left:calc(50% - 16px);  background-attachment: scroll; background-image: url(/themes/images/contents/ekyc-guide/arrow_step.svg); background-size: contain; background-repeat: no-repeat;}
.stepbox li.finish::after {display: none;}
.imgbox {display: flex; justify-content:center; align-items: center; position:relative; width: 100%; max-width: 445px;
margin: 0 auto; padding-bottom: 25px;}
.imgbox img { position: absolute; left: 0; top: -25px;}

@media screen and (max-width: 660px){
.stepbox li {
    padding: 3vw 3vw;
}
.imgbox img {
    width: 12vw;
    left: 5vw;
}
.row2wrp > div img {
    width: 24vw;
}
.stepbox li > i img {
    width: 15vw;
}
}

.accordion {
    margin-bottom: 12px;
    border: 1px solid #df4528;
    border-radius: 5px;
}

.accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #df4528;
    font-weight: 600;
    cursor: pointer;
}

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 2px solid #df4528;
    border-right: 2px solid #df4528;
    content: '';
    transition: transform .3s;
}

.accordion[open] summary::after {
    transform: rotate(225deg);
}

section.opentxt {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion[open] section {
    transform: none;
    opacity: 1;
}

@media screen and (max-width: 660px){
.accordion h3.stitle {
    width: 100% !important;
    font-size: 3vw !important;
}
.accordion summary {
    font-size: 3.5vw;
}
}

section.method {margin-bottom: 2em;}
table.method-td {
    width: 100%;
}

table.method-td th {
    background-color: #eee;
    color: #333;
    border-bottom: 0;
    width: 50%;
    padding: 1em 0.5em;
    font-size: 1em;
    text-align: center;
    border: 2px #fff solid;
}

table.method-td td:first-child {
    border-right: 2px #eee solid;
}

table.method-td td {
    border-bottom: 2px #eee solid;
    padding: 0.65em 1.5em; vertical-align: top;
}

.method ul, .method ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.num-list > li {
    font-size: .75rem;
    line-height: 1.4;
    padding-bottom: 0.25em;
    text-align: left;
    padding-left: 2.5em;
    position: relative;
}

ul.discM {
    margin: 0.5em 0 0 1em;
}

ul.discM.center li {
    text-align: center;
}

ul.discM li {
    font-size: 1em;
    line-height: 1.4;
    padding-bottom: 0.25em;
    text-align: left;
}

ul.discM li::before {
    content: "・";
    display: inline-block;
    margin-left: -1em;
    padding-right: 0;
    width: 1em;
}

ul.num-list li >span {
    display: inline-block;
    width: 2em;
    padding-right: 0.25em;
    position: absolute;
    left: 0.25em;
    top: 0;
}

ul.num-list li.red > ul.discS {
    margin-bottom: 0.25em;
    width: calc(100% - 2em);
}

ul.discS {
    margin: 0.5em 0 2em 1em;
}

ul.discS li {
    font-size: .875em;
    line-height: 1.4;
    padding-bottom: 0.25em;
}

ul.num-list li.red > ul.discS li {
    color: #333;
    font-size: .75rem;
    margin-left: 0.25em;
}

ul.discS li::before {
    content: "・";
    display: inline-block;
    margin-left: -1em;
    padding-right: 0;
    width: 1em;
}
ul.lineS li::before {
    content: "-";
    display: inline-block;
    margin-left: -1em;
    padding-right: 0;
    width: 1em;
}

.nomgb {
    margin-bottom: 0 !important;
}

.id_list {
    display: flex;
    flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.id_list li {
    width: 50%;
    padding: 1% 4%;
}

.id_list p {
    font-size: 0.8em!important;
}
.mynum {
    margin-top: 5%;
    text-align: center;
    margin-bottom: 0!important;
}
.mynum_text {
    font-size: 0.8rem!important;
    text-align: center;
}

@media screen and (max-width: 660px){
#web .id_list {
    width: 100%;
}
#web .id_list li {
    width: 48%;
}
}