@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== px ========== */
@media only screen and (min-width: 640px) {
.c-mt0-pc { margin-top: 0 !important; }
.c-mt5-pc { margin-top: 5px !important; }
.c-mt10-pc { margin-top: 10px !important; }
.c-mt15-pc { margin-top: 15px !important; }
.c-mt20-pc { margin-top: 20px !important; }
.c-mt25-pc { margin-top: 25px !important; }
.c-mt30-pc { margin-top: 30px !important; }
.c-mt35-pc { margin-top: 35px !important; }
.c-mt40-pc { margin-top: 40px !important; }
.c-mt45-pc { margin-top: 45px !important; }
.c-mt50-pc { margin-top: 50px !important; }
.c-mt55-pc { margin-top: 55px !important; }
.c-mt60-pc { margin-top: 60px !important; }
.c-mt65-pc { margin-top: 65px !important; }
.c-mt70-pc { margin-top: 70px !important; }
.c-mt75-pc { margin-top: 75px !important; }
.c-mt80-pc { margin-top: 80px !important; }
.c-mt85-pc { margin-top: 85px !important; }
.c-mt90-pc { margin-top: 90px !important; }
.c-mt95-pc { margin-top: 95px !important; }
.c-mt100-pc { margin-top: 100px !important; }
}

@media only screen and (max-width: 640px) {
.c-mt0-sp { margin-top: 0 !important; }
.c-mt5-sp { margin-top: 5px !important; }
.c-mt10-sp { margin-top: 10px !important; }
.c-mt15-sp { margin-top: 15px !important; }
.c-mt20-sp { margin-top: 20px !important; }
.c-mt25-sp { margin-top: 25px !important; }
.c-mt30-sp { margin-top: 30px !important; }
.c-mt35-sp { margin-top: 35px !important; }
.c-mt40-sp { margin-top: 40px !important; }
.c-mt45-sp { margin-top: 45px !important; }
.c-mt50-sp { margin-top: 50px !important; }
.c-mt55-sp { margin-top: 55px !important; }
.c-mt60-sp { margin-top: 60px !important; }
.c-mt65-sp { margin-top: 65px !important; }
.c-mt70-sp { margin-top: 70px !important; }
.c-mt75-sp { margin-top: 75px !important; }
.c-mt80-sp { margin-top: 80px !important; }
.c-mt85-sp { margin-top: 85px !important; }
.c-mt90-sp { margin-top: 90px !important; }
.c-mt95-sp { margin-top: 95px !important; }
.c-mt100-sp { margin-top: 100px !important; }
}

