@media screen and (min-width: 1025px) {
  .global_header .logo .logo_blue {
    display: none;
  }
  .global_header .logo .logo_white {
    display: block;
  }
  .page_header {
    position: relative;
    width: 100%;
    height: 420px;
    background: url(../images/single-occupation/page_header.jpg) center center/cover no-repeat;
  }
  .page_header:after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "REQUIREMENTS";
    font-size: 18rem;
    color: rgba(255, 255, 255, 0.3);
  }
  .page_header .page_header_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 720px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 53px 0 10px 120px;
  }
  .page_header .page_header_title h1 {
    font-size: 4.8rem;
    font-weight: bold;
    color: #252A2F;
  }
  .page_header .page_header_title h2 {
    font-size: 1.6rem;
    margin-top: 1.2rem;
    color: #252A2F;
  }
  .container {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  .container .catch {
    font-size: 3.6rem;
    font-weight: bold;
    margin-top: 123px;
    line-height: 58px;
    color: #1D4C91;
    text-align: center;
  }
  .container .requirements, .container .job_description {
    padding: 0 120px;
    margin-top: 84px;
  }
  .container .requirements h3, .container .job_description h3 {
    font-size: 2rem;
    font-weight: bold;
    color: #252A2F;
  }
  .container .requirements .table, .container .job_description .table {
    margin-top: 31px;
  }
  .container .requirements .row, .container .job_description .row {
    display: flex;
    border: 1px solid #CDD6DD;
  }
  .container .requirements .row + .row, .container .job_description .row + .row {
    border-top: none;
  }
  .container .requirements .row .label, .container .job_description .row .label {
    width: 325px;
    min-width: 325px;
    background-color: #F6F6F6;
    padding: 27px 30px;
  }
  .container .requirements .row .label h4, .container .job_description .row .label h4 {
    color: #252A2F;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .container .requirements .row .contents, .container .job_description .row .contents {
    flex-grow: 1;
    padding: 27px 30px;
  }
  .container .requirements .row .contents p, .container .job_description .row .contents p {
    font-size: 1.6rem;
    line-height: 34px;
  }
  .container .flow {
    position: relative;
    margin-top: 110px;
    padding: 0 120px;
    padding-top: 67px;
  }
  .container .flow:before {
    position: absolute;
    left: 0;
    top: -20px;
    content: "FLOW";
    font-size: 22rem;
    font-weight: bold;
    color: rgba(29, 76, 145, 0.04);
  }
  .container .flow h3 {
    font-size: 4rem;
    font-weight: bold;
    color: #252A2F;
  }
  .container .flow h4 {
    margin-top: 13px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #252A2F;
  }
  .container .flow .figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 180px;
    margin-top: 91px;
  }
  .container .flow .figure > div {
    position: relative;
    width: 160px;
    height: 160px;
    background-color: #E8F6FF;
    min-width: 160px;
  }
  .container .flow .figure > div + div:before {
    position: absolute;
    content: url(../images/single-occupation/arrow.svg);
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
  }
  .container .flow .figure > div .step {
    position: absolute;
    left: 0;
    top: 0;
    width: 81px;
    height: 22px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container .flow .figure > div .contents {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.8rem;
    font-weight: bold;
    color: #1D4C91;
    white-space: nowrap;
    text-align: center;
    line-height: 28px;
  }
  .container .flow .figure > div .step_large {
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgba(29, 76, 145, 0.08);
    font-size: 3.6rem;
    font-weight: 900;
  }
  .container .flow .figure > div:last-of-type {
    background-color: #1D4C91;
  }
  .container .flow .figure > div:last-of-type .contents {
    font-size: 2.4rem;
    color: #FFFFFF;
  }
  .container .flow .figure > div:last-of-type .step_large {
    color: rgba(255, 255, 255, 0.08);
  }
  .container .flow .btn {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 0 30px;
  }
  .container .flow .entry {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 56px;
    border-radius: 28px;
    margin: 0 auto;
    background: linear-gradient(90deg, rgb(19, 110, 214), rgb(24, 194, 192));
  }
  .container .flow .entry p {
    font-size: 1.6rem;
    color: #FFFFFF;
    font-weight: bold;
  }
  .container .flow .interview {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 308px;
    height: 56px;
    border-radius: 28px;
    margin: 0 auto;
    border: 1px solid #1D4C91;
    color: #1D4C91;
    font-size: 1.6rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 1024px) {
  .page_header {
    position: relative;
    width: 100%;
    height: 252px;
    background: url(../images/single-occupation/page_header.jpg) center center/cover no-repeat;
  }
  .page_header:after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "REQUIREMENTS";
    font-size: 8rem;
    color: rgba(255, 255, 255, 0.3);
  }
  .page_header .page_header_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 345px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 20px 0 14px 30px;
  }
  .page_header .page_header_title h1 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #252A2F;
  }
  .page_header .page_header_title h2 {
    font-size: 1.3rem;
    margin-top: 2px;
    color: #252A2F;
  }
  .container {
    padding: 0 30px;
    padding-bottom: 110px;
  }
  .container .catch {
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 70px;
    line-height: 38px;
    color: #1D4C91;
    text-align: center;
  }
  .container .requirements, .container .job_description {
    margin-top: 66px;
  }
  .container .requirements h3, .container .job_description h3 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #252A2F;
  }
  .container .requirements .table, .container .job_description .table {
    margin-top: 21px;
  }
  .container .requirements .row, .container .job_description .row {
    border-top: 1px solid #CDD6DD;
  }
  .container .requirements .row .label, .container .job_description .row .label {
    width: 100%;
    background-color: #F6F6F6;
    padding: 15px;
    box-sizing: border-box;
  }
  .container .requirements .row .label h4, .container .job_description .row .label h4 {
    color: #252A2F;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .container .requirements .row .contents, .container .job_description .row .contents {
    flex-grow: 1;
    padding: 20px 15px;
    padding-bottom: 100px;
  }
  .container .requirements .row .contents p, .container .job_description .row .contents p {
    font-size: 1.3rem;
    line-height: 26px;
  }
  .container .flow {
    position: relative;
    margin-top: 50px;
    padding-top: 49px;
  }
  .container .flow:before {
    position: absolute;
    left: 0;
    top: 30px;
    content: "FLOW";
    font-size: 10rem;
    font-weight: bold;
    color: rgba(29, 76, 145, 0.04);
  }
  .container .flow h3 {
    font-size: 2.8rem;
    font-weight: bold;
    color: #252A2F;
  }
  .container .flow h4 {
    margin-top: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #252A2F;
  }
  .container .flow .figure {
    margin-top: 31px;
  }
  .container .flow .figure > div {
    position: relative;
    width: 100%;
    height: 72px;
    background-color: #E8F6FF;
  }
  .container .flow .figure > div + div {
    margin-top: 34px;
  }
  .container .flow .figure > div + div:before {
    position: absolute;
    content: url(../images/single-occupation/arrow_bottom.svg);
    left: 50%;
    top: -24px;
    transform: translateX(-50%);
  }
  .container .flow .figure > div .step {
    position: absolute;
    left: 0;
    top: 0;
    width: 72px;
    height: 17px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 900;
  }
  .container .flow .figure > div .contents {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.6rem;
    font-weight: bold;
    color: #1D4C91;
    white-space: nowrap;
    text-align: center;
    line-height: 28px;
  }
  .container .flow .figure > div .step_large {
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgba(29, 76, 145, 0.08);
    font-size: 3.2rem;
    font-weight: 900;
  }
  .container .flow .figure > div:last-of-type {
    background-color: #1D4C91;
  }
  .container .flow .figure > div:last-of-type .contents {
    font-size: 1.6rem;
    color: #FFFFFF;
  }
  .container .flow .figure > div:last-of-type .step_large {
    color: rgba(255, 255, 255, 0.08);
  }
  .container .flow .btn {
    margin-top: 60px;
  }
  .container .flow .btn li + li {
    margin-top: 30px;
  }
  .container .flow .entry {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    border-radius: 28px;
    margin: 0 auto;
    background: linear-gradient(90deg, rgb(19, 110, 214), rgb(24, 194, 192));
  }
  .container .flow .entry p {
    font-size: 1.6rem;
    color: #FFFFFF;
    font-weight: bold;
  }
  .container .flow .interview {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 308px;
    height: 56px;
    border-radius: 28px;
    margin: 0 auto;
    border: 1px solid #1D4C91;
    color: #1D4C91;
    font-size: 1.6rem;
    font-weight: 700;
  }
}/*# sourceMappingURL=map/single-occupation.css.map */