@charset 'UTF-8';
.f8
{
    font-size: 8px;
}

@media print, screen and (max-width: 450px)
{
    .f8
    {
        font-size: 2.05128vw;
    }
}

.f9
{
    font-size: 9px;
}

@media print, screen and (max-width: 450px)
{
    .f9
    {
        font-size: 2.30769vw;
    }
}

.f10
{
    font-size: 10px;
}

@media print, screen and (max-width: 450px)
{
    .f10
    {
        font-size: 2.5641vw;
    }
}

.f11
{
    font-size: 11px;
}

@media print, screen and (max-width: 450px)
{
    .f11
    {
        font-size: 2.82051vw;
    }
}

.f12
{
    font-size: 12px;
}

@media print, screen and (max-width: 450px)
{
    .f12
    {
        font-size: 3.07692vw;
    }
}

.f13
{
    font-size: 13px;
}

@media print, screen and (max-width: 450px)
{
    .f13
    {
        font-size: 3.33333vw;
    }
}

.f14
{
    font-size: 14px;
}

@media print, screen and (max-width: 450px)
{
    .f14
    {
        font-size: 3.58974vw;
    }
}

.f15
{
    font-size: 15px;
}

@media print, screen and (max-width: 450px)
{
    .f15
    {
        font-size: 3.84615vw;
    }
}

.f16
{
    font-size: 16px;
}

@media print, screen and (max-width: 450px)
{
    .f16
    {
        font-size: 4.10256vw;
    }
}

.f17
{
    font-size: 17px;
}

@media print, screen and (max-width: 450px)
{
    .f17
    {
        font-size: 4.35897vw;
    }
}

.f18
{
    font-size: 18px;
}

@media print, screen and (max-width: 450px)
{
    .f18
    {
        font-size: 4.61538vw;
    }
}

.f19
{
    font-size: 19px;
}

@media print, screen and (max-width: 450px)
{
    .f19
    {
        font-size: 4.87179vw;
    }
}

.f20
{
    font-size: 20px;
}

@media print, screen and (max-width: 450px)
{
    .f20
    {
        font-size: 5.12821vw;
    }
}

.f21
{
    font-size: 21px;
}

@media print, screen and (max-width: 450px)
{
    .f21
    {
        font-size: 5.38462vw;
    }
}

html,
body
{
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 13px;
    line-height: 1.53;

    text-align: center;

    color: #3f4145;
}

