@charset "UTF-8";
/* CSS Document */

.ekyc-500cam {padding: 1rem 0 3rem 0;}
.contents {
    margin: 1rem auto 0px;}
.ekyc-500cam .camdate {
    text-align: center;
    padding: 1em 0 0;
}
.ekyc-500cam .camdate p {
    font-size: 1.25rem;
    margin: 0;
}
.ekyc-500cam .camdate-bold {
    font-weight: bold;
}
.ekyc-500cam .camdate-small {
    font-size: 1rem;
}
.ekyc-500cam .camdate p.camdate-red {
    color: #dd0000;
    font-size: 0.875rem;
}
.ekyc-500cam .camdesc {
    background-color:rgba(233,85,4,0.05);
    clip-path: polygon(0 80px, 100%0, 100% calc(100% - 80px), 0 100%);
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 80px 0 50px;
}

.ekyc-500cam .camdesc div {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}

.ekyc-500cam .camdesc p {
    font-size: 1.25rem;
}

.ekyc-500cam .camdesc .camdesc-border {
    border-bottom: 3px solid #D34316;
    padding-bottom: 4px;
}

.ekyc-500cam .camdesc .camdesc-strong {
    font-size: 1.625rem;
}

.ekyc-500cam .camdesc .camdesc-small {
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    font-size: 0.750rem;
    font-weight: normal;
    color: #066eb3;
    border-bottom: 0.5px solid #066eb3;
}

.ekyc-500cam .camlist {
    text-align: center;
}

.ekyc-500cam .camlist h2 {
    font-size: 1.125rem;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 3rem;
}

.ekyc-500cam .camlist h2:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    display: inline-block;
    width: 100px;
    height: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #D34316;
}

