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

.flow {
    position: absolute;
    width: 100%
}
.flow .l-page-header {
    background-image: url('../images/flow/mv.jpg');
    background-image: -webkit-image-set(url(../images/flow/mv.jpg) 1x, url(../images/flow/mv@2x.jpg) 2x);
    background-image: image-set(url(../images/flow/mv.jpg) 1x, url(../images/flow/mv@2x.jpg) 2x);
    z-index: 0
}
.flow .l-page-header__wrap::before,
.flow .l-page-header__wrap.new-pop::after,
.flow .l-page-header__wrap.top-tradingCompanies__title::after,
.flow .l-page-header__wrap.top-interview::after,
.flow .single-recruittips article h2.l-page-header__wrap::after,
.single-recruittips article .flow h2.l-page-header__wrap::after,
.flow .entry .l-page-header__wrap.company-entry__content--list::after,
.entry .flow .l-page-header__wrap.company-entry__content--list::after,
.flow .job-list .l-page-header__wrap.job-new::after,
.job-list .flow .l-page-header__wrap.job-new::after,
.flow .jobsearch .current-search__btn .l-page-header__wrap.btn-more::after,
.jobsearch .current-search__btn .flow .l-page-header__wrap.btn-more::after,
.flow .jobsearch .current-search__btn .l-page-header__wrap.btn-icon::after,
.jobsearch .current-search__btn .flow .l-page-header__wrap.btn-icon::after,
.flow .jobsearch .job-search__content--list .area label.l-page-header__wrap::after,
.jobsearch .job-search__content--list .area .flow label.l-page-header__wrap::after,
.flow .jobsearch .job-search__content--list .jobtype label.l-page-header__wrap::after,
.jobsearch .job-search__content--list .jobtype .flow label.l-page-header__wrap::after,
.flow .jobsearch .job-search__content--list .salary label.l-page-header__wrap::after,
.jobsearch .job-search__content--list .salary .flow label.l-page-header__wrap::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/reason/img-white.png');
    bottom: 0;
    height: 372px;
    margin: auto;
    right: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 695px;
    z-index: -1
}
@media screen and (max-width: 767px) {
    .flow .l-page-header__wrap::before,
    .flow .l-page-header__wrap.new-pop::after,
    .flow .l-page-header__wrap.top-tradingCompanies__title::after,
    .flow .l-page-header__wrap.top-interview::after,
    .flow .single-recruittips article h2.l-page-header__wrap::after,
    .single-recruittips article .flow h2.l-page-header__wrap::after,
    .flow .entry .l-page-header__wrap.company-entry__content--list::after,
    .entry .flow .l-page-header__wrap.company-entry__content--list::after,
    .flow .job-list .l-page-header__wrap.job-new::after,
    .job-list .flow .l-page-header__wrap.job-new::after,
    .flow .jobsearch .current-search__btn .l-page-header__wrap.btn-more::after,
    .jobsearch .current-search__btn .flow .l-page-header__wrap.btn-more::after,
    .flow .jobsearch .current-search__btn .l-page-header__wrap.btn-icon::after,
    .jobsearch .current-search__btn .flow .l-page-header__wrap.btn-icon::after,
    .flow .jobsearch .job-search__content--list .area label.l-page-header__wrap::after,
    .jobsearch .job-search__content--list .area .flow label.l-page-header__wrap::after,
    .flow .jobsearch .job-search__content--list .jobtype label.l-page-header__wrap::after,
    .jobsearch .job-search__content--list .jobtype .flow label.l-page-header__wrap::after,
    .flow .jobsearch .job-search__content--list .salary label.l-page-header__wrap::after,
    .jobsearch .job-search__content--list .salary .flow label.l-page-header__wrap::after {
        display: none
    }
}
.flow .l-page-header__title {
    margin: -13px 4px 0 0
}
.flow .l-page-header__subTitle {
    left: 1px;
    letter-spacing: 0.005em;
    position: relative;
    top: -3px
}
.flow .l-content {
    margin-bottom: 120px
}
.flow .l-container::before,
.flow .l-container.new-pop::after,
.flow .l-container.top-tradingCompanies__title::after,
.flow .l-container.top-interview::after,
.flow .single-recruittips article h2.l-container::after,
.single-recruittips article .flow h2.l-container::after,
.flow .entry .l-container.company-entry__content--list::after,
.entry .flow .l-container.company-entry__content--list::after,
.flow .job-list .l-container.job-new::after,
.job-list .flow .l-container.job-new::after,
.flow .jobsearch .current-search__btn .l-container.btn-more::after,
.jobsearch .current-search__btn .flow .l-container.btn-more::after,
.flow .jobsearch .current-search__btn .l-container.btn-icon::after,
.jobsearch .current-search__btn .flow .l-container.btn-icon::after,
.flow .jobsearch .job-search__content--list .area label.l-container::after,
.jobsearch .job-search__content--list .area .flow label.l-container::after,
.flow .jobsearch .job-search__content--list .jobtype label.l-container::after,
.jobsearch .job-search__content--list .jobtype .flow label.l-container::after,
.flow .jobsearch .job-search__content--list .salary label.l-container::after,
.jobsearch .job-search__content--list .salary .flow label.l-container::after {
    background-image: url('../images/dot.svg');
    background-repeat: repeat;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    height: 600px;
    right: -299px;
    top: -318px;
    width: 600px;
    z-index: -1
}
.flow .l-container::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/flow/img-bg.svg');
    position: absolute;
    height: 417px;
    width: 421px;
    top: -139px;
    right: 64px;
    z-index: -1
}
@media screen and (max-width: 767px) {
    .flow .l-container::after {
        background: none
    }
}
.flow .page-links {
    height: 150px;
    top: 66%
}
.flow-contents {
    margin: 77px 0 0
}
.flow-wrap {
    display: block;
    margin-bottom: 60px
}
.flow-wrap.second {
    margin-bottom: 60px;
    margin-top: 29px;
    position: relative
}
.flow-wrap.second::before,
.flow-wrap.second.new-pop::after,
.flow-wrap.second.top-tradingCompanies__title::after,
.flow-wrap.second.top-interview::after,
.single-recruittips article h2.flow-wrap.second::after,
.entry .flow-wrap.second.company-entry__content--list::after,
.job-list .flow-wrap.second.job-new::after,
.jobsearch .current-search__btn .flow-wrap.second.btn-more::after,
.jobsearch .current-search__btn .flow-wrap.second.btn-icon::after,
.jobsearch .job-search__content--list .area label.flow-wrap.second::after,
.jobsearch .job-search__content--list .jobtype label.flow-wrap.second::after,
.jobsearch .job-search__content--list .salary label.flow-wrap.second::after {
    background-image: url('../images/dot.svg');
    background-repeat: repeat;
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    height: 600px;
    right: -299px;
    top: -318px;
    width: 600px;
    z-index: 10
}
.flow-ltitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 2.6785714286;
    color: #333;
    margin-top: -2px;
    margin-left: -3px
}
.flow-ltitle:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f93), color-stop(80%, #ff7166));
    background: linear-gradient(90deg, #f93 20%, #ff7166 80%);
    display: block;
    height: 1px;
    margin-top: 19px;
    margin-left: 3px;
    width: 30px
}
.flow-lltitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3333333333
}
.flow-lltitle.hoken {
    margin-bottom: 17px;
    margin-top: 8px
}
.flow-lltitle.teiki {
    margin-bottom: 17px;
    margin-top: 5px
}
.flow-block__regular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    padding: 0;
    position: relative;
    width: 100%
}
.flow-block__regular:nth-child(2) {
    margin-top: 53px
}
.flow-block__regular::before,
.flow-block__regular.new-pop::after,
.flow-block__regular.top-tradingCompanies__title::after,
.flow-block__regular.top-interview::after,
.single-recruittips article h2.flow-block__regular::after,
.entry .flow-block__regular.company-entry__content--list::after,
.job-list .flow-block__regular.job-new::after,
.jobsearch .current-search__btn .flow-block__regular.btn-more::after,
.jobsearch .current-search__btn .flow-block__regular.btn-icon::after,
.jobsearch .job-search__content--list .area label.flow-block__regular::after,
.jobsearch .job-search__content--list .jobtype label.flow-block__regular::after,
.jobsearch .job-search__content--list .salary label.flow-block__regular::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #eee;
    height: calc(2140px / 5);
    position: absolute;
    left: 549px;
    top: -100px;
    width: 2px
}
.flow-block__dispatch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    padding: 0;
    position: relative;
    width: 100%
}
@media screen and (min-width: 768px) {
    .flow-block__dispatch.work-guide {
        margin-top: 138px
    }
    .flow-block__dispatch.work-guide::before,
    .flow-block__dispatch.work-guide.new-pop::after,
    .flow-block__dispatch.work-guide.top-tradingCompanies__title::after,
    .flow-block__dispatch.work-guide.top-interview::after,
    .single-recruittips article h2.flow-block__dispatch.work-guide::after,
    .entry .flow-block__dispatch.work-guide.company-entry__content--list::after,
    .job-list .flow-block__dispatch.work-guide.job-new::after,
    .jobsearch .current-search__btn .flow-block__dispatch.work-guide.btn-more::after,
    .jobsearch .current-search__btn .flow-block__dispatch.work-guide.btn-icon::after,
    .jobsearch .job-search__content--list .area label.flow-block__dispatch.work-guide::after,
    .jobsearch .job-search__content--list .jobtype label.flow-block__dispatch.work-guide::after,
    .jobsearch .job-search__content--list .salary label.flow-block__dispatch.work-guide::after {
        height: 220px;
        top: -24px
    }
}
.flow-block__dispatch::before,
.flow-block__dispatch.new-pop::after,
.flow-block__dispatch.top-tradingCompanies__title::after,
.flow-block__dispatch.top-interview::after,
.single-recruittips article h2.flow-block__dispatch::after,
.entry .flow-block__dispatch.company-entry__content--list::after,
.job-list .flow-block__dispatch.job-new::after,
.jobsearch .current-search__btn .flow-block__dispatch.btn-more::after,
.jobsearch .current-search__btn .flow-block__dispatch.btn-icon::after,
.jobsearch .job-search__content--list .area label.flow-block__dispatch::after,
.jobsearch .job-search__content--list .jobtype label.flow-block__dispatch::after,
.jobsearch .job-search__content--list .salary label.flow-block__dispatch::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #eee;
    height: calc(2140px / 5);
    position: absolute;
    left: 549px;
    top: -100px;
    width: 2px
}
.flow-block__dispatch:first-of-type {
    margin-top: 53px
}
.flow-block__dispatch:first-of-type::after {
   /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.1)), color-stop(70%, #fff));
    background: linear-gradient(to top, rgba(255,255,255,0.1), #fff 70%);
    height: calc(2140px / 5 / 3);
    position: absolute;
    left: 549px;
    top: -100px;
    width: 2px*/
	
}
.flow-block__dispatch:nth-of-type(2) {
    margin-top: 53px
}
.flow-block__dispatch:nth-of-type(2)::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.1)), color-stop(70%, #fff));
    background: linear-gradient(to top, rgba(255,255,255,0.1), #fff 70%);
    height: calc(2140px / 5 / 3);
    position: absolute;
    left: 549px;
    top: -100px;
    width: 2px
}
.flow-block__flame {
    display: block
}
.flow-block__left {
    position: absolute;
    height: 380px;
    width: 520px;
    z-index: 0
}
.flow-block__right {
    background: #fff;
    height: 300px;
    left: 470px;
    margin-top: 80px;
    padding: 47px 109px 60px 56px;
    position: relative;
    width: 630px;
    z-index: 10
}
.flow-block__right--step-number {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7777777778;
    background: #333;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    /*font-family: 'Alegreya Sans SC', sans-serif;*/
    height: 36px;
    padding: 1px 0 0;
    position: absolute;
    left: 31px;
    top: -16px;
    text-align: center;
    width: 100px;
    -webkit-box-shadow: 0 0 0 5px #e3e3e3;
    box-shadow: 0 0 0 5px #e3e3e3
}
@media all and (-ms-high-contrast: none) {
    .flow-block__right--step-number {
        padding: 4px 0 0
    }
}
.flow-block__text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8666666667;
    color: #333;
    margin-top: 16px
}
.flow-block__text.flame {
    margin-top: 28px
}
.flow-block__glay {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8461538462;
    color: #999999;
    margin-top: 5px
}
.flow-block__number {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8666666667;
    color: #333;
    margin-top: 29px;
    margin-left: -2px
}
.flow-block__item {
    background: #f5f5f5;
    display: block;
    margin-top: 22px;
    margin-left: 3px;
    padding: 19px 22px;
    width: 472px
}
.flow-block__item--title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8571428571;
    color: #333;
    margin-bottom: 4px
}
.flow-block__item--text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8571428571;
    color: #333
}
.flow-block__btn {
    display: block;
    margin: 0 auto;
    width: 360px
}
.flow-block__btn--regular {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    background-color: #ff7364;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f93), color-stop(80%, #ff7166));
    background: linear-gradient(90deg, #f93 20%, #ff7166 80%);
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 60px;
    left: -1px;
    text-align: center;
    position: relative;
    padding: 21px 23px 23px 17px;
    width: 100%
}
.flow-block__btn--regular:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon-memo.svg');
    display: inline-block;
    height: 20px;
    margin-left: 22px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    width: 18px
}
.flow-block__btn--regular::after {
    display: none !important
}
.flow-block__btn--dispatch {
    font-size: 16px;
    font-weight: 600;
    line-height: 3.6875;
    background-color: #ff7364;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f93), color-stop(80%, #ff7166));
    background: linear-gradient(90deg, #f93 20%, #ff7166 80%);
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    left: -1px;
    text-align: center;
    padding: 0 0 0 25px;
    position: relative;
    height: 60px;
    width: 100%
}
.flow-block__btn--dispatch:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/icon-memo.svg');
    display: inline-block;
    position: relative;
    height: 20px;
    right: 7px;
    top: -1px;
    width: 18px
}
.flow-block__btn--dispatch:after {
    display: none !important
}
.flow-block__btn:hover {
    opacity: 0.7
}
.flow-list {
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding: 26px 25px
}
.flow-list__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
    margin-top: -2px;
    margin-left: 30px
}
.flow-list__text:first-child {
    margin-left: 0
}
.flow-list__text:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    content: '・';
    margin-left: -2px
}
.flow-school {
    display: block;
    margin-bottom: 21px;
    margin-top: 46px
}
.flow-school__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4
}
.flow-school__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding: 50px 40px 50px 44px
}
.flow-school__logo {
    margin-top: 80px;
    width: 297px
}
.flow-school__logo--ohara {
    margin-left: 7px;
    margin-top: 30px
}
.flow-school__logo--fujitsu {
    margin-top: 15px;
    margin-left: -3px
}
.flow-school__box {
    margin-left: 30px;
    margin-top: 4px;
    width: 668px
}
.flow-school.description {
    margin-bottom: 0;
    margin-top: 10px
}
.flow-school__description {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8666666667;
    color: #333;
    margin-left: 2px
}
.flow-school__bottom {
    border-top: 1px dotted #ccc;
    margin-left: 4px;
    margin-top: 21px
}
.flow-school__bottom--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}
.flow-school__bottom--item:nth-of-type(2) {
    margin-top: 3px
}
.flow-school__bottom--title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8666666667;
    color: #333;
    margin-right: 22px
}
.flow-school.blank-link {
    display: block;
    margin-bottom: 10px;
    margin-top: 1px
}
.flow-school__link {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.0833333333;
    color: #36a7c7
}
.flow-school.link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px;
    margin-top: 38px
}
.flow-school__btn:hover {
    opacity: 0.7
}
.flow-school__btn.btn-more,
.flow-school__btn.btn-icon {
    font-size: 14px;
    font-weight: 700;
    line-height: 2.2857142857;
    text-align: center;
    padding: 9px 11px 0 !important;
    margin-right: 14px;
    width: 211px
}
.flow-school__btn.btn-more.site:before,
.flow-school__btn.site.btn-icon:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 15px;
    margin-top: -1px;
    margin-left: -14px;
    margin-right: 9px;
    width: 17px
}
@media screen and (max-width: 767px) {
    .flow {
        width: 100%
    }
    .flow .l-page-header {
        background-image: url('../images/flow/mv_sp.jpg')
    }
    .flow .l-page-header__title {
        margin: 0
    }
    .flow .l-main {
        width: 100%
    }
    .flow .l-content {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .flow .l-container {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 90%
    }
    .flow .l-container::before,
    .flow .l-container.new-pop::after,
    .flow .l-container.top-tradingCompanies__title::after,
    .flow .l-container.top-interview::after,
    .flow .single-recruittips article h2.l-container::after,
    .single-recruittips article .flow h2.l-container::after,
    .flow .entry .l-container.company-entry__content--list::after,
    .entry .flow .l-container.company-entry__content--list::after,
    .flow .job-list .l-container.job-new::after,
    .job-list .flow .l-container.job-new::after,
    .flow .jobsearch .current-search__btn .l-container.btn-more::after,
    .jobsearch .current-search__btn .flow .l-container.btn-more::after,
    .flow .jobsearch .current-search__btn .l-container.btn-icon::after,
    .jobsearch .current-search__btn .flow .l-container.btn-icon::after,
    .flow .jobsearch .job-search__content--list .area label.l-container::after,
    .jobsearch .job-search__content--list .area .flow label.l-container::after,
    .flow .jobsearch .job-search__content--list .jobtype label.l-container::after,
    .jobsearch .job-search__content--list .jobtype .flow label.l-container::after,
    .flow .jobsearch .job-search__content--list .salary label.l-container::after,
    .jobsearch .job-search__content--list .salary .flow label.l-container::after {
        top: -160px;
        right: -140px;
        height: 300px;
        width: 300px
    }
    .flow .l-container::after {
        background-position: 91px 95px;
        background-size: 67%;
        display: block;
        height: 300px;
        right: 40px;
        width: 300px
    }
    .flow .page-links {
        display: none !important
    }
    .flow .sponly-box__btn {
        -ms-flex-preferred-size: calc(50% - 7px);
        flex-basis: calc(50% - 7px)
    }
    .flow-contents {
        display: block;
        margin: 50px 0;
        width: 100%
    }
    .flow #regular,
    .flow #dispatch {
        padding-top: 50px
    }
    .flow-wrap {
        display: block;
        margin-bottom: 30px;
        margin-top: 0
    }
    .flow-wrap.second {
        margin-bottom: 20px;
        margin-top: 40px;
        position: relative
    }
    .flow-wrap.second::before,
    .flow-wrap.second.new-pop::after,
    .flow-wrap.second.top-tradingCompanies__title::after,
    .flow-wrap.second.top-interview::after,
    .single-recruittips article h2.flow-wrap.second::after,
    .entry .flow-wrap.second.company-entry__content--list::after,
    .job-list .flow-wrap.second.job-new::after,
    .jobsearch .current-search__btn .flow-wrap.second.btn-more::after,
    .jobsearch .current-search__btn .flow-wrap.second.btn-icon::after,
    .jobsearch .job-search__content--list .area label.flow-wrap.second::after,
    .jobsearch .job-search__content--list .jobtype label.flow-wrap.second::after,
    .jobsearch .job-search__content--list .salary label.flow-wrap.second::after {
        height: 300px;
        left: 210px;
        top: -410px;
        width: 300px;
        z-index: -1
    }
    .flow-block__regular {
        display: block;
        margin-top: 30px !important
    }
    .flow-block__regular:first-of-type {
        margin-top: 30px
    }
    .flow-block__regular:first-of-type::after {
        display: none
    }
    .flow-block__regular::before,
    .flow-block__regular.new-pop::after,
    .flow-block__regular.top-tradingCompanies__title::after,
    .flow-block__regular.top-interview::after,
    .single-recruittips article h2.flow-block__regular::after,
    .entry .flow-block__regular.company-entry__content--list::after,
    .job-list .flow-block__regular.job-new::after,
    .jobsearch .current-search__btn .flow-block__regular.btn-more::after,
    .jobsearch .current-search__btn .flow-block__regular.btn-icon::after,
    .jobsearch .job-search__content--list .area label.flow-block__regular::after,
    .jobsearch .job-search__content--list .jobtype label.flow-block__regular::after,
    .jobsearch .job-search__content--list .salary label.flow-block__regular::after {
        display: none
    }
    .flow-block__flame {
        position: relative;
        height: auto;
        width: 100%;
        z-index: 0
    }
    .flow-block__left {
        display: block;
        position: static;
        height: auto;
        width: 100%
    }
    .flow-block__left img {
        width: 100%
    }
    .flow-block__right {
        background: #fff;
        height: auto;
        left: 0;
        margin-top: 30px;
        padding: 0 20px 20px;
        position: relative;
        width: 100%
    }
    .flow-block__right--step-number {
        display: block;
        margin: 0 auto;
        position: relative;
        top: -52px;
        left: 0;
        z-index: 1
    }
    .flow-block__right--bottom {
        display: block;
        margin-top: -40px
    }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
    .flow-block__right--bottom {
        margin-top: -30px
    }
}
@media screen and (max-width: 767px) {
    .flow-block__item {
        margin: 20px 0 0;
        width: 100%
    }
    .flow-block__dispatch {
        margin-top: 30px !important;
        width: 100%
    }
    .flow-block__dispatch::before,
    .flow-block__dispatch.new-pop::after,
    .flow-block__dispatch.top-tradingCompanies__title::after,
    .flow-block__dispatch.top-interview::after,
    .single-recruittips article h2.flow-block__dispatch::after,
    .entry .flow-block__dispatch.company-entry__content--list::after,
    .job-list .flow-block__dispatch.job-new::after,
    .jobsearch .current-search__btn .flow-block__dispatch.btn-more::after,
    .jobsearch .current-search__btn .flow-block__dispatch.btn-icon::after,
    .jobsearch .job-search__content--list .area label.flow-block__dispatch::after,
    .jobsearch .job-search__content--list .jobtype label.flow-block__dispatch::after,
    .jobsearch .job-search__content--list .salary label.flow-block__dispatch::after {
        display: none
    }
    .flow-block__dispatch:first-of-type {
        margin-top: 53px
    }
    .flow-block__dispatch:first-of-type::after {
        display: none
    }
    .flow-block__btn {
        width: 100%
    }
    .flow-block__btn--dispatch {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.0714285714;
        padding: 21px 10px 23px 0
    }
    .flow-block__btn--dispatch:before {
        margin-left: 30px;
        right: 7px
    }
    .flow-block__btn--regular {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.0714285714;
        padding: 21px 10px 23px 0
    }
    .flow-block__btn--regular:before {
        margin-left: 15px
    }
    .flow-block__btn__text {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.7142857143
    }
    .flow-ltitle {
        font-size: 21px;
        font-weight: 700;
        line-height: 1.4285714286
    }
    .flow-ltitle:after {
        margin-top: 21px
    }
    .flow-lltitle {
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        text-align: center
    }
}