.site
{
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.main
{
    background: -webkit-gradient(linear, left top, right top, from(#f6f8e2), color-stop(100%, #d5e9fc), to(#808080));
    background: linear-gradient(to right, #f6f8e2 0%, #d5e9fc 100%, #808080 100%);
}

a
{
    text-decoration: none;

    color: #3f4145;
}

.sp
{
    display: none !important;
}

@media print, screen and (max-width: 450px)
{
    .sp
    {
        display: block !important;
    }
}

.pc
{
    display: block;
}

@media print, screen and (max-width: 450px)
{
    .pc
    {
        display: none !important;
    }
}

.spi
{
    display: none;
}

@media print, screen and (max-width: 450px)
{
    .spi
    {
        display: inline;
    }
}

.pci
{
    display: inline;
}

@media print, screen and (max-width: 450px)
{
    .pci
    {
        display: none;
    }
}

br
{
    font-size: 0;
}

/* ============== .l-sec ============== */
.l-sec
{
    width: 100%;
}

.l-sec__inner
{
    width: 85.12821%;
    max-width: 383.07692px;
    margin: 0 auto;
}

@media print, screen and (max-width: 450px)
{
    .l-sec__inner
    {
        width: 85.12821vw;
    }
}

.l-sec--fixed
{
    overflow: hidden;
}

/* ============== .head ============== */
.head
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 50%;

    width: 100%;
    max-width: 450px;
    height: 47.62px;
    margin: 0 auto;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

@media print, screen and (max-width: 450px)
{
    .head
    {
        height: 12.21026vw;
    }
}

.head__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 326px;
    height: 47.62px;
    margin: 0 auto;

    border-radius: 0 0 15px 15px;
    background-color: white;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (max-width: 450px)
{
    .head__inner
    {
        width: 83.58974vw;
        height: 12.21026vw;

        border-radius: 0 0 3.84615vw 3.84615vw;
    }
}

.head__logoLink
{
    display: block;

    width: 279.33px;
}

@media print, screen and (max-width: 450px)
{
    .head__logoLink
    {
        width: 71.62308vw;
    }
}

@media (any-hover: hover)
{
    .head__logoLink:hover
    {
        opacity: .7;
    }
}

.head__logo
{
    width: 100%;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
}

.head__logo > img
{
    display: block;

    width: 100%;
}

/* ============== .foot ============== */
.foot
{
    padding: 10px 0 60px;

    background: -webkit-gradient(linear, left top, right top, from(#f6f8e2), color-stop(100%, #d5e9fc), to(#808080));
    background: linear-gradient(to right, #f6f8e2 0%, #d5e9fc 100%, #808080 100%);
}

@media print, screen and (max-width: 450px)
{
    .foot
    {
        padding: 2.5641vw 0 15.38462vw;
    }
}

.foot__txt
{
    font-weight: 700;
    line-height: 1;

    letter-spacing: .022em;

    color: #3f4145;
}

/* ============== .c-modal ============== */
.c-modal
{
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    width: 100%;

    background-color: rgba(0, 0, 0, .73);
}

.c-modal__wrp
{
    overflow: auto;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    padding-top: 141px;
    padding-bottom: 149px;

    -webkit-overflow-scrolling: touch;
}

@media print, screen and (max-width: 450px)
{
    .c-modal__wrp
    {
        padding-top: 13.15789vw;
        padding-bottom: 13.15789vw;
    }
}

.c-modal__cont
{
    display: table;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 1700px;
    height: 100%;
    margin: 0 auto;

    table-layout: fixed;

    background-color: #fff;
}

@media print, screen and (max-width: 450px)
{
    .c-modal__cont
    {
        width: 92.55814vw;
        height: 220.93023vw;
    }
}

.c-modal__inner
{
    position: relative;

    width: 85.9375vw;
    margin: 0 auto;
}

.c-modal__close
{
    position: absolute;
    top: -80px;
    right: -100px;
}

@media print, screen and (max-width: 450px)
{
    .c-modal__close
    {
        top: -9.86842vw;
        right: -2.63158vw;
    }
}

.c-modal__closeBtn
{
    display: block;

    width: 40.81px;
    height: 40.81px;
}

@media print, screen and (max-width: 450px)
{
    .c-modal__closeBtn
    {
        width: 5.36974vw;
        height: 5.36974vw;
    }
}

.c-modal__closeBtn > img
{
    width: 100%;
}

/* ============== .fv ============== */
.fv
{
    width: 100%;
    padding-top: 59px;
}

@media print, screen and (max-width: 450px)
{
    .fv
    {
        padding-top: 15.12821vw;
    }
}

.fv__tagWrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}

@media print, screen and (max-width: 450px)
{
    .fv__tagWrp
    {
        gap: 2.05128vw;
    }
}

.fv__tag
{
    font-weight: 700;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    padding: 7px 0;

    letter-spacing: .07em;

    color: #fff;
    border-radius: 100vmax;
    background-color: #1b92bc;
}

@media print, screen and (max-width: 450px)
{
    .fv__tag
    {
        padding: 1.79487vw 0;
    }
}

.fv__tag > span
{
    padding: 0 15px;
}

@media print, screen and (max-width: 450px)
{
    .fv__tag > span
    {
        padding: 0 3.84615vw;
    }
}

.fv__beginnerImg
{
    width: 234px;
    margin: 0 auto;
    margin-top: 10px;
}

@media print, screen and (max-width: 450px)
{
    .fv__beginnerImg
    {
        width: 60vw;
        margin-top: 2.5641vw;
    }
}

.fv__beginnerImg > img
{
    display: block;

    width: 100%;
}

.fv__mainTxt
{
    width: 319px;
    margin: 0 auto;
    margin-top: 16px;
}

@media print, screen and (max-width: 450px)
{
    .fv__mainTxt
    {
        width: 81.79487vw;
        margin-top: 4.10256vw;
    }
}

.fv__mainTxt > img
{
    display: block;

    width: 100%;
}

.fv__slider
{
    overflow: hidden;

    width: 100%;
}

.fv__sliderViewport
{
    overflow: hidden;

    width: 100%;

    outline: none;

    -ms-touch-action: pan-y;
        touch-action: pan-y;
}

.fv__sliderTrack
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition:         transform .6s ease;
            transition:         transform .6s ease, -webkit-transform .6s ease;
}

.fv__slide
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 0;
    margin: 0;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
}

.fv__slideMedia
{
    width: 100%;
}

.fv__slideMedia picture
{
    display: block;

    width: 100%;
}

.fv__slideMedia picture img
{
    display: block;

    width: 100%;
}

.fv__checkWrp
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 345px;
    margin: 0 auto;
    margin-top: -10px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 7px 5px;
}

@media print, screen and (max-width: 450px)
{
    .fv__checkWrp
    {
        width: 88.46154vw;
        margin-top: -2.5641vw;

        gap: 1.79487vw 1.28205vw;
    }
}

.fv__checkTxt
{
    font-weight: 700;

    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    padding: 5px 0;

    color: #fff;
    border-radius: 5px;
    background-color: #1b92bc;
}

@media print, screen and (max-width: 450px)
{
    .fv__checkTxt
    {
        padding: 1.28205vw 0;

        border-radius: 1.28205vw;
    }
}

.fv__checkTxt > span
{
    padding: 0 8px 0 36px;
}

@media print, screen and (max-width: 450px)
{
    .fv__checkTxt > span
    {
        padding: 0 2.05128vw 0 9.23077vw;
    }
}

.fv__checkTxt:before
{
    position: absolute;
    top: 50%;
    left: 8px;

    width: 19.48px;
    height: 17.87px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(/service/persol_bd_sendai/recruit/images/img_fv_check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media print, screen and (max-width: 450px)
{
    .fv__checkTxt:before
    {
        left: 2.05128vw;

        width: 4.99487vw;
        height: 4.58205vw;
    }
}

.fv__subTxt
{
    font-weight: 400;

    position: absolute;
    top: 6px;
    right: 10px;

    letter-spacing: 0;

    color: #383838;
}

@media print, screen and (max-width: 450px)
{
    .fv__subTxt
    {
        top: 1.53846vw;
        right: 2.5641vw;
    }
}

.fv__btn
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin: 0 auto;
    margin-top: 14px;
}

@media print, screen and (max-width: 450px)
{
    .fv__btn
    {
        margin-top: 3.58974vw;
    }
}

/* ============== .c-btn ============== */
.c-btn
{
    font-weight: 700;
    line-height: 1;

    position: relative;

    display: block;

    width: 290px;
    padding: 13px 0;

    -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
            transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
            transition:         transform .2s ease, box-shadow .2s ease;
            transition:         transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    text-align: center;
    letter-spacing: .07em;

    color: #005272;
    border-radius: 100vmax;
    background-color: #ffd357;
    -webkit-box-shadow: 0 3px 0 #f5c848;
            box-shadow: 0 3px 0 #f5c848;
}

@media print, screen and (max-width: 450px)
{
    .c-btn
    {
        width: 74.35897vw;
        padding: 3.33333vw 0;

        -webkit-box-shadow: 0 .76923vw 0 #f5c848;
                box-shadow: 0 .76923vw 0 #f5c848;
    }
}

.c-btn:before
{
    position: absolute;
    top: 50%;
    left: 15.5px;

    width: 21.48px;
    height: 21.48px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(/service/persol_bd_sendai/recruit/images/img_btn_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media print, screen and (max-width: 450px)
{
    .c-btn:before
    {
        left: 3.97436vw;

        width: 5.50769vw;
        height: 5.50769vw;
    }
}

.c-btn:after
{
    position: absolute;
    right: 16px;
    bottom: 6px;

    width: 21.85px;
    height: 25.66px;

    content: '';

    background-image: url(/service/persol_bd_sendai/recruit/images/img_btn_check.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 450px)
{
    .c-btn:after
    {
        right: 4.10256vw;
        bottom: 1.53846vw;

        width: 5.60256vw;
        height: 6.57949vw;
    }
}

.c-btn--long
{
    line-height: 1.2;

    width: 336px;
    padding: 0 0 6px;
}

@media print, screen and (max-width: 450px)
{
    .c-btn--long
    {
        width: 86.15385vw;
        padding: 0 0 1.53846vw;
    }
}

.c-btn--long > span
{
    color: #0f94ef;
}

.c-btn--long:before
{
    left: 18px;

    width: 24.94px;
    height: 24.94px;
}

@media print, screen and (max-width: 450px)
{
    .c-btn--long:before
    {
        left: 4.61538vw;

        width: 6.39487vw;
        height: 6.39487vw;
    }
}

.c-btn--long:after
{
    right: 20.5px;
    bottom: 12px;

    width: 25.36px;
    height: 29.79px;
}

@media print, screen and (max-width: 450px)
{
    .c-btn--long:after
    {
        right: 5.25641vw;
        bottom: 3.07692vw;

        width: 6.50256vw;
        height: 7.63846vw;
    }
}

@media (any-hover: hover)
{
    .c-btn:hover
    {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);

        -webkit-box-shadow: 0 0 0 #f5c848;
                box-shadow: 0 0 0 #f5c848;
    }
}

/* ============== .recruitSec ============== */
.recruitSec
{
    width: 100%;
    padding: 17px 0 29px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec
    {
        padding: 4.35897vw 0 7.4359vw;
    }
}

.recruitSec__ttlImg
{
    width: 200.55px;
    margin-bottom: 19px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__ttlImg
    {
        width: 51.42308vw;
        margin-bottom: 4.87179vw;
    }
}

.recruitSec__ttlImg > img
{
    display: block;

    width: 100%;
}

.recruitSec__inner
{
    width: 336.5px;
    margin: 0 auto;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__inner
    {
        width: 86.28205vw;
    }
}

.recruitSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 330px;
    margin: 0 0 0 auto;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 18px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__cont
    {
        width: 84.61538vw;

        gap: 4.61538vw;
    }
}

.recruitSec__item
{
    position: relative;
    z-index: 0;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 27px 18px 19px;

    border-radius: 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px rgba(14, 92, 106, .15);
            box-shadow: 0 0 7px rgba(14, 92, 106, .15);
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__item
    {
        padding: 6.92308vw 4.61538vw 4.87179vw;

        border-radius: 4.10256vw;
        -webkit-box-shadow: 0vw 0vw 1.79487vw rgba(14, 92, 106, .15);
                box-shadow: 0vw 0vw 1.79487vw rgba(14, 92, 106, .15);
    }
}

.recruitSec__item:before
{
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -5px;

    width: 86.6px;
    height: 76.8px;

    content: '';

    background-image: url(/service/persol_bd_sendai/recruit/images/img_recruit_flag.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__item:before
    {
        top: -1.28205vw;
        left: -1.28205vw;

        width: 22.20513vw;
        height: 19.69231vw;
    }
}

.recruitSec__item:after
{
    position: absolute;
    z-index: -2;
    top: -5px;
    left: -5px;

    width: 89.95px;
    height: 79.76px;

    content: '';

    background-image: url(/service/persol_bd_sendai/recruit/images/img_recruit_flag_bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__item:after
    {
        top: -1.28205vw;
        left: -1.28205vw;

        width: 23.0641vw;
        height: 20.45128vw;
    }
}

.recruitSec__item--accordion .recruitSec__txtWrp
{
    overflow: hidden;

    max-height: 42px;

    -webkit-transition: max-height .5s ease;
            transition: max-height .5s ease;
}

.recruitSec__item--accordion .recruitSec__txtWrp > *:not(:first-child)
{
    display: none;
}

.recruitSec__item--accordion .recruitSec__link
{
    display: none;
}

.recruitSec__item--accordion.is-open .recruitSec__txtWrp
{
    max-height: 2000px;
}

.recruitSec__item--accordion.is-open .recruitSec__txtWrp > *:not(:first-child)
{
    display: block;
}

.recruitSec__item--accordion.is-open .recruitSec__link
{
    display: block;
}

.recruitSec__item--accordion.is-open .recruitSec__btn:after
{
    content: '−';
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__item--accordion .recruitSec__txtWrp
    {
        max-height: 10.76923vw;
    }
    .recruitSec__item--accordion.is-open .recruitSec__txtWrp
    {
        max-height: 2000px;
    }
}

.recruitSec__item--summaryMedium .recruitSec__txtWrp
{
    max-height: 70px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__item--summaryMedium .recruitSec__txtWrp
    {
        max-height: 17.94872vw;
    }
}

.recruitSec__item--summaryLong .recruitSec__txtWrp
{
    max-height: 65px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__item--summaryLong .recruitSec__txtWrp
    {
        max-height: 16.66667vw;
    }
}

.recruitSec__tagWrp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 14px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 11px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__tagWrp
    {
        margin-bottom: 3.58974vw;

        gap: 2.82051vw;
    }
}

.recruitSec__tag
{
    font-weight: 700;
    line-height: 1;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    padding: 3px 0;

    letter-spacing: .07em;

    color: #40a2ff;
    background-color: #d2ecfd;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__tag
    {
        padding: .76923vw 0;
    }
}

.recruitSec__tag > span
{
    padding: 0 7.5px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__tag > span
    {
        padding: 0 1.92308vw;
    }
}

.recruitSec__itemTtl
{
    font-weight: 700;
    line-height: 1.3125;

    margin-bottom: 10px;

    letter-spacing: .07em;

    color: #3f4145;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__itemTtl
    {
        margin-bottom: 2.5641vw;
    }
}

.recruitSec__photo
{
    width: 100%;
    margin-bottom: 16px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__photo
    {
        margin-bottom: 4.10256vw;
    }
}

.recruitSec__photo picture
{
    display: block;

    width: 100%;
}

.recruitSec__photo picture img
{
    display: block;

    width: 100%;
}

.recruitSec__txtWrp
{
    width: 100%;
}

.recruitSec__txt
{
    font-weight: 700;
    line-height: 1.53846;

    margin-bottom: 10px;

    text-align: left;
    letter-spacing: .022em;

    color: #3f4145;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__txt
    {
        margin-bottom: 2.5641vw;
    }
}

.recruitSec__txt > span
{
    padding: 0 5px;

    background-color: #ffe7a2;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__txt > span
    {
        padding: 0 1.28205vw;
    }
}

.recruitSec__txtBox
{
    width: 100%;
}

.recruitSec__blue
{
    font-weight: 700;

    margin-bottom: 3px;

    text-align: left;
    letter-spacing: .022em;

    color: #0f94ef;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__blue
    {
        margin-bottom: .76923vw;
    }
}

.recruitSec__link
{
    font-weight: 700;
    line-height: 1;

    display: block;

    width: 210px;
    margin: 0 auto;
    margin-top: 18px;
    padding: 11px 0 13px;

    letter-spacing: .22em;

    color: white;
    border-radius: 100vmax;
    background-color: #0f94ef;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__link
    {
        width: 53.84615vw;
        margin-top: 4.61538vw;
        padding: 2.82051vw 0 3.33333vw;
    }
}

.recruitSec__link > span
{
    position: relative;

    padding-right: 15px;
    padding-bottom: 1px;

    border-bottom: 1px solid #fff;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__link > span
    {
        padding-right: 3.84615vw;
    }
}

.recruitSec__link > span:before
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 9.5px;
    height: 9.5px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(/service/persol_bd_sendai/recruit/images/img_recruit_link_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__link > span:before
    {
        width: 2.4359vw;
        height: 2.4359vw;
    }
}

@media (any-hover: hover)
{
    .recruitSec__link:hover
    {
        opacity: .7;
    }
}

.recruitSec__listBox
{
    width: 100%;
    margin-bottom: 22px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__listBox
    {
        margin-bottom: 5.64103vw;
    }
}

.recruitSec__listTxt
{
    font-weight: 700;

    position: relative;

    padding-left: 18px;

    text-align: left;
    letter-spacing: .022em;

    color: #3f4145;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__listTxt
    {
        padding-left: 4.61538vw;
    }
}

.recruitSec__listTxt:before
{
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 13px;
    font-weight: 700;

    position: absolute;
    top: 0;
    left: 5px;

    letter-spacing: .022em;

    color: #3f4145;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__listTxt:before
    {
        font-size: 3.33333vw;

        left: 1.28205vw;
    }
}

.recruitSec__listTxt:first-child:before
{
    content: '1';
}

.recruitSec__listTxt:nth-child(2):before
{
    content: '2';
}

.recruitSec__listTxt:nth-child(3):before
{
    content: '3';
}

.recruitSec__listTxt:nth-child(4):before
{
    content: '4';
}

.recruitSec__listTxt--dot
{
    padding-left: 15px;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__listTxt--dot
    {
        padding-left: 3.84615vw;
    }
}

.recruitSec__listTxt--dot:before
{
    left: 2px;

    content: '・' !important;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__listTxt--dot:before
    {
        left: .51282vw;
    }
}

.recruitSec__listTxt--notes:before
{
    content: '※' !important;
}

.recruitSec__btn
{
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    line-height: 1;

    display: block;

    width: 194px;
    margin: 20.5px auto 0;
    padding: 8px 0;

    cursor: pointer;
    text-align: center;
    letter-spacing: .022em;

    color: #3f4145;
    border: 0;
    border-radius: 100vmax;
    background-color: #ffe7a2;
}

.recruitSec__btn:after
{
    font-size: 8px;
    line-height: 1;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    width: 10px;
    height: 10px;
    margin-left: 4px;

    content: '+';
    vertical-align: 1px;

    color: #fff;
    border-radius: 50%;
    background-color: #f2b300;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (max-width: 450px)
{
    .recruitSec__btn
    {
        width: 49.74359vw;
        margin: 5.25641vw auto 0;
        padding: 2.05128vw 0;
    }
    .recruitSec__btn:after
    {
        font-size: 2.05128vw;

        width: 2.5641vw;
        height: 2.5641vw;
        margin-left: 1.02564vw;
    }
}

@media (any-hover: hover)
{
    .recruitSec__btn:hover
    {
        opacity: .7;
    }
}

/* ============== .btnSec ============== */
.btnSec
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin: 0 auto;
}

/* ============== .aboutSec ============== */
.aboutSec
{
    position: relative;
    z-index: 0;

    width: 100%;
    margin-top: 49px;
    padding: 92px 0 65px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec
    {
        margin-top: 12.5641vw;
        padding: 23.58974vw 0 16.66667vw;
    }
}

.aboutSec:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 63.84615vw;
    max-height: 288px;

    content: '';

    background-image: url(/service/persol_bd_sendai/recruit/images/img_about_bg_top.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.aboutSec:after
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 63.82308vw;
    max-height: 287px;

    content: '';

    background-image: url(/service/persol_bd_sendai/recruit/images/img_about_bg_bottom.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.aboutSec__lead
{
    font-weight: 700;
    line-height: 1.53;

    margin-top: 25px;
    padding-bottom: 40px;

    letter-spacing: .022em;

    color: #3f4145;
    background-color: white;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__lead
    {
        margin-top: 6.41026vw;
        padding-bottom: 10.25641vw;
    }
}

.aboutSec__container
{
    position: relative;

    width: 100%;
}

.aboutSec__swiper
{
    overflow: hidden;

    width: 100%;
}

.aboutSec .swiper-pagination
{
    position: static;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 50px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec .swiper-pagination
    {
        margin-top: 12.82051vw;

        gap: 1.79487vw;
    }
}

.aboutSec .swiper-pagination-bullet
{
    width: 10px;
    height: 10px;
    margin: 0 !important;

    opacity: 1;
    border: 1px solid #707070;
    border-radius: 50%;
    background-color: transparent;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
        flex: 0 0 10px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec .swiper-pagination-bullet
    {
        width: 2.5641vw;
        height: 2.5641vw;

        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.5641vw;
            flex: 0 0 2.5641vw;
    }
}

.aboutSec .swiper-pagination-bullet-active
{
    background-color: #707070;
}

.aboutSec .swiper-button-prev,
.aboutSec .swiper-button-next
{
    top: 117px;

    width: 25px;
    height: 28px;
    margin-top: 0;

    color: #ffe7a2;
}

.aboutSec .swiper-button-prev:after,
.aboutSec .swiper-button-next:after
{
    font-size: 0;

    width: 0;
    height: 0;
    margin: 0;

    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec .swiper-button-prev,
    .aboutSec .swiper-button-next
    {
        top: 30vw;

        width: 6.41026vw;
        height: 7.17949vw;
    }
}

.aboutSec .swiper-button-prev
{
    left: 26px;
}

.aboutSec .swiper-button-prev:after
{
    content: '';

    border-right: 25px solid #ffe7a2;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec .swiper-button-prev
    {
        left: 6.66667vw;
    }
    .aboutSec .swiper-button-prev:after
    {
        border-top-width: 3.58974vw;
        border-right-width: 6.41026vw;
        border-bottom-width: 3.58974vw;
    }
}

.aboutSec .swiper-button-next
{
    right: 26px;
}

.aboutSec .swiper-button-next:after
{
    content: '';

    border-left: 25px solid #ffe7a2;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec .swiper-button-next
    {
        right: 6.66667vw;
    }
    .aboutSec .swiper-button-next:after
    {
        border-top-width: 3.58974vw;
        border-bottom-width: 3.58974vw;
        border-left-width: 6.41026vw;
    }
}

.aboutSec__slide
{
    width: 100%;

    background-color: white;
}

.aboutSec__icon
{
    width: 131px;
    margin: 0 auto;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__icon
    {
        width: 33.58974vw;
    }
}

.aboutSec__icon picture
{
    display: block;

    width: 100%;
}

.aboutSec__icon picture img
{
    display: block;

    width: 100%;
}

.aboutSec__num
{
    margin: 0 auto;
    margin-top: 35px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__num
    {
        margin-top: 8.97436vw;
    }
}

.aboutSec__num--01
{
    width: 41.82px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__num--01
    {
        width: 10.72308vw;
    }
}

.aboutSec__num--02
{
    width: 54.33px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__num--02
    {
        width: 13.93077vw;
    }
}

.aboutSec__num--03
{
    width: 54.16px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__num--03
    {
        width: 13.88718vw;
    }
}

.aboutSec__num--04
{
    width: 56.05px;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__num--04
    {
        width: 14.37179vw;
    }
}

.aboutSec__num > img
{
    display: block;

    width: 100%;
}

.aboutSec__ttl
{
    font-weight: 700;

    margin-top: 20px;

    letter-spacing: .07em;

    color: #3f4145;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__ttl
    {
        margin-top: 5.12821vw;
    }
}

.aboutSec__txt
{
    font-weight: 700;
    line-height: 1.53;

    margin-top: 40px;

    letter-spacing: .022em;

    color: #3f4145;
}

@media print, screen and (max-width: 450px)
{
    .aboutSec__txt
    {
        margin-top: 10.25641vw;
    }
}

/* ============== .c-ttl ============== */
.c-ttl
{
    font-weight: 700;
    line-height: 1.38;

    position: relative;

    width: 276px;
    margin: 0 auto;
    padding-bottom: 16px;

    letter-spacing: .07em;

    color: #0f94ef;
}

@media print, screen and (max-width: 450px)
{
    .c-ttl
    {
        width: 70.76923vw;
        padding-bottom: 4.10256vw;
    }
}

.c-ttl:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 4px;

    content: '';

    background: repeating-linear-gradient(to right, #f5dd86 0 4px, transparent 4px 7px);
}

@media print, screen and (max-width: 450px)
{
    .c-ttl:after
    {
        height: 1.02564vw;

        background: repeating-linear-gradient(to right, #f5dd86 0 1.02564vw, transparent 1.02564vw 1.79487vw);
    }
}

.c-ttl--orange
{
    width: 136.18px;

    color: #f2b300;
}

@media print, screen and (max-width: 450px)
{
    .c-ttl--orange
    {
        width: 34.91795vw;
    }
}

.c-ttl--orange:after
{
    background: repeating-linear-gradient(to right, #a9d4e6 0 4px, transparent 4px 7px);
}

@media print, screen and (max-width: 450px)
{
    .c-ttl--orange:after
    {
        background: repeating-linear-gradient(to right, #a9d4e6 0 1.02564vw, transparent 1.02564vw 1.79487vw);
    }
}

/* ============== .charmSec ============== */
.charmSec
{
    width: 100%;
    padding-top: 49px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec
    {
        padding-top: 12.5641vw;
    }
}

.charmSec__inner
{
    width: 330px;
    margin: 0 auto;

    border: 9px solid rgba(15, 148, 239, .29);
    border-radius: 36px;
    background: #fff;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__inner
    {
        width: 84.61538vw;

        border: 2.30769vw solid rgba(15, 148, 239, .29);
        border-radius: 9.23077vw;
    }
}

.charmSec__cont
{
    width: 100%;
    padding: 24px 0 25px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__cont
    {
        padding: 6.15385vw 0 6.41026vw;
    }
}

.charmSec__lead
{
    font-weight: 700;
    line-height: 1.53;

    margin: 18px 0 24px;

    letter-spacing: .022em;

    color: #3f4145;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__lead
    {
        margin: 4.61538vw 0 6.15385vw;
    }
}

.charmSec__txtBox
{
    margin-bottom: 17px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__txtBox
    {
        margin-bottom: 4.35897vw;
    }
}

.charmSec__ttlBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin-bottom: 15px;
    padding: 6px 12px 6px 7px;

    border-radius: 0 20px 20px 0;
    background-color: rgba(27, 146, 188, .64);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__ttlBox
    {
        margin-bottom: 3.84615vw;
        padding: 1.53846vw 3.07692vw 1.53846vw 1.79487vw;

        border-radius: 0 5.12821vw 5.12821vw 0;

        gap: 3.58974vw;
    }
}

.charmSec__meritImg--01
{
    width: 71.67px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__meritImg--01
    {
        width: 18.37692vw;
    }
}

.charmSec__meritImg--02
{
    width: 75.5px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__meritImg--02
    {
        width: 19.35897vw;
    }
}

.charmSec__meritImg--03
{
    width: 75.43px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__meritImg--03
    {
        width: 19.34103vw;
    }
}

.charmSec__meritImg > img
{
    display: block;

    width: 100%;
}

.charmSec__ttl
{
    font-weight: 700;
    line-height: 1;

    letter-spacing: .07em;

    color: #fff;
}

.charmSec__tagBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-left: 28px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px 10px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__tagBox
    {
        padding-left: 7.17949vw;

        gap: 3.07692vw 2.5641vw;
    }
}

.charmSec__tag
{
    font-weight: 700;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    padding: 4px 0;

    letter-spacing: .022em;

    color: #1b92bc;
    border: 1px solid #1b92bc;
}

.charmSec__tag--ajt
{
    margin-right: 50px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__tag--ajt
    {
        margin-right: 12.82051vw;
    }
}

.charmSec__tag > span
{
    padding: 0 5px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__tag > span
    {
        padding: 0 1.28205vw;
    }
}

.charmSec__flexItem
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 9px;
    padding-left: 28px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

@media print, screen and (max-width: 450px)
{
    .charmSec__flexItem
    {
        margin-top: 2.30769vw;
        padding-left: 7.17949vw;

        gap: 1.79487vw;
    }
}

.charmSec__itemTxt
{
    font-weight: 700;
    line-height: 1;

    letter-spacing: .022em;

    color: #1b92bc;
}

.charmSec__itemTxt--ajt
{
    line-height: 1.53;
}

.charmSec__notes
{
    font-weight: 700;
    font-weight: 700;

    letter-spacing: .022em;

    color: rgba(63, 65, 69, .77);
}

/* ============== .flowSec ============== */
.flowSec
{
    width: 100%;
    padding: 49px 0 41px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec
    {
        padding: 12.5641vw 0 10.51282vw;
    }
}

.flowSec__inner
{
    width: 332px;
    margin: 0 auto;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__inner
    {
        width: 85.12821vw;
    }
}

.flowSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    margin-top: 16px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 13px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__cont
    {
        margin-top: 4.10256vw;

        gap: 3.33333vw;
    }
}

.flowSec__item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 6px 0 6px 15.5px;
    padding-left: 15.5px;

    background-repeat: no-repeat;
    background-size: contain;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.flowSec__item:nth-child(odd)
{
    background-image: url(/service/persol_bd_sendai/recruit/images/img_flow_item_bg.svg);
}

.flowSec__item:nth-child(odd) .flowSec__ttl
{
    color: #53add8;
}

.flowSec__item:nth-child(even)
{
    background-image: url(/service/persol_bd_sendai/recruit/images/img_flow_item_bg_v2.svg);
}

.flowSec__item:nth-child(even) .flowSec__ttl
{
    color: #f2b300;
}

.flowSec__item:not(:last-child):after
{
    position: absolute;
    bottom: -9px;
    left: 50%;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
}

.flowSec__item:not(:last-child):nth-child(odd):after
{
    border-top: 9px solid #53add8;
}

.flowSec__item:not(:last-child):nth-child(even):after
{
    border-top: 9px solid #ffd357;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__item:not(:last-child):after
    {
        bottom: -2.30769vw;

        border-right-width: 2.82051vw;
        border-left-width: 2.82051vw;
    }
    .flowSec__item:not(:last-child):nth-child(odd):after,
    .flowSec__item:not(:last-child):nth-child(even):after
    {
        border-top-width: 2.30769vw;
    }
}

@media print, screen and (max-width: 450px)
{
    .flowSec__item
    {
        padding: 1.53846vw 0 1.53846vw 3.97436vw;

        gap: 5.12821vw;
    }
}

.flowSec__item:first-child .flowSec__num
{
    top: 12px;
    right: 15px;

    width: 12.24px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__item:first-child .flowSec__num
    {
        top: 3.07692vw;
        right: 3.84615vw;

        width: 3.13846vw;
    }
}

.flowSec__item:nth-child(2) .flowSec__num
{
    top: 11px;
    right: 8px;

    width: 24.28px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__item:nth-child(2) .flowSec__num
    {
        top: 2.82051vw;
        right: 2.05128vw;

        width: 6.22564vw;
    }
}

.flowSec__item:nth-child(3) .flowSec__num
{
    top: 11px;
    right: 8px;

    width: 23.92px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__item:nth-child(3) .flowSec__num
    {
        top: 2.82051vw;
        right: 2.05128vw;

        width: 6.13333vw;
    }
}

.flowSec__item:nth-child(4) .flowSec__num
{
    top: 12px;
    right: 7px;

    width: 25.48px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__item:nth-child(4) .flowSec__num
    {
        top: 3.07692vw;
        right: 1.79487vw;

        width: 6.53333vw;
    }
}

.flowSec__item--big
{
    padding: 11px 0 11px 15.5px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__item--big
    {
        padding: 2.82051vw 0 2.82051vw 3.97436vw;
    }
}

.flowSec__item--big:nth-child(odd)
{
    background-image: url(/service/persol_bd_sendai/recruit/images/img_flow_item_bg_big.svg);
}

.flowSec__item--big:nth-child(even)
{
    background-image: url(/service/persol_bd_sendai/recruit/images/img_flow_item_bg_v2_big.svg);
}

.flowSec__icon
{
    width: 53px;
}

@media print, screen and (max-width: 450px)
{
    .flowSec__icon
    {
        width: 13.58974vw;
    }
}

.flowSec__icon picture
{
    display: block;

    width: 100%;
}

.flowSec__icon picture img
{
    display: block;

    width: 100%;
}

.flowSec__ttl
{
    font-weight: 700;
    line-height: 1.25;

    margin-bottom: 1px;

    text-align: left;
    letter-spacing: .022em;
}

.flowSec__txt
{
    font-weight: 700;
    line-height: 1.454545;

    text-align: left;
    letter-spacing: .022em;

    color: #3f4145;
}

.flowSec__num
{
    position: absolute;
}

.flowSec__num > img
{
    display: block;

    width: 100%;
}

/* ============== .overviewSec ============== */
.overviewSec
{
    width: 100%;
    padding: 21px 0 23px;

    background-color: white;
}

@media print, screen and (max-width: 450px)
{
    .overviewSec
    {
        padding: 5.38462vw 0 5.89744vw;
    }
}

.overviewSec__inner
{
    width: 332px;
    margin: 0 auto;
}

@media print, screen and (max-width: 450px)
{
    .overviewSec__inner
    {
        width: 85.12821vw;
    }
}

.overviewSec__cont
{
    margin-top: 15px;
}

@media print, screen and (max-width: 450px)
{
    .overviewSec__cont
    {
        margin-top: 3.84615vw;
    }
}

.overviewSec__table
{
    width: 100%;
}

.overviewSec__row
{
    width: 100%;
}

.overviewSec__th
{
    font-weight: 700;
    line-height: 1;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 9px 13px;

    text-align: left;
    letter-spacing: .022em;

    color: #3f4145;
    background-color: #c7e7f2;
}

@media print, screen and (max-width: 450px)
{
    .overviewSec__th
    {
        padding: 2.30769vw 3.33333vw;
    }
}

.overviewSec__td
{
    font-weight: 700;
    line-height: 1.53;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 12px 13px;

    text-align: left;
    letter-spacing: .022em;

    color: #3f4145;
    background-color: #f4faff;
}

@media print, screen and (max-width: 450px)
{
    .overviewSec__td
    {
        padding: 3.07692vw 3.33333vw;
    }
}

.overviewSec__td--ajt
{
    padding: 12px 6px 12px 7px;
}

@media print, screen and (max-width: 450px)
{
    .overviewSec__td--ajt
    {
        padding: 3.07692vw 1.53846vw 3.07692vw 1.79487vw;
    }
}

.overviewSec__td--02
{
    padding: 12px 0 12px 11px;
}

@media print, screen and (max-width: 450px)
{
    .overviewSec__td--02
    {
        padding: 3.07692vw 0 3.07692vw 2.82051vw;
    }
}

/* ============== .ctaSec ============== */
.ctaSec
{
    position: fixed;
    bottom: 0;
    left: 50%;

    visibility: hidden;

    width: 100%;
    max-width: 450px;
    padding: 11px 0;

    -webkit-transition: opacity .6s ease, visibility .6s ease, -webkit-transform .6s ease;
            transition: opacity .6s ease, visibility .6s ease, -webkit-transform .6s ease;
            transition: opacity .6s ease, transform .6s ease, visibility .6s ease;
            transition: opacity .6s ease, transform .6s ease, visibility .6s ease, -webkit-transform .6s ease;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    pointer-events: none;

    opacity: 0;
    background: -webkit-gradient(linear, right top, left top, from(#d6e9fb), to(#f5f7e3));
    background: linear-gradient(to left, #d6e9fb 0%, #f5f7e3 100%);
}

.ctaSec--show
{
    visibility: visible;

    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    pointer-events: auto;

    opacity: 1;
}

@media print, screen and (max-width: 450px)
{
    .ctaSec
    {
        padding: 2.82051vw 0;
    }
}

.ctaSec .c-btn
{
    margin: 0 auto;
}