.ekyc-500cam h3.camsttl { font-size: 1.125rem; font-weight: bold; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: .65em; margin-top: 2em;}
.ekyc-500cam h3.camsttl::before {content: ""; width: 5px ; height: 1.2em; background-color: #d34316; margin-right: .35em;}

.ekyc-500cam .camlist ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.ekyc-500cam .camlist ul li{
    width: 32%;
    display:flex;
    flex-direction:column;
}

.ekyc-500cam .camlist ul li img {
    width: 87.35%;
}

.ekyc-500cam .camlist ul li h4 {
    font-size: 1.375rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
}
.ekyc-500cam .camlist ul li p {
    font-size:0.9375rem;
}

.camlist-link {
    padding-top: 5px;
}

.camlist-link .head_ic::before{
width: 0.9em;
height: 0.9em;
left: -0.9em;
background-image: url(/themes/images/web/arrowhead_r_blue.svg);
}

.ekyc-500cam .cambtn {
    margin: 0 auto;
    text-align: center;
}

.ekyc-500cam .cambtn img {
    max-width: 550px;
}

.spOnly {
    display: none;
}

.ekyc-500cam table.camp { border-top:1px #cbcbcb solid;
    margin-bottom: 2.8rem;}
.ekyc-500cam table.camp td,.ekyc-500cam table.camp th {padding:1em 1em .75em 1em; border-bottom: 1px #cbcbcb solid;}
.ekyc-500cam table.camp th {width: 23%;border-bottom:1px #cbcbcb solid; background-color: #fafafa; text-align: center; border-right: 3px #cbcbcb solid;}

ul.astS {margin: 0 0 0 1em; padding: 0 0 .5em .5em ;}
ul.astS li {font-size: .875em;line-height: 1.4; padding-bottom: .25em; text-align: left;}
ul.astS li::before {
    content: "※";
    display: inline-block;
    margin-left: -1em;
    padding-right: 0;
    width: 1em;}

ol.numlist { list-style-type: none;}
ol.numlist li {display: block; text-indent: -1em; padding-left: 1em;}

a.btn_identification {display: block;
width: 460px;
height: 2.9em;
line-height: 2.9;
color: #fff;
font-size: 1.375rem;
font-weight: bold;
letter-spacing: .08em;
background : linear-gradient(180deg, rgba(222, 83, 0, 0.6) 0%, rgba(222, 73, 27, 0.85) 45.04%, rgba(222, 69, 37, 1) 72.33%, rgba(222, 69, 37, 1) 100%);
border-radius : 1.5em;
padding-left: .5em;
margin: 2em auto;}

a.btn_identification::before {
content: '';
display: inline-block;
width: 38px;
height: 28px;
background-image: url(/themes/images/contents/500point-campaign/ico_wh.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
padding-bottom: .2em;
margin-right: .5em;
margin-bottom: .15em;}



@media screen and (max-width: 1000px){
    .ekyc-500cam  section.wrp_brd {
        margin: 0 2rem!important;
        width: 100vw;
        max-width: 100vw;
        border: none;
        margin: 0 auto;
    }
    .ekyc-500cam  .breadcrumb::before {
        margin-left: -1em;
    }
    .ekyc-500cam .scroll_brd ol.breadcrumb li {
        font-size: 0.75rem;
    }

    .ekyc-500cam .camdesc {
        clip-path: polygon(0 60px, 100%0, 100% calc(100% - 60px), 0 100%);
        padding: 60px 0 60px;
    }

    .ekyc-500cam .camlist ul {
        width: 95%;
        margin: 0 auto;
    }
    .ekyc-500cam .camlist ul li h4 {
        font-size: 2.2vw;
        height: 7vw;
    }
    .ekyc-500cam .camlist ul li p {
        font-size: 1.8vw;
    }
    .ekyc-500cam  section {
        width: 95%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 660px){
.ekyc-500cam p { font-size: 3.4vw;}
.ekyc-500cam .scroll_brd ol.breadcrumb li {
    font-size: 0.75rem;
    line-height: 2;
}
.ekyc-500cam  table.camp, .ekyc-500cam .astS {
    font-size: 3.2vw;
}
.ekyc-500cam table.camp td,.ekyc-500cam table.camp th {display: block; width: 100%;}
.ekyc-500cam table.camp th {border-right: 0; border-bottom: 3px #cbcbcb solid;font-size: 3.4vw;}
a.btn_identification {width: 85%;font-size: 4.27vw;}
a.btn_identification::before {width: 2em; height: 1.26em;}
}

@media screen and (max-width: 440px){
    .contents {
        margin: 0;
        max-width: 100%;
    }
    .ekyc-500cam  section.wrp_brd {
        width: 100vw;
        max-width: 100vw;
        border: none;
        margin: 0 auto!important;
    }

    .ekyc-500cam .camdate {
        padding: 0;
    }
    .ekyc-500cam .camdate p {
        font-size: 4vw;
    }

    .ekyc-500cam .camdate p.camdate-red {
        font-size: 2vw;
    }

    .ekyc-500cam .camdate-small {
        font-size: 3vw;
    }

    .ekyc-500cam .camdesc p {
        font-size: 3.6vw;
    }
    .ekyc-500cam .camdesc .camdesc-small {
        font-size: 2.9vw;
    }
    .ekyc-500cam .camdesc .camdesc-strong {
        font-size: 4.8vw;
    }
    .ekyc-500cam .camlist h2{
        font-size: 4.8vw;
        margin-bottom: 7vw;
    }
    .ekyc-500cam .camlist ul {
        flex-direction: column;
    }
    .ekyc-500cam .camlist ul li {
        width: 100%;
        margin-bottom: 5vw;
    }
    .ekyc-500cam .camlist ul li p {
        font-size: 4vw;
    }
    .camlist-link {
        font-size: 3.5vw;
    }
    .ekyc-500cam .camlist ul li img {
        width: min(50vw,250px);
    }
    .ekyc-500cam .camlist ul li h4 {
        font-size: 4.5vw;
        height: auto;
        padding: 2vw 0 3vw;
    }
    .ekyc-500cam  section.mbt35 {
        margin-top: 2vw;
    }
    .spOnly {
        display:block;
    }
    .cambtn img {
        width: 100%;
    }
}