@charset "UTF-8";
.c-heading-lv1{
    background-color: #ffffff;
}
@media (max-width: 750px) {
    .c-heading-lv2{
        font-size: min(6.933333333333333vw, 2.6rem);
    }
}

.u-service-icon-procedure{
    display: inline-block;
    padding-top: 52px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 48px;
}
@media (min-width: 751px) {
    .u-service-icon-procedure{
        min-height: 56px;
        padding-top: 0;
        padding-left: 72px;
        background-position: left top;
        background-size: 56px;
    }
}

.un-secbg-green {
    padding: 80px 0;
    position: relative;
}
@media (max-width: 750px) {
    .un-secbg-green {
        padding: 60px 0;
    }
}
.un-secbg-green::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 40px 0 0 40px;
    background-color: #E3F8CF;
    z-index: -1;
}
@media (min-width: 751px) {
    .un-secbg-green::before {
        border-radius: 60px 0 0 60px;
        width: calc(50% + 660px);
    }
}

.un-secbg-yellow {
    padding: 80px 0;
    position: relative;
}
@media (max-width: 750px) {
    .un-secbg-yellow {
        padding: 60px 0;
    }
}
.un-secbg-yellow::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 40px 40px 0;
    background-color: #F6F6E4;
    z-index: -1;
}
@media (min-width: 751px) {
    .un-secbg-yellow::before {
        border-radius: 0 60px 60px 0;
        width: calc(50% + 660px);
    }
}


.un-heading-icon > img {
    display: inline-block;
    width: 300px;
    height: auto;
    padding: 0 0.4em;
}
.un-heading-icon .un-heading-icon-mobilesuica{
    width: 380px;
    translate: 0 -0.15em;
}
@media (max-width: 750px) {
    .un-heading-icon .un-heading-icon-mobilesuica{
        max-width: 260px;
        width: min(69.33333333333334vw, 260px);
        translate: 0 -0.08em;
    }
}
.un-heading-icon .un-heading-icon-suicaapplepay{
    width: 360px;
    translate: 0 0.15em;
}
@media (max-width: 750px) {
    .un-heading-icon .un-heading-icon-suicaapplepay{
        max-width: 240px;
        width: min(64vw, 240px);
        translate: 0 0.1em;
    }
}
.un-heading-icon .un-heading-icon-suicacard{
    width: 120px;
    translate: 0 -0.1em;
}
@media (max-width: 750px) {
    .un-heading-icon .un-heading-icon-suicacard{
        display: block;
        margin: 0 auto;
        max-width: 100px;
        width: min(26.666666666666668vw, 100px);
    }
}

.un-icon-support{
    background-color: transparent !important;
    background-image: url(/suica/procedure/img/icon_support.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}