/* ========== hidden ========== */
@media only screen and (min-width: 640px) {
    .c-hide-pc {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    .c-hide-sp {
        display: none;
    }
}


/* ========== c-anchorLinks-01 ========== */
.c-ground-cpn_anc .c-anchorLinks-01 {
    margin: 0;
}
.c-ground-cpn_anc .c-anchorLinks-01>li {
    margin: 0;
    text-align: center;
}
.c-ground-cpn_anc .c-anchorLinks-01>li a {
    padding: 0;
}
.c-ground-cpn_anc .c-anchorLinks-01>li a:before {
    content: none;
}
/*----------pc----------*/
@media only screen and (min-width: 640px) {
    .c-ground-cpn_anc.c-ground-cpn_anc_pc {
        padding: 0.5em 0;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_pc .c-anchorLinks-01 {
        width: 90%;
        margin: 0 auto !important;
        display: table;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_pc .c-anchorLinks-01 >li {
        width: 33.333%;
        display: table-cell;
        border-left: 1px solid #c0c0c0;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_pc .c-anchorLinks-01 >li:last-child {
        border-right: 1px solid #c0c0c0;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_pc .c-anchorLinks-01 >li a {
        display: block;
        vertical-align: middle;
        padding: 0.5em;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_pc .c-anchorLinks-01 >li a img {
        margin: 0 auto;
    }
}

/*----------sp----------*/
@media only screen and (max-width: 640px) {
    .c-ground-cpn_anc.c-ground-cpn_anc_sp {
        padding: 0;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_sp .c-anchorLinks-01 {
        width: 100%;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_sp .c-anchorLinks-01 >li {
        text-align: center;
        vertical-align: middle;
        width: 49%;
        display: inline-block;
        padding: 10px 0;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_sp .c-anchorLinks-01 >li:first-child {
        border-right: 1px solid #d4d4d4;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_sp .c-anchorLinks-01 >li:last-child {
        border-top: 1px solid #d4d4d4;
        width: 100%;
        display: block;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_sp .c-anchorLinks-01 >li a {
        display: block;
    }
    .c-ground-cpn_anc.c-ground-cpn_anc_sp .c-anchorLinks-01 >li a img {
        width: auto;
        height: 14px;
        margin: 0 auto;
    }
}


/* ========== cnv ========== */
@media only screen and (min-width: 640px) {
    .cnv-img {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 640px) {
    .cnv-img {
        margin-bottom: 5px;
        width: 48%;
    }
}

/* ========== c-service ========== */
.c-service-01 {
    border: 2px solid #eb5405;
    border-radius: 4px;
    margin-top: 15px;
}
@media only screen and (min-width: 640px) {
    .c-service-01 {
        border: 3px solid #eb5405;
        border-radius: 8px;
        margin-top: 50px;
    }
}

.c-service-01 .c-service-head {
    background-color: #eb5405;
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
}
@media only screen and (min-width: 640px) {
    .c-service-01 .c-service-head {
        font-size: 22px;
        padding: 18px 0;
    }
}


.c-service-01 .c-service-inner {
    padding: 15px 10px;
}
@media only screen and (min-width: 640px) {
    .c-service-01 .c-service-inner {
        padding: 30px 25px;
    }
}

@media only screen and (max-width: 640px) {
    .c-service-01 .c-service-inner figure img,
    .c-service-02 .c-service-inner figure img {
        width: 43.375%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 640px) {
    .c-service-01 .c-service-inner figure,
    .c-service-02 .c-service-inner figure {
        width: 220px;
    }
}

/* ========== c-benefits-01 ========== */
@media only screen and (min-width: 640px) {
    .c-benefits-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.c-benefits-01 .c-benefits-blk {
    border: 2px solid #faed01;
}
@media only screen and (min-width: 640px) {
    .c-benefits-01 .c-benefits-blk {
        border: 4px solid #faed01;
        width: 422px;
    }
}

.c-benefits-01 .c-benefits-blk .c-benefits-blk-head {
    background-color: #faed01;
    padding: 4px 0;
    text-align: center;
}
@media only screen and (min-width: 640px) {
    .c-benefits-01 .c-benefits-blk .c-benefits-blk-head {
        font-size: 20px;
        padding: 14px 0;
    }
}

.c-benefits-01 .c-benefits-blk .c-benefits-blk-inner {
    padding: 15px 10px;
}
@media only screen and (min-width: 640px) {
    .c-benefits-01 .c-benefits-blk .c-benefits-blk-inner {
        padding: 28px 16px;
    }
}

.c-benefits-01 .c-benefits-blk .c-benefits-blk-inner p strong {
    color: #eb5405;
    font-weight: bold;
}
@media only screen and (min-width: 640px) {
    .c-benefits-01 .c-benefits-blk .c-benefits-blk-inner p strong {
        font-size: 20px;
    }
}

@media only screen and (max-width: 640px) {
    .c-benefits-01 .c-benefits-blk-icon {
        width: 15.625%;
        margin: 15px auto;
    }
}
@media only screen and (min-width: 640px) {
    .c-benefits-01 .c-benefits-blk .c-benefits-blk-inner.icon {
        position: relative;
    }
    .c-benefits-01 .c-benefits-blk .c-benefits-blk-inner .c-benefits-blk-icon {
        position: absolute;
        top: 50%;
        right: -55px;
        margin-top: -50px;
        width: 80px;
    }
}


/* ========== c-method-01 ========== */
@media only screen and (min-width: 640px) {
    .c-method-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.c-method-01 .c-method-blk {
    border: 2px solid #eb5405;
    border-radius: 5px;
    padding: 9px 10px 14px;
}
@media only screen and (min-width: 640px) {
    .c-method-01 .c-method-blk {
        border: 3px solid #eb5405;
        border-radius: 10px;
        padding: 16px;
        width: 250px;
    }
}

.c-method-01 .c-method-blk .c-method-head {
    width: 23.4375%;
    margin: 0 auto;
}
@media only screen and (min-width: 640px) {
    .c-method-01 .c-method-blk .c-method-head {
        width: 120px;
    }
}

.c-method-01 .c-method-box {
    margin-top: 1.25em;
}
.c-method-01 .c-method-box p {
    margin: 0;
}
@media only screen and (max-width: 640px) {
    .c-method-01 .c-method-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: .75em;
    }
    .c-method-01 .c-method-box .c-method-box-thumb {
        width: 16.5%;
    }
    .c-method-01 .c-method-box .c-method-box-txt {
        width: 78.5%;
    }
}

.c-method-01 .c-method-arrow {
    position: relative;
}
@media only screen and (max-width: 640px) {
    .c-method-01 .c-method-arrow {
        margin-bottom: 48px;
    }
}

.c-method-01 .c-method-arrow::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}
@media only screen and (max-width: 640px) {
    .c-method-01 .c-method-arrow::after {
        left: 50%;
        bottom: -34px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        border-style: solid;
        border-width: 16px 40px 0 40px;
        border-color: #efefef transparent transparent transparent;
    }
}
@media only screen and (min-width: 640px) {
    .c-method-01 .c-method-arrow::after {
        top: 50%;
        right: -48px;
        border-style: solid;
        border-width: 80px 0 80px 32px;
        border-color: transparent transparent transparent #efefef;
        margin-top: -80px;
    }
}


/* ========== c-register-01 ========== */
.c-register-blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 640px) {
    .c-register-blk .c-register-blk-thumb {
        width: 39.0535%;
        margin-right: 4.6785%;
    }
    .c-register-blk .c-register-blk-btn {
        width: 45%;
    }
}
@media only screen and (min-width: 640px) {
    .c-register-blk .c-register-blk-thumb {
        width: 180px;
        margin-right: 10px;
    }
    .c-register-blk .c-register-blk-btn {
        width: 236px;
    }
}

.c-register-blk .c-register-blk-btn .c-btn-01 {
    margin-top: 0;
}
@media only screen and (max-width: 640px) {
    .c-register-blk .c-register-blk-btn .c-btn-01 {
        font-size: 72%;
        padding: 8px 12px 8px 24px;
    }
    .c-register-blk .c-register-blk-btn .c-btn-01:before {
        width: 9px;
        height: 9px;
        background-size: auto 9px;
        left: 8px;
        margin-top: 2px;
    }
    .c-register-blk .c-register-blk-btn .c-btn-01 .icon img {
        width: 10px;
    }
}


.c-register-blk .c-register-blk-btn p {
    margin: 0;
}
@media only screen and (max-width: 640px) {
    .c-register-blk .c-register-blk-btn p:last-child {
        margin-top: 4px;
    }
}
@media only screen and (min-width: 640px) {
    .c-register-blk .c-register-blk-btn p:last-child {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 640px) {
    .c-accordion-01.c-accordion-program:last-child {
        margin-bottom: 0;
    }
}


/* ========== c-btn-mail ========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}