@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

@keyframes menu-bar01 { 0% { transform: translateY(5px) rotate(45deg); }
  50% { transform: translateY(5px) rotate(0); }
  100% { transform: translateY(0) rotate(0); } }

@keyframes menu-bar02 { 0% { transform: translateY(-5px) rotate(-45deg); }
  50% { transform: translateY(-5px) rotate(0); }
  100% { transform: translateY(0) rotate(0); } }

@keyframes active-menu-bar01 { 0% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(9px) rotate(0); }
  100% { transform: translateY(9px) rotate(45deg); } }

@keyframes active-menu-bar03 { 0% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-9px) rotate(0); }
  100% { transform: translateY(-9px) rotate(-45deg); } }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { @keyframes active-menu-bar01 { 0% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(7px) rotate(0); }
    100% { transform: translateY(7px) rotate(45deg); } }
  @keyframes active-menu-bar03 { 0% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-7px) rotate(0); }
    100% { transform: translateY(-7px) rotate(-45deg); } } }

/* ========== end △ */
body { color: #202020; }

.l-header { box-shadow: none; background: none; padding: 30px 0 30px; }

.l-header:before { content: ""; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: 0; }

.l-header .head-inner { z-index: 823; position: relative; max-width: 1203px; margin: 0 auto; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; width: 100%; }

.l-header .hright { width: calc(100% - 300px); max-width: 547px; padding: 25px 0 0; }

.l-header .hright .gnavi ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

.l-header .hright .gnavi ul li { margin: 0 0 0 40px; }

.l-header .hright .gnavi ul li a { font-size: 16px; line-height: 1.5; letter-spacing: 0.02em; font-weight: 500; text-decoration: none; display: inline-block; position: relative; padding: 0 20px 10px 0; color: #fff; }

.l-header .hright .gnavi ul li a:before { position: absolute; content: ""; right: 0; top: 10px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/arr01.png") no-repeat center top; background-size: 100% auto; width: 13px; height: 9px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.l-header .hright .gnavi ul li.hassub { position: relative; }

.l-header .hright .gnavi ul li.hassub .hassub-btn { position: relative; cursor: pointer; }

.l-header .hright .gnavi ul li.hassub .hassub-btn span { color: #fff; display: inline-block; position: relative; font-size: 16px; line-height: 1.5; letter-spacing: 0.02em; font-weight: 500; text-decoration: none; padding: 0 20px 10px 0; }

.l-header .hright .gnavi ul li.hassub .hassub-btn span:before { position: absolute; content: ""; right: 0; top: 10px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/arr01.png") no-repeat center top; background-size: 100% auto; width: 13px; height: 9px; }

.l-header .hright .gnavi ul li.hassub.is-act .hassub-btn:before { transform: rotate(-180deg); }

.l-header .hright .gnavi ul li.hassub.is-act .hassub-btn span:before, .l-header .hright .gnavi ul li.hassub.is-act .hassub-btn a:before { transform: rotate(-180deg); }

.l-header .hright .gnavi ul li.hassub .hassub-nav { background: #71c678; border-radius: 10px; padding: 10px 10px 11px 20px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .l-header .hright .gnavi ul li.hassub .hassub-nav { position: absolute; left: 50%; top: 100%; width: 185px; transform: translateX(-50%); opacity: 0; pointer-events: none; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; } }

/* ========== end △ */
.l-header .hright .gnavi ul li.hassub .hassub-nav p { line-height: 1; }

.l-header .hright .gnavi ul li.hassub .hassub-nav a { display: inline-block; color: #fff; font-size: 16px; line-height: 1.625; letter-spacing: 0em; font-weight: 500; padding: 0 0 0 16px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

.l-header .hright .gnavi ul li.hassub .hassub-nav a:before { position: absolute; content: ""; left: 0; top: 8px; border: 1px solid #fff; width: 9px; height: 9px; border-radius: 50%; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .l-header .hright .gnavi ul li.hassub .hassub-nav a:hover { opacity: 0.7; } }

/* ========== end △ */
.l-header .hright .gnavi ul li.hassub .hassub-nav.is-opened { opacity: 1; pointer-events: auto; }

.l-header.is-scrolling { -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; padding: 10px 0 10px; }

.l-header.is-scrolling:before { opacity: 0.8; }

.l-header.is-scrolling .hright .gnavi ul li a { color: #202020; }

.l-header #menu-toggle { z-index: 8119; line-height: 1; font-size: 0; text-align: center; cursor: pointer; position: absolute; border-radius: 0%; right: 10px; top: 5px; cursor: pointer; overflow: hidden; width: 45px; height: 45px; background: #14ded6; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .l-header #menu-toggle { display: none; } }

/* ========== end △ */
.l-header #menu-toggle .hamberger-btn { position: absolute; right: 8px; top: 13px; width: 29px; height: 24px; margin-right: 0; }

.l-header #menu-toggle .hamberger-btn span { width: 29px; height: 2px; position: relative; border-radius: 2px; top: 9px; left: 0; margin: 0; display: block; background: #fff; border-radius: 0; transition: .25s ease-in-out; }

.l-header #menu-toggle .hamberger-btn span:nth-child(1) { top: 1px; animation: menu-bar01 0.75s forwards; }

.l-header #menu-toggle .hamberger-btn span:nth-child(2) { top: 6px; transition: all 0.25s 0.25s; opacity: 1; }

.l-header #menu-toggle .hamberger-btn span:nth-child(3) { top: 11px; animation: menu-bar02 0.75s forwards; }

.l-header #menu-toggle.is-act:before { display: none; }

.l-header #menu-toggle.is-act .hamberger-btn span:nth-of-type(1) { animation: active-menu-bar01 0.75s forwards; }

.l-header #menu-toggle.is-act .hamberger-btn span:nth-of-type(2) { opacity: 0; }

.l-header #menu-toggle.is-act .hamberger-btn span:nth-of-type(3) { animation: active-menu-bar03 0.75s forwards; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .l-header { padding: 8px 0 8px; }
  .l-header .head-inner { padding: 0 10px; }
  .l-header .layerMenu { -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; position: fixed; left: 0; top: 0; background: #fff; right: 0; opacity: 0; pointer-events: none; padding: 80px 0 0; height: 100vh; }
  .l-header .layerMenu.menu_opened { opacity: 1; pointer-events: auto; }
  .l-header .layerMenu .inLayer { overflow: auto; height: 100%; padding: 0 30px 40px; }
  .l-header .hright { width: calc(100% - 200px); max-width: 547px; padding: 0; }
  .l-header .hright .gnavi ul { display: block; }
  .l-header .hright .gnavi ul li { margin: 0 0 20px; }
  .l-header .hright .gnavi ul li a { color: #202020; font-size: 16px; line-height: 1.5; letter-spacing: 0.02em; font-weight: 500; padding: 0 20px 10px 0; }
  .l-header .hright .gnavi ul li a:before { position: absolute; content: ""; right: 0; top: 10px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/arr01.png") no-repeat center top; background-size: 100% auto; width: 13px; height: 9px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }
  .l-header .hright .gnavi ul li.hassub .hassub-btn span { color: #202020; font-size: 16px; line-height: 1.5; letter-spacing: 0.02em; font-weight: 500; text-decoration: none; padding: 0 20px 10px 0; }
  .l-header .hright .gnavi ul li.hassub .hassub-btn span:before { position: absolute; content: ""; right: 0; top: 10px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/arr01.png") no-repeat center top; background-size: 100% auto; width: 13px; height: 9px; }
  .l-header .hright .gnavi ul li.hassub.is-act .hassub-btn:before { transform: rotate(-180deg); }
  .l-header .hright .gnavi ul li.hassub.is-act .hassub-btn span:before, .l-header .hright .gnavi ul li.hassub.is-act .hassub-btn a:before { transform: rotate(-180deg); }
  .l-header .hright .gnavi ul li.hassub .hassub-nav { position: relative; border-radius: 10px; padding: 10px 10px 11px 10px; width: 100%; display: none; background: #71c678; }
  .l-header .hright .gnavi ul li.hassub .hassub-nav p { line-height: 1; }
  .l-header .hright .gnavi ul li.hassub .hassub-nav a { font-size: 15px; line-height: 1.6; padding: 0 0 0 16px; }
  .l-header .hright .gnavi ul li.hassub .hassub-nav a:before { left: 0; top: 8px; }
  .l-header .hlogo { width: 200px; }
  .l-header.is-scrolling { padding: 7px 0 7px; } }

/* ========== end △ */
.l-main { padding: 0; }

.c-fixed-btn { display: none; }

.re-btn01 { display: inline-block; position: relative; background: #0a7aaa; border-radius: 40px; text-decoration: none; width: 100%; max-width: 299px; text-align: center; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; padding: 20px 15px 20px; }

.re-btn01 .txt { font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 500; text-decoration: none; color: #fff; padding: 0 15px 0 15px; position: relative; display: inline-block; width: 100%; }

.re-btn01 .txt:before { position: absolute; content: ""; right: 0; top: 2px; border-radius: 50%; border: 7px solid #fff; width: 25px; height: 25px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .re-btn01:hover { opacity: 0.7; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .re-btn01 { max-width: 240px; padding: 15px 15px 15px; }
  .re-btn01 .txt { font-size: 14px; line-height: 1.71429; padding: 0 35px 0 15px; }
  .re-btn01 .txt:before { top: -2px; width: 28px; height: 28px; } }

/* ========== end △ */
.re-lp-ttl01 { margin-bottom: 52px; position: relative; }

.re-lp-ttl01.is-center { text-align: center; }

.re-lp-ttl01 .ttlen { display: block; color: #0a7aaa; font-family: "Jost", sans-serif; font-size: 140px; line-height: 1; letter-spacing: 0.05em; font-weight: 500; text-transform: uppercase; margin: 0 0 10px; opacity: 0.08; }

.re-lp-ttl01 .ttljp { display: block; color: #202020; font-size: 50px; line-height: 1.2; letter-spacing: 0.02em; font-weight: bold; position: absolute; left: 0; top: 37px; right: 0; text-align: center; padding: 0 0 36px; }

.re-lp-ttl01 .ttljp:after { position: absolute; content: ""; left: 0; bottom: 0; right: 0; margin: 0 auto; width: 80px; height: 4px; border-radius: 1px; background: #0176AC; background: linear-gradient(90deg, #0176ac 0%, #13ded6 100%); }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .re-lp-ttl01 { margin-bottom: 25px; }
  .re-lp-ttl01 .ttlen { font-size: 50px; line-height: 1.1; letter-spacing: 0.01em; margin: 0 0 10px; } }

@media only screen and (max-width: 767px) and (max-width: 375px) { .re-lp-ttl01 .ttlen { font-size: 48px; line-height: 1.04167; } }

@media only screen and (max-width: 767px) { .re-lp-ttl01 .ttljp { font-size: 18px; line-height: 1.66667; left: 0; top: 10px; padding: 0 0 5px; }
  .re-lp-ttl01 .ttljp:after { width: 45px; height: 3px; } }

/* ========== end △ */
.re-lp-ttl02 { margin-bottom: 35px; }

.re-lp-ttl02.is-center { text-align: center; }

.re-lp-ttl02 .ttlen { display: block; color: #0a7aaa; font-family: "Jost", sans-serif; font-size: 16px; line-height: 1.875; letter-spacing: 0.12em; font-weight: 500; text-transform: uppercase; margin: 0 0 3px; }

.re-lp-ttl02 .ttljp { display: block; font-size: 36px; line-height: 1.25; letter-spacing: 0.06em; font-weight: 500; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .re-lp-ttl02 { margin-bottom: 15px; }
  .re-lp-ttl02 .ttlen { font-size: 15px; line-height: 1.6; letter-spacing: 0.06em; }
  .re-lp-ttl02 .ttljp { font-size: 26px; line-height: 1.34615; } }

/* ========== end △ */
.re-anchor { margin: 0 0 55px; }

.re-anchor ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }

.re-anchor ul li { margin: 0 2px; }

.re-anchor ul li a { display: inline-block; position: relative; border-radius: 30px; font-size: 18px; line-height: 1.66667; letter-spacing: 0.06em; font-weight: 500; text-decoration: none; padding: 5px 20px 5px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .re-anchor ul li a:hover { opacity: 1; background: #f0f7fa; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .re-anchor { margin: 0 0 35px; }
  .re-anchor ul li { margin: 6px 4px; }
  .re-anchor ul li a { font-size: 16px; line-height: 1.5; padding: 7px 15px 7px; background: #f0f7fa; } }

/* ========== end △ */
.re-link01 { color: #0a7aaa; border-bottom: 1px solid #0a7aaa; text-decoration: none; padding: 0 0 2px; display: inline-block; vertical-align: top; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .re-link01:hover { opacity: .6; } }

/* ========== end △ */
.re-tbl01 dl { border-bottom: 2px dotted #2589b3; }

.re-tbl01 dt, .re-tbl01 dd { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.re-tbl01 dt { font-weight: 500; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .re-tbl01 dl { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 29px 20px 29px; }
  .re-tbl01 dt { width: 200px; }
  .re-tbl01 dd { width: calc(100% - 200px); padding: 0 0 0 12px; }
  .re-tbl01 .rows01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
  .re-tbl01 .rows01 .col01 { width: 50%; }
  .re-tbl01 .rows01 .col02 { width: 50%; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .re-tbl01 dl { padding: 10px 5px 10px; }
  .re-tbl01 dt, .re-tbl01 dd { font-size: 15px; line-height: 1.6; letter-spacing: 0.02em; }
  .re-tbl01 dd { padding: 10px 0 0; } }

/* ========== end △ */
.re-tbl02 dl { position: relative; }

.re-tbl02 dl:after { position: absolute; content: ""; left: 0; top: 0; height: 2px; right: 0; background: #d0d0d0; }

.re-tbl02 dl:before { position: absolute; content: ""; left: 0; top: 0; height: 2px; background: #0a7aaa; z-index: 2; width: 52px; }

.re-tbl02 dt, .re-tbl02 dd { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.re-tbl02 dt { color: #0a7aaa; font-size: 20px; line-height: 1.4; letter-spacing: 0.06em; font-weight: bold; }

.re-tbl02 dd .txt-icon { position: relative; padding: 0 0 0 23px; }

.re-tbl02 dd .txt-icon:before { position: absolute; content: "◆ "; color: #13ded6; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; left: 0; top: -2px; }

.re-tbl02 dd p { margin: 0 0 15px; }

.re-tbl02 dd p:last-child { margin-bottom: 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .re-tbl02 dl { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 0 24px; }
  .re-tbl02 dt { width: 200px; }
  .re-tbl02 dd { width: calc(100% - 200px); padding: 13px 0 20px 24px; }
  .re-tbl02 .rows01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
  .re-tbl02 .rows01 .col01 { width: 50%; }
  .re-tbl02 .rows01 .col02 { width: 50%; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .re-tbl02 dl { padding: 12px 0 12px; }
  .re-tbl02 dl:before { width: 52px; }
  .re-tbl02 dt, .re-tbl02 dd { font-size: 15px; line-height: 1.6; }
  .re-tbl02 dt { font-size: 16px; line-height: 1.5; margin: 0 0 6px; }
  .re-tbl02 dd .txt-icon { padding: 0 0 0 23px; }
  .re-tbl02 dd .txt-icon:before { font-size: 15px; line-height: 1.6; left: 0; top: -2px; }
  .re-tbl02 dd p { margin: 0 0 15px; }
  .re-tbl02 dd p:last-child { margin-bottom: 0; } }

/* ========== end △ */
.mv { position: relative; padding: 85px 0 20px; }

.mv:before { position: absolute; content: ""; left: 0; right: 0; bottom: -200px; top: 0; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/mv_bg01.png") no-repeat center bottom; background-size: cover; pointer-events: none; }

.mv:after { position: absolute; content: ""; left: 0; right: 0; bottom: -450px; height: 1000px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/mv_bg02.png") no-repeat center bottom; background-size: cover; pointer-events: none; }

.mv .l-container { position: relative; max-width: 1203px; padding: 298px 20px 340px; }

.mv .mv-img { position: absolute; top: 172px; left: 50%; z-index: 1; width: 76%; margin-left: -180px; }

.mv .mv-ttl01 { position: relative; z-index: 33; color: #fff; font-size: 60px; line-height: 1.5; letter-spacing: 0.06em; font-weight: bold; }

.mv .mv-ttl01 strong { font-size: 87px; line-height: 1.03448; letter-spacing: 0.06em; font-weight: bold; }

.mv .mv-ttl01 em { font-style: normal; position: relative; }

.mv .mv-ttl01 em:before { position: absolute; content: ""; left: 50%; top: -5px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transform: translateX(-50%); }

.mv .mv-ttl02 { position: relative; z-index: 33; color: #fff; font-size: 30px; line-height: 1.16667; letter-spacing: 0em; font-weight: bold; margin: 41px 0 0; }

.mv .mv-ttl02 span { display: inline-block; position: relative; color: #fff; background: #ffc80a; padding: 10px 10px 10px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .mv { padding: 0 0 20px; }
  .mv:before { bottom: -50px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/mv_bg01_sp.png") no-repeat center bottom; background-size: cover; }
  .mv:after { bottom: -110px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/mv_bg02.png") no-repeat center bottom; background-size: cover; pointer-events: none; height: 250px; }
  .mv .l-container { padding: 110px 20px 50px; }
  .mv .mv-img { top: 101px; left: 40%; width: 59%; margin-left: 0; }
  .mv .mv-ttl01 { font-size: 32px; line-height: 1.46875; }
  .mv .mv-ttl01 strong { font-size: 47px; line-height: 1.91489; }
  .mv .mv-ttl01 em:before { top: -2px; width: 8px; height: 8px; }
  .mv .mv-ttl02 { font-size: 17px; line-height: 1.47059; margin: 15px 0 0; }
  .mv .mv-ttl02 span { padding: 5px 10px 5px; } }

/* ========== end △ */
.sec01 { padding: 15px 0 50px; }

.sec01 .l-container { max-width: 1455px; }

.sec01 .block .ttl01 { color: #0a7aaa; font-size: 30px; line-height: 1.53333; letter-spacing: 0.06em; font-weight: bold; }

.sec01 .block .ttl02 { font-size: 20px; line-height: 1.25; letter-spacing: 0.06em; font-weight: bold; margin: 38px 0 0; }

.sec01 .block .ttl02 .blue { color: #0a7aaa; }

.sec01 .block .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: bold; margin: 20px 0 0; }

.sec01 .block .desc02 { color: #0a7aaa; font-size: 26px; line-height: 1.76923; letter-spacing: 0em; font-weight: bold; margin: 35px 0 0; position: relative; border-radius: 15px; border: 5px solid #e5f2f7; padding: 22px 10px 24px; text-align: center; }

.sec01 .block .desc02 em { font-style: normal; }

.sec01 .block .desc02:after { position: absolute; content: ""; right: 68px; top: 44px; height: 38px; width: 427px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/line01.png") no-repeat center center; background-size: auto 28px; pointer-events: none; }

.sec01 .block .desc02 span { display: inline-block; position: relative; z-index: 44; text-decoration: center; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec01 .block__img { width: 40%; order: 1; }
  .sec01 .block__info { order: 2; width: 60%; padding: 12px 0 0 65px; }
  .sec01 .block__info .box { max-width: 675px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec01 { padding: 15px 0 30px; }
  .sec01 .block .ttl01 { font-size: 20px; line-height: 1.5; }
  .sec01 .block .ttl02 { font-size: 17px; line-height: 1.41176; margin: 25px 0 0; }
  .sec01 .block .desc01 { font-size: 15px; line-height: 1.6; margin: 15px 0 0; }
  .sec01 .block .desc02 { font-size: 20px; line-height: 1.5; margin: 25px 0 0; border-radius: 15px; border: 4px solid #e5f2f7; padding: 15px 10px 15px; }
  .sec01 .block .desc02:after { display: none; }
  .sec01 .block .desc02 em { font-style: normal; position: relative; background-image: -webkit-linear-gradient(30deg, #b6f5f2 0%, #b6f5f2 100%); background-image: -o-linear-gradient(30deg, #b6f5f2 0%, #b6f5f2 100%); background-image: linear-gradient(30deg, #b6f5f2 0%, #b6f5f2 100%); background-repeat: no-repeat; background-size: 100% 7px; background-position: 0 88%; padding-bottom: 0; }
  .sec01 .block__img { text-align: center; margin: 20px 0 0; padding: 0 10%; }
  /* ▽ PC-TAB layout ========== */ }

@media only screen and (max-width: 767px) and (min-width: 768px) { .sec01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec01 .block__info { order: 2; width: 60%; padding: 12px 0 0 65px; }
  .sec01 .block__info .box { max-width: 675px; } }

@media only screen and (max-width: 767px) { /* ========== end △ */ }

/* ========== end △ */
.sec02 { padding: 58px 0 40px; }

.sec02 .sec-sub01 .block01 { margin: 0 0 100px; }

.sec02 .sec-sub01 .block01 .subttl01 { font-size: 24px; line-height: 1.58333; letter-spacing: 0.06em; font-weight: bold; margin: 33px 0 0; color: #0a7aaa; }

.sec02 .sec-sub01 .block01 .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: bold; margin: 5px 0 0; }

.sec02 .sec-sub01 .block01 .lst01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px 0 0; }

.sec02 .sec-sub01 .block01 .lst01 li { position: relative; border-radius: 15px; border: 3px solid #d4eed6; padding: 37px 10px 25px; text-align: center; }

.sec02 .sec-sub01 .block01 .lst01 li .icon { width: 82px; position: absolute; left: 0; right: 0; margin: 0 auto; top: -42px; }

.sec02 .sec-sub01 .block01 .lst01 li .txt01 { font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: bold; }

.sec02 .sec-sub01 .block01 .lst01 li .txt02 { font-size: 16px; line-height: 1.5625; letter-spacing: 0.06em; font-weight: 400; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec02 .sec-sub01 .block01 .lst01 li { width: 32%; margin: 0 2% 0 0; }
  .sec02 .sec-sub01 .block01 .lst01 li:nth-child(3n) { margin-right: 0; } }

/* ========== end △ */
.sec02 .sec-sub01 .block01 .btn01 { margin: 59px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec02 .sec-sub01 .block01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec02 .sec-sub01 .block01__img { width: 42%; order: 2; }
  .sec02 .sec-sub01 .block01__info { order: 1; width: 58%; padding: 12px 54px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; }
  .sec02 .sec-sub01 .block01__info .box { max-width: 649px; } }

/* ========== end △ */
.sec02 .sec-sub01 .block02 { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg06.jpg") repeat center center; background-size: 42px auto; padding: 87px 0 60px; }

.sec02 .sec-sub01 .block02 .block02-ttl { text-align: center; font-size: 30px; line-height: 1.53333; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 31px; }

.sec02 .sec-sub01 .block02 .box { background: #fff; border-radius: 20px; box-shadow: 20px 0 35px rgba(0, 123, 174, 0.2); padding: 24px 40px 26px; margin: 0 0 40px; }

.sec02 .sec-sub01 .block02 .box .subttl01 { color: #13ded6; font-size: 20px; line-height: 1.9; letter-spacing: 0.06em; font-weight: bold; position: relative; }

.sec02 .sec-sub01 .block02 .box .subttl01:before { position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 2px; background: #d0d0d0; }

.sec02 .sec-sub01 .block02 .box .subttl01:after { position: absolute; content: ""; left: 0; bottom: 0; height: 2px; width: 190px; background: #0a7aaa; z-index: 3; }

.sec02 .sec-sub01 .block02 .box .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; margin: 10px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec02 .sec-sub01 .block02 .box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec02 .sec-sub01 .block02 .box__img { width: 27%; order: 1; }
  .sec02 .sec-sub01 .block02 .box__info { order: 2; width: 73%; padding: 7px 0 0 32px; } }

/* ========== end △ */
.sec02 .sec-sub02 { padding: 76px 0 40px; }

.sec02 .sec-sub02 .re-lp-ttl02 { margin: 0 0 13px; }

.sec02 .sec-sub03 { padding: 52px 0 40px; position: relative; z-index: 44; }

.sec02 .sec-sub03 .re-lp-ttl02 { margin: 0 0 45px; }

.sec02 .sec-sub03 .lst .item { background: #fff; border-radius: 20px; box-shadow: 20px 0 35px rgba(0, 123, 174, 0.2); padding: 8px 0px 42px; position: relative; }

.sec02 .sec-sub03 .lst .item:after { position: absolute; content: ""; left: 0; bottom: 0; right: 0; height: 10px; background: #0176AC; background: linear-gradient(90deg, #0176ac 0%, #13ded6 100%); border-radius: 0 0 20px 20px; }

.sec02 .sec-sub03 .lst .item__ttl { color: #0a7aaa; font-size: 24px; line-height: 1.58333; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 13px; }

.sec02 .sec-sub03 .lst .item__desc { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec02 .sec-sub03 .lst .item__check li { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; position: relative; padding: 0 0 0 23px; }

.sec02 .sec-sub03 .lst .item__check li:after { position: absolute; content: ""; width: 12px; height: 9px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/check01.png") no-repeat center center; background-size: 100% auto; left: 0; top: 10px; }

.sec02 .sec-sub03 .lst .item__info { padding: 8px 35px 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec02 .sec-sub03 .lst { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec02 .sec-sub03 .lst .item { width: 48%; margin: 0 4% 41px 0; }
  .sec02 .sec-sub03 .lst .item:nth-child(2n) { margin-right: 0; } }

/* ========== end △ */
.sec02 .sec-sub04 { position: relative; padding: 73px 0 87px; }

.sec02 .sec-sub04:before { position: absolute; content: ""; width: 100%; height: 120px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/shap01.png") no-repeat center top; background-size: 100% 100%; left: 0; top: -10px; z-index: 1; }

.sec02 .sec-sub04:after { position: absolute; content: ""; width: 100%; height: 120px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/shap02.png") no-repeat center bottom; background-size: 100% 100%; left: 0; bottom: -10px; z-index: 1; }

.sec02 .sec-sub04__inner { background: #f2fbff; position: relative; z-index: 33; padding: 85px 0 85px; }

.sec02 .sec-sub04 .re-lp-ttl02 { margin: 0 0 48px; }

.sec02 .sec-sub04 .lst .item { background: #fff; border-radius: 20px; box-shadow: 20px 0 35px rgba(0, 123, 174, 0.2); padding: 25px 0px 29px; position: relative; }

.sec02 .sec-sub04 .lst .item .ttl { color: #0a7aaa; font-size: 24px; line-height: 1.58333; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 64px; text-align: center; position: relative; z-index: 22; }

.sec02 .sec-sub04 .lst .item .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec02 .sec-sub04 .lst .item .desc01 small { font-size: 14px; line-height: 2.14286; }

.sec02 .sec-sub04 .lst .item .box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end; margin: 0 0 3px; }

.sec02 .sec-sub04 .lst .item .box .txt01 { color: #13ded6; font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: 500; }

.sec02 .sec-sub04 .lst .item .box .num01 { color: #13ded6; font-family: "Oswald", sans-serif; font-size: 60px; line-height: 1; letter-spacing: 0em; font-weight: 500; }

.sec02 .sec-sub04 .lst .item .box .txt02 { color: #13ded6; font-size: 32px; line-height: 1; letter-spacing: 0em; font-weight: 500; }

.sec02 .sec-sub04 .lst .item .box .txt02.en { font-family: "Oswald", sans-serif; }

.sec02 .sec-sub04 .lst .item__img { position: absolute; z-index: 1; pointer-events: none; }

.sec02 .sec-sub04 .lst .item__info { padding: 0 0 0 30px; }

.sec02 .sec-sub04 .lst .item.item01 .item__img { right: -8px; top: 23%; width: 43%; }

.sec02 .sec-sub04 .lst .item.item02 .item__img { left: 71px; top: 23%; width: 26%; }

.sec02 .sec-sub04 .lst .item.item02 .item__info { padding: 43px 0 0 54%; }

.sec02 .sec-sub04 .lst .item.item03 .item__img { left: 63px; top: 23%; width: 32.6%; }

.sec02 .sec-sub04 .lst .item.item03 .item__info { padding: 44px 0 0 57%; }

.sec02 .sec-sub04 .lst .item.item04 .item__img { left: 58px; top: 12%; width: 49.6%; }

.sec02 .sec-sub04 .lst .item.item04 .item__info { padding: 44px 0 0 51%; }

.sec02 .sec-sub04 .lst .item.item05 .item__img { left: 71px; top: 26%; width: 49.6%; }

.sec02 .sec-sub04 .lst .item.item05 .item__info { padding: 44px 0 0 51%; }

.sec02 .sec-sub04 .lst .item.item06 .item__img { left: 48px; top: 21%; width: 31.6%; }

.sec02 .sec-sub04 .lst .item.item06 .item__info { padding: 44px 0 0 60%; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec02 .sec-sub04 .lst { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec02 .sec-sub04 .lst .item { width: 32.33%; margin: 0 1.5% 16px 0; }
  .sec02 .sec-sub04 .lst .item:nth-child(3n) { margin-right: 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec02 { padding: 25px 0 30px; }
  .sec02 .sec-sub01 .re-lp-ttl02 { text-align: center; }
  .sec02 .sec-sub01 .block01 { margin: 0 10px 40px; }
  .sec02 .sec-sub01 .block01 .subttl01 { font-size: 18px; line-height: 1.33333; margin: 25px 0 0; }
  .sec02 .sec-sub01 .block01 .desc01 { font-size: 15px; line-height: 1.6; margin: 5px 0 0; }
  .sec02 .sec-sub01 .block01 .lst01 { margin: 50px 0 0; }
  .sec02 .sec-sub01 .block01 .lst01 li { width: 100%; border-radius: 15px; border: 2px solid #d4eed6; padding: 37px 10px 25px; text-align: center; margin: 0 0 40px; }
  .sec02 .sec-sub01 .block01 .lst01 li .icon { width: 82px; top: -42px; }
  .sec02 .sec-sub01 .block01 .lst01 li .txt01 { font-size: 18px; line-height: 1.38889; }
  .sec02 .sec-sub01 .block01 .lst01 li .txt02 { font-size: 15px; line-height: 1.46667; }
  .sec02 .sec-sub01 .block01 .btn01 { margin: 20px 0 0; text-align: center; }
  .sec02 .sec-sub01 .block01 .btn01 a { margin: 0 auto; }
  /* ▽ PC-TAB layout ========== */ }

@media only screen and (max-width: 767px) and (min-width: 768px) { .sec02 .sec-sub01 .block01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec02 .sec-sub01 .block01__img { width: 42%; order: 2; }
  .sec02 .sec-sub01 .block01__info { order: 1; width: 58%; padding: 12px 54px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; }
  .sec02 .sec-sub01 .block01__info .box { max-width: 649px; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .sec02 .sec-sub01 .block02 { background-size: 21px auto; padding: 35px 0 40px; }
  .sec02 .sec-sub01 .block02 .block02-ttl { font-size: 24px; line-height: 1.16667; margin: 0 0 20px; }
  .sec02 .sec-sub01 .block02 .box { border-radius: 10px; padding: 24px 10px 26px; margin: 0 0 20px; }
  .sec02 .sec-sub01 .block02 .box .subttl01 { font-size: 17px; line-height: 1.52941; padding: 0 0 10px; }
  .sec02 .sec-sub01 .block02 .box .subttl01:before { height: 2px; }
  .sec02 .sec-sub01 .block02 .box .subttl01:after { height: 2px; width: 190px; background: #0a7aaa; z-index: 3; }
  .sec02 .sec-sub01 .block02 .box .desc01 { font-size: 15px; line-height: 1.6; margin: 10px 0 0; }
  .sec02 .sec-sub01 .block02 .box__img { margin: 15px 0 0; text-align: center; padding: 0 5%; }
  .sec02 .sec-sub02 { padding: 35px 0 30px; }
  .sec02 .sec-sub02 .re-lp-ttl02 { text-align: center; margin: 0 0 10px; }
  .sec02 .sec-sub03 { padding: 35px 0 20px; }
  .sec02 .sec-sub03 .re-lp-ttl02 { margin: 0 0 25px; }
  .sec02 .sec-sub03 .lst .item { border-radius: 10px; padding: 8px 0px 42px; margin: 0 0 25px; }
  .sec02 .sec-sub03 .lst .item:after { height: 6px; border-radius: 0 0 10px 10px; }
  .sec02 .sec-sub03 .lst .item__ttl { font-size: 18px; line-height: 1.33333; margin: 0 0 10px; }
  .sec02 .sec-sub03 .lst .item__desc { font-size: 15px; line-height: 1.6; }
  .sec02 .sec-sub03 .lst .item__check li { font-size: 15px; line-height: 1.6; padding: 0 0 0 23px; }
  .sec02 .sec-sub03 .lst .item__check li:after { width: 12px; height: 9px; top: 10px; }
  .sec02 .sec-sub03 .lst .item__info { padding: 8px 10px 0; }
  .sec02 .sec-sub04 { padding: 25px 0 25px; }
  .sec02 .sec-sub04:before { height: 50px; left: 0; top: -10px; }
  .sec02 .sec-sub04:after { height: 50px; bottom: -10px; }
  .sec02 .sec-sub04__inner { padding: 35px 0 25px; }
  .sec02 .sec-sub04 .re-lp-ttl02 { margin: 0 0 20px; }
  .sec02 .sec-sub04 .lst .item { border-radius: 10px; padding: 25px 0px 29px; margin: 0 0 25px; }
  .sec02 .sec-sub04 .lst .item .ttl { color: #0a7aaa; font-size: 18px; line-height: 1.66667; margin: 0 0 25px; }
  .sec02 .sec-sub04 .lst .item .desc01 { font-size: 15px; line-height: 1.66667; }
  .sec02 .sec-sub04 .lst .item .desc01 small { font-size: 13px; line-height: 1.92308; }
  .sec02 .sec-sub04 .lst .item .box { margin: 0 0 3px; }
  .sec02 .sec-sub04 .lst .item .box .txt01 { font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: 500; }
  .sec02 .sec-sub04 .lst .item .box .num01 { font-size: 60px; line-height: 1; letter-spacing: 0em; font-weight: 500; }
  .sec02 .sec-sub04 .lst .item .box .txt02 { color: #13ded6; font-size: 32px; line-height: 1; letter-spacing: 0em; font-weight: 500; }
  .sec02 .sec-sub04 .lst .item__img { position: absolute; z-index: 1; pointer-events: none; }
  .sec02 .sec-sub04 .lst .item__info { padding: 0 0 0 15px; }
  .sec02 .sec-sub04 .lst .item.item01 .item__img { right: 15px; top: 25%; width: 28%; }
  .sec02 .sec-sub04 .lst .item.item02 .item__img { left: 55px; top: 25%; width: 22.6%; }
  .sec02 .sec-sub04 .lst .item.item02 .item__info { padding: 43px 0 0 47%; }
  .sec02 .sec-sub04 .lst .item.item03 .item__img { left: 41px; top: 23%; width: 24.6%; }
  .sec02 .sec-sub04 .lst .item.item03 .item__info { padding: 44px 0 0 47%; }
  .sec02 .sec-sub04 .lst .item.item04 .item__img { left: 38px; top: 12%; width: 40%; }
  .sec02 .sec-sub04 .lst .item.item04 .item__info { padding: 44px 0 0 47%; }
  .sec02 .sec-sub04 .lst .item.item05 .item__img { left: 55px; top: 26%; width: 18.6%; }
  .sec02 .sec-sub04 .lst .item.item05 .item__info { padding: 44px 0 0 47%; }
  .sec02 .sec-sub04 .lst .item.item06 .item__img { left: 35px; top: 25%; width: 24.5%; }
  .sec02 .sec-sub04 .lst .item.item06 .item__info { padding: 44px 0 0 47%; } }

/* ========== end △ */
.sec03 { padding: 15px 0 50px; }

.sec03 .sec-sub01 { padding: 0 0 143px; }

.sec03 .sec-sub01 .block02 { position: relative; background: #e5f2e6; border-radius: 100px; margin: 85px 0 0; }

.sec03 .sec-sub01 .block02:before { position: absolute; content: ""; background: #e5f2e6; pointer-events: none; left: 60px; top: -35px; right: 60px; height: 106px; border-radius: 100%; }

.sec03 .sec-sub01 .block02:after { position: absolute; content: ""; background: #e5f2e6; pointer-events: none; left: 60px; bottom: -35px; right: 60px; height: 106px; border-radius: 100%; }

.sec03 .sec-sub01 .block02__ct { position: relative; z-index: 33; padding: 18px 20px 182px; }

.sec03 .sec-sub01 .block02 .per01 { text-align: center; position: relative; z-index: 23; margin: 0 47px -5px 0; }

.sec03 .sec-sub01 .block02 .block02-ttl { text-align: center; font-size: 24px; line-height: 1.16667; letter-spacing: 0.06em; font-weight: bold; }

.sec03 .sec-sub01 .block02 .block02-ttl span { display: inline-block; vertical-align: top; background: #71c678; color: #fff; border-radius: 10px; text-align: center; padding: 23px 25px 23px; }

.sec03 .sec-sub01 .block02 .block02-desc01 { text-align: center; font-size: 18px; line-height: 1.66667; letter-spacing: 0.06em; font-weight: 500; margin: 23px 0 0; }

.sec03 .sec-sub01 .block02 .box01 { border-radius: 15px; background: #fff; border: 1px solid #6ec878; position: relative; margin: 34px auto 0; max-width: 555px; text-align: center; padding: 23px 10px 25px; }

.sec03 .sec-sub01 .block02 .box01 .ttl { text-align: center; font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 11px; }

.sec03 .sec-sub01 .block02 .box01 .ttl span { background-image: -webkit-linear-gradient(30deg, #e9f7eb 0%, #e9f7eb 100%); background-image: -o-linear-gradient(30deg, #e9f7eb 0%, #e9f7eb 100%); background-image: linear-gradient(30deg, #e9f7eb 0%, #e9f7eb 100%); background-repeat: no-repeat; background-size: 100% 10px; background-position: 0 88%; }

.sec03 .sec-sub01 .block02 .box01 .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; text-align: left; max-width: 422px; margin: 0 auto; }

.sec03 .sec-sub01 .block02 .per02, .sec03 .sec-sub01 .block02 .per03, .sec03 .sec-sub01 .block02 .per04, .sec03 .sec-sub01 .block02 .per05, .sec03 .sec-sub01 .block02 .per06, .sec03 .sec-sub01 .block02 .per07 { position: absolute; }

.sec03 .sec-sub01 .block02 .per02 { left: 9%; top: 16%; width: 15%; }

.sec03 .sec-sub01 .block02 .per03 { left: 3%; bottom: 8%; width: 20%; }

.sec03 .sec-sub01 .block02 .per04 { right: 11%; top: 13%; width: 15%; }

.sec03 .sec-sub01 .block02 .per05 { right: 2%; top: 42%; width: 18%; }

.sec03 .sec-sub01 .block02 .per06 { right: 10%; bottom: 7%; width: 17%; }

.sec03 .sec-sub01 .block02 .per07 { right: 48%; bottom: 3%; width: 11%; }

.sec03 .sec-sub02 { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg02.jpg") repeat center center; background-size: auto 42px; padding: 92px 0 143px; }

.sec03 .sec-sub02 .subttl01 { position: relative; color: #fff; font-size: 28px; line-height: 1.78571; letter-spacing: 0.06em; font-weight: bold; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg07.png") no-repeat center bottom; background-size: 100% 100%; padding: 20px 20px 50px 20px; text-align: center; max-width: 725px; margin: 0 auto 26px; }

.sec03 .sec-sub02 .subttl01 .cl01 { background: #13ded6; display: inline-block; vertical-align: top; padding: 0 2px; border-radius: 3px; line-height: 1.4; margin: 5px 0 0; }

.sec03 .sec-sub02 .subttl01 .cl02 { background: #ffc80a; display: inline-block; vertical-align: top; padding: 0 2px; border-radius: 3px; line-height: 1.4; margin: 5px 0 0; }

.sec03 .sec-sub02 .per01 { text-align: center; margin: 0 0 38px; }

.sec03 .sec-sub02 .txt01 { color: #6ec878; font-size: 22px; line-height: 1.81818; letter-spacing: 0.06em; font-weight: bold; text-align: center; margin-bottom: 68px; }

.sec03 .sec-sub02 .box { background: #fff; border-radius: 20px; box-shadow: 20px 0 35px rgba(113, 198, 120, 0.2); padding: 27px 36px 26px; margin: 0 0 40px; }

.sec03 .sec-sub02 .box .box__ttl01 { color: #0a7aaa; font-size: 24px; line-height: 1.58333; letter-spacing: 0.06em; font-weight: bold; position: relative; }

.sec03 .sec-sub02 .box .box__desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; margin: 8px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec03 .sec-sub02 .box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec03 .sec-sub02 .box__img { width: 27%; order: 2; }
  .sec03 .sec-sub02 .box__info { order: 1; width: 73%; padding: 7px 32px 0 10px; } }

/* ========== end △ */
.sec03 .sec-sub03 { padding: 91px 0 00px; }

.sec03 .sec-sub03 .lst { margin: 59px 0 0; }

.sec03 .sec-sub03 .lst .item { position: relative; border-radius: 15px; border: 5px solid #b5d7e5; padding: 37px 20px 0px; }

.sec03 .sec-sub03 .lst .item .item__per { margin: -19px 0 0; text-align: right; }

.sec03 .sec-sub03 .lst .item .item__ttl { position: absolute; left: 0; top: -23px; right: 0; z-index: 22; text-align: center; }

.sec03 .sec-sub03 .lst .item .item__ttl span { background: #0a7aaa; display: inline-block; vertical-align: top; padding: 3px 10px 3px; border-radius: 30px; text-align: center; color: #fff; font-size: 24px; line-height: 1.25; letter-spacing: 0.06em; font-weight: bold; min-width: 140px; }

.sec03 .sec-sub03 .lst .item .item__ttl02 { font-size: 18px; line-height: 1.66667; letter-spacing: 0.06em; font-weight: bold; text-align: center; color: #0a7aaa; margin: 0 0 20px; }

.sec03 .sec-sub03 .lst .item .flow { position: relative; padding: 7px 0 11px; }

.sec03 .sec-sub03 .lst .item .flow:before { position: absolute; content: ""; top: 0; bottom: 0; background: #c9e7f0; width: 1px; left: 59px; }

.sec03 .sec-sub03 .lst .item .flow .step { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 15px; }

.sec03 .sec-sub03 .lst .item .flow .step .icon { width: 55px; text-align: center; }

.sec03 .sec-sub03 .lst .item .flow .step .icon img { width: 29px; }

.sec03 .sec-sub03 .lst .item .flow .step .txt { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 55px); padding: 0 0 0 0; }

.sec03 .sec-sub03 .lst .item .flow .step .txt:before { position: absolute; content: ""; background: #c9e7f0; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 12px; }

.sec03 .sec-sub03 .lst .item .flow .step .txt .time { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; width: 77px; text-align: right; }

.sec03 .sec-sub03 .lst .item .flow .step .txt .ev { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; width: calc(100% - 77px); padding: 0 0 0 17px; }

.sec03 .sec-sub03 .lst .item.item02 { border: 5px solid #b8f5f3; }

.sec03 .sec-sub03 .lst .item.item02 .item__per { margin: -67px 0 0; text-align: right; }

.sec03 .sec-sub03 .lst .item.item02 .item__ttl span { background: #13ded6; }

.sec03 .sec-sub03 .lst .item.item02 .item__ttl02 { color: #13ded6; }

.sec03 .sec-sub03 .lst .item.item02 .flow:before { background: #bdf0ee; }

.sec03 .sec-sub03 .lst .item.item02 .flow .step .txt:before { background: #bdf0ee; }

.sec03 .sec-sub03 .lst .item.item03 { border: 5px solid #d4eed6; }

.sec03 .sec-sub03 .lst .item.item03 .item__per { margin: -1px 0 0; text-align: right; }

.sec03 .sec-sub03 .lst .item.item03 .item__ttl span { background: #71c678; }

.sec03 .sec-sub03 .lst .item.item03 .item__ttl02 { color: #71c678; }

.sec03 .sec-sub03 .lst .item.item03 .flow:before { background: #c1e9c4; }

.sec03 .sec-sub03 .lst .item.item03 .flow .step .txt:before { background: #c1e9c4; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec03 .sec-sub03 .lst { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec03 .sec-sub03 .lst .item { width: 31.33%; margin: 0 3% 0 0; }
  .sec03 .sec-sub03 .lst .item:nth-child(3n) { margin-right: 0; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec03 { padding: 15px 0 30px; }
  .sec03 .sec-sub01 { padding: 0 0 45px; }
  .sec03 .sec-sub01 .block02 { border-radius: 50px; margin: 25px 0 0; }
  .sec03 .sec-sub01 .block02:before { left: 10px; top: -16px; right: 10px; height: 80px; }
  .sec03 .sec-sub01 .block02:after { left: 10px; bottom: -16px; right: 10px; height: 80px; }
  .sec03 .sec-sub01 .block02__ct { position: relative; z-index: 33; padding: 18px 10px 45px; }
  .sec03 .sec-sub01 .block02 .per01 { text-align: center; position: relative; z-index: 23; margin: 0 47px -5px 0; }
  .sec03 .sec-sub01 .block02 .block02-ttl { font-size: 18px; line-height: 1.38889; }
  .sec03 .sec-sub01 .block02 .block02-ttl span { border-radius: 10px; padding: 15px 12px 15px; }
  .sec03 .sec-sub01 .block02 .block02-desc01 { font-size: 16px; line-height: 1.5; margin: 15px 0 0; }
  .sec03 .sec-sub01 .block02 .box01 { border-radius: 15px; margin: 25px auto 0; max-width: 555px; padding: 23px 10px 25px; }
  .sec03 .sec-sub01 .block02 .box01 .ttl { font-size: 18px; line-height: 1.33333; margin: 0 0 11px; }
  .sec03 .sec-sub01 .block02 .box01 .ttl span { background-size: 100% 10px; background-position: 0 88%; }
  .sec03 .sec-sub01 .block02 .box01 .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; text-align: left; }
  .sec03 .sec-sub01 .block02 .per02, .sec03 .sec-sub01 .block02 .per03, .sec03 .sec-sub01 .block02 .per04, .sec03 .sec-sub01 .block02 .per05, .sec03 .sec-sub01 .block02 .per06, .sec03 .sec-sub01 .block02 .per07 { display: none; }
  .sec03 .sec-sub02 { background-size: auto 21px; padding: 45px 0 35px; }
  .sec03 .sec-sub02 .subttl01 { font-size: 20px; line-height: 1.5; padding: 10px 10px 40px; margin: 0 auto 26px; }
  .sec03 .sec-sub02 .subttl01 .cl01 { padding: 0 2px; border-radius: 3px; line-height: 1.4; margin: 5px 0 0; }
  .sec03 .sec-sub02 .subttl01 .cl02 { padding: 0 2px; border-radius: 3px; line-height: 1.4; margin: 5px 0 0; }
  .sec03 .sec-sub02 .per01 { margin: 0 0 38px; }
  .sec03 .sec-sub02 .txt01 { font-size: 16px; line-height: 1.625; text-align: left; margin-bottom: 25px; }
  .sec03 .sec-sub02 .box { border-radius: 20px; padding: 27px 12px 26px; margin: 0 0 20px; }
  .sec03 .sec-sub02 .box .box__ttl01 { font-size: 18px; line-height: 1.66667; }
  .sec03 .sec-sub02 .box .box__desc01 { font-size: 15px; line-height: 1.6; margin: 8px 0 0; }
  .sec03 .sec-sub02 .box__img { text-align: center; margin: 20px 5% 0; }
  .sec03 .sec-sub03 { padding: 45px 0 40px; }
  .sec03 .sec-sub03 .lst { margin: 35px 0 0; }
  .sec03 .sec-sub03 .lst .item { border-radius: 10px; border: 4px solid #b5d7e5; padding: 30px 10px 0px; margin: 0 0 30px; }
  .sec03 .sec-sub03 .lst .item:last-child { margin-bottom: 0; }
  .sec03 .sec-sub03 .lst .item .item__per { margin: -19px 0 0; }
  .sec03 .sec-sub03 .lst .item .item__ttl { left: 0; top: -23px; }
  .sec03 .sec-sub03 .lst .item .item__ttl span { padding: 3px 10px 3px; border-radius: 20px; font-size: 20px; line-height: 1.5; min-width: 120px; }
  .sec03 .sec-sub03 .lst .item .item__ttl02 { font-size: 18px; line-height: 1.33333; }
  .sec03 .sec-sub03 .lst .item .flow { padding: 7px 0 11px; }
  .sec03 .sec-sub03 .lst .item .flow:before { left: 59px; }
  .sec03 .sec-sub03 .lst .item .flow .step { padding: 0 0 19px; }
  .sec03 .sec-sub03 .lst .item .flow .step .icon { width: 55px; text-align: center; }
  .sec03 .sec-sub03 .lst .item .flow .step .icon img { width: 29px; }
  .sec03 .sec-sub03 .lst .item .flow .step .txt { width: calc(100% - 55px); padding: 0 0 0 0; }
  .sec03 .sec-sub03 .lst .item .flow .step .txt:before { top: 7px; }
  .sec03 .sec-sub03 .lst .item .flow .step .txt .time { font-size: 15px; line-height: 1.6; width: 77px; }
  .sec03 .sec-sub03 .lst .item .flow .step .txt .ev { font-size: 15px; line-height: 1.6; width: calc(100% - 77px); padding: 0 0 0 10px; }
  .sec03 .sec-sub03 .lst .item.item02 .item__per { margin: -67px 0 0; text-align: right; }
  .sec03 .sec-sub03 .lst .item.item03 .item__per { margin: -1px 0 0; text-align: right; } }

/* ========== end △ */
.sec04 { padding: 50px 0 40px; }

.sec04 .sec-sub01 { padding: 0 0 90px; }

.sec04 .sec-sub01 .block .block__desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec04 .sec-sub01 .block__img { position: relative; }

.sec04 .sec-sub01 .block__img img { border-radius: 20px; }

.sec04 .sec-sub01 .block__img .cap { position: absolute; border-radius: 10px; background: rgba(255, 255, 255, 0.9); bottom: 20px; left: 20px; padding: 20px 39px 27px; }

.sec04 .sec-sub01 .block__img .cap .cap01 { font-size: 30px; line-height: 1.4; letter-spacing: 0.06em; font-weight: bold; }

.sec04 .sec-sub01 .block__img .cap .cap02 { font-size: 18px; line-height: 1.66667; letter-spacing: 0.06em; font-weight: 400; margin: 10px 0 0; }

.sec04 .sec-sub01 .block .block__desc01 p { margin: 0 0 31px; }

.sec04 .sec-sub01 .block .block__desc01 p:last-child { margin: 0; }

.sec04 .sec-sub01 .block .sign { text-align: right; margin: 49px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec04 .sec-sub01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec04 .sec-sub01 .block__img { width: 47%; order: 1; }
  .sec04 .sec-sub01 .block__info { order: 2; width: 53%; padding: 11px 0 0 48px; } }

/* ========== end △ */
.sec04 .sec-sub02 { position: relative; padding: 73px 0 87px; }

.sec04 .sec-sub02:before { position: absolute; content: ""; width: 100%; height: 120px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/shap01.png") no-repeat center top; background-size: 100% 100%; left: 0; top: -10px; z-index: 1; }

.sec04 .sec-sub02:after { position: absolute; content: ""; width: 100%; height: 120px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/shap02.png") no-repeat center bottom; background-size: 100% 100%; left: 0; bottom: -10px; z-index: 1; }

.sec04 .sec-sub02__inner { background: #f2fbff; position: relative; z-index: 33; padding: 85px 0 116px; }

.sec04 .sec-sub02 .block { border-bottom: 1px solid #d0d0d0; padding: 0 0 82px; margin-bottom: 77px; }

.sec04 .sec-sub02 .block.block02 { border-bottom: 0; padding: 0 0 0; margin-bottom: 0; }

.sec04 .sec-sub02 .block .box01__info p { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec04 .sec-sub02 .block .box01__img { text-align: center; }

.sec04 .sec-sub02 .block .box01__img .avt { margin: 0 0 17px; }

.sec04 .sec-sub02 .block .box01__img .pos { font-size: 18px; line-height: 1.66667; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 8px; }

.sec04 .sec-sub02 .block .box01__img .name { font-size: 28px; line-height: 1.07143; letter-spacing: 0.06em; font-weight: bold; }

.sec04 .sec-sub02 .block .box01__img .ye { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec04 .sec-sub02 .block .box01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec04 .sec-sub02 .block .box01__img { width: 280px; order: 1; }
  .sec04 .sec-sub02 .block .box01__info { order: 2; width: calc(100% - 280px); padding: 11px 0 0 46px; } }

/* ========== end △ */
.sec04 .sec-sub02 .block .box02 { margin: 40px 0 0; }

.sec04 .sec-sub02 .block .box02 p { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec04 .sec-sub02 .block .box03 { margin: 30px 0 0; }

.sec04 .sec-sub02 .block .box03__info p { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec04 .sec-sub02 .block .box03__img { text-align: center; }

.sec04 .sec-sub02 .block .box03__img .avt { margin: 0 0 17px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec04 .sec-sub02 .block .box03 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec04 .sec-sub02 .block .box03__img { width: 39%; order: 2; }
  .sec04 .sec-sub02 .block .box03__info { order: 1; width: 61%; padding: 0 40px 0 0; } }

/* ========== end △ */
.sec04 .sec-sub03 { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg02.jpg") repeat center center; background-size: auto 42px; padding: 129px 0 131px; margin: -100px 0 0; }

.sec04 .sec-sub03 .sec-desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec04 .sec-sub03 .sec-per { text-align: center; margin: 38px 0 0; }

.sec04 .sec-sub03 .block02 { margin: 87px 0 0; }

.sec04 .sec-sub03 .block02 .rows01 { margin: 33px 0 0; }

.sec04 .sec-sub03 .block02 .rows01 .col-ttl01 { text-align: left; color: #6ec878; font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 0 -10px; }

.sec04 .sec-sub03 .block02 .rows01 .col-ttl01 span { text-align: center; display: inline-block; width: 100%; max-width: 330px; position: relative; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg03.png") no-repeat center bottom; background-size: 100% 100%; padding: 28px 10px 45px; }

.sec04 .sec-sub03 .block02 .rows01 .col-img { margin: -20px 0 0; }

.sec04 .sec-sub03 .block02 .rows01 .col03 .col-ttl01 { text-align: right; margin: 0 -10px 0 0; }

.sec04 .sec-sub03 .block02 .rows01 .col03 .col-ttl01 span { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg04.png") no-repeat center bottom; background-size: 100% 100%; }

.sec04 .sec-sub03 .block02 .rows01 .col-desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; margin: 20px 0 0; padding: 0; }

.sec04 .sec-sub03 .block02 .rows01 .col02 { font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: bold; text-align: center; color: #0a7aaa; margin: 39px 0 0; }

.sec04 .sec-sub03 .block02 .rows01 .col02 span { position: relative; display: inline-block; padding: 15px 10px 15px 10px; }

.sec04 .sec-sub03 .block02 .rows01 .col02 span:before { position: absolute; content: ""; width: 52px; height: 85px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/ttl_icon01.png") no-repeat center center; background-size: 100% 100%; left: -48px; top: 3px; z-index: 1; }

.sec04 .sec-sub03 .block02 .rows01 .col02 span:after { position: absolute; content: ""; width: 52px; height: 85px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/ttl_icon01.png") no-repeat center center; background-size: 100% 100%; right: -50px; top: 3px; transform: rotate(180deg); z-index: 1; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec04 .sec-sub03 .block02 .rows01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec04 .sec-sub03 .block02 .rows01 .col01 { width: 38%; order: 1; }
  .sec04 .sec-sub03 .block02 .rows01 .col01 .col-img { text-align: right; margin: -62px 10px 0 30px; }
  .sec04 .sec-sub03 .block02 .rows01 .col02 { width: 24%; order: 2; }
  .sec04 .sec-sub03 .block02 .rows01 .col03 { order: 3; width: 38%; }
  .sec04 .sec-sub03 .block02 .rows01 .col03 .col-img { text-align: left; margin: -61px 30px 0 15px; } }

/* ========== end △ */
.sec04 .sec-sub03 .block03 { margin: 75px 0 0; background: #fff; border-radius: 20px; box-shadow: 20px 0 35px rgba(0, 123, 173, 0.2); padding: 39px 36px 56px; }

.sec04 .sec-sub03 .block03 .block03__ttl01 { font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 12px; }

.sec04 .sec-sub03 .block03 .block03__ttl01 span { position: relative; display: inline-block; padding: 2px 20px 0 23px; }

.sec04 .sec-sub03 .block03 .block03__ttl01 span:before { position: absolute; content: ""; width: 22px; height: 22px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/icon01.png") no-repeat center top; background-size: 100% 100%; left: 0; top: 10px; }

.sec04 .sec-sub03 .block03 .block03__ttl01 span:after { position: absolute; content: ""; width: 22px; height: 22px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/icon01.png") no-repeat center bottom; background-size: 100% 100%; right: 0; top: 10px; }

.sec04 .sec-sub03 .block03 .block03__desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec04 .sec-sub03 .block03 .block03__desc02 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; margin: 25px 0 0; }

.sec04 .sec-sub03 .block03 .block03__desc03 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 500; margin: 17px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec04 .sec-sub03 .block03 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec04 .sec-sub03 .block03__img { width: 39%; order: 1; }
  .sec04 .sec-sub03 .block03__info { order: 2; width: 61%; padding: 2px 0 0 51px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec04 { padding: 30px 0 40px; }
  .sec04 .sec-sub01 { padding: 0 0 40px; }
  .sec04 .sec-sub01 .block .block__desc01 { font-size: 15px; line-height: 1.6; }
  .sec04 .sec-sub01 .block__img { text-align: center; }
  .sec04 .sec-sub01 .block__img img { border-radius: 10px; }
  .sec04 .sec-sub01 .block__img .cap { border-radius: 10px; bottom: 10px; left: 10px; padding: 15px 10px 15px; }
  .sec04 .sec-sub01 .block__img .cap .cap01 { font-size: 16px; line-height: 1.5; }
  .sec04 .sec-sub01 .block__img .cap .cap02 { font-size: 12px; line-height: 1.83333; margin: 5px 0 0; }
  .sec04 .sec-sub01 .block .block__desc01 p { margin: 0 0 20px; }
  .sec04 .sec-sub01 .block .block__desc01 p:last-child { margin: 0; }
  .sec04 .sec-sub01 .block .sign { text-align: right; margin: 25px 0 0; }
  .sec04 .sec-sub01 .block__img { text-align: center; margin: 0 0 20px; }
  /* ▽ PC-TAB layout ========== */ }

@media only screen and (max-width: 767px) and (min-width: 768px) { .sec04 .sec-sub01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec04 .sec-sub01 .block__info { order: 2; width: 53%; padding: 11px 0 0 48px; } }

@media only screen and (max-width: 767px) { /* ========== end △ */
  .sec04 .sec-sub02 { padding: 45px 0 45px; }
  .sec04 .sec-sub02:before { height: 60px; top: -10px; }
  .sec04 .sec-sub02:after { width: 100%; height: 60px; bottom: -10px; }
  .sec04 .sec-sub02__inner { padding: 45px 0 45px; }
  .sec04 .sec-sub02 .block { padding: 0 0 45px; margin-bottom: 45px; }
  .sec04 .sec-sub02 .block.block02 { border-bottom: 0; padding: 0 0 0; margin-bottom: 0; }
  .sec04 .sec-sub02 .block .box01__info p { font-size: 15px; line-height: 1.6; }
  .sec04 .sec-sub02 .block .box01__img { text-align: center; margin: 0 0 15px; }
  .sec04 .sec-sub02 .block .box01__img .avt { margin: 0 auto 10px; max-width: 200px; }
  .sec04 .sec-sub02 .block .box01__img .pos { font-size: 16px; line-height: 1.5; margin: 0 0 8px; }
  .sec04 .sec-sub02 .block .box01__img .name { font-size: 24px; line-height: 1.25; }
  .sec04 .sec-sub02 .block .box01__img .ye { font-size: 14px; line-height: 1.78571; }
  .sec04 .sec-sub02 .block .box02 { margin: 30px 0 0; }
  .sec04 .sec-sub02 .block .box02 p { font-size: 15px; line-height: 1.6; }
  .sec04 .sec-sub02 .block .box03 { margin: 20px 0 0; }
  .sec04 .sec-sub02 .block .box03__img { text-align: center; margin: 20px 0 0; }
  .sec04 .sec-sub02 .block .box03__info p { font-size: 15px; line-height: 1.6; }
  .sec04 .sec-sub03 { background-size: auto 21px; padding: 45px 0 45px; margin: -50px 0 0; }
  .sec04 .sec-sub03 .sec-desc01 { text-align: center; font-size: 14px; line-height: 1.71429; }
  .sec04 .sec-sub03 .sec-per { text-align: center; margin: 25px 0 0; }
  .sec04 .sec-sub03 .block02 { margin: 35px 0 0; }
  .sec04 .sec-sub03 .block02 .rows01 { margin: 20px 0 0; }
  .sec04 .sec-sub03 .block02 .rows01 .col-ttl01 { text-align: left; font-size: 16px; line-height: 1.5625; margin: 0 0 0 -10px; }
  .sec04 .sec-sub03 .block02 .rows01 .col-ttl01 span { max-width: 330px; padding: 15px 10px 35px; }
  .sec04 .sec-sub03 .block02 .rows01 .col-img { margin: -20px 0 0 20%; }
  .sec04 .sec-sub03 .block02 .rows01 .col03 .col-ttl01 { margin: 0 -10px 0 0; }
  .sec04 .sec-sub03 .block02 .rows01 .col-desc01 { font-size: 14px; line-height: 1.71429; margin: 20px 0 0; padding: 0 25px; }
  .sec04 .sec-sub03 .block02 .rows01 .col02 { font-size: 18px; line-height: 1.38889; margin: 10px 0 20px; }
  .sec04 .sec-sub03 .block02 .rows01 .col02 span { padding: 25px 10px 25px 10px; }
  .sec04 .sec-sub03 .block02 .rows01 .col02 span:before { width: 52px; height: 85px; left: -48px; }
  .sec04 .sec-sub03 .block02 .rows01 .col02 span:after { width: 52px; height: 85px; right: -50px; }
  .sec04 .sec-sub03 .block02 .rows01 .col03 { margin: 30px 0 0; }
  .sec04 .sec-sub03 .block02 .rows01 .col03 .col-img { text-align: left; margin: -61px 20% 0 0; }
  .sec04 .sec-sub03 .block03 { margin: 35px 0 0; border-radius: 10px; padding: 25px 15px 30px; }
  .sec04 .sec-sub03 .block03 .block03__ttl01 { font-size: 17px; line-height: 1.47059; margin: 0 0 12px; }
  .sec04 .sec-sub03 .block03 .block03__ttl01 span { padding: 2px 30px 0 30px; }
  .sec04 .sec-sub03 .block03 .block03__desc01 { font-size: 15px; line-height: 1.6; }
  .sec04 .sec-sub03 .block03 .block03__desc02 { font-size: 15px; line-height: 1.6; margin: 25px 0 0; }
  .sec04 .sec-sub03 .block03 .block03__desc03 { font-size: 15px; line-height: 1.6; margin: 17px 0 0; }
  .sec04 .sec-sub03 .block03__img { text-align: center; margin-bottom: 20px; } }

/* ========== end △ */
.sec05 { padding: 42px 0 0; }

.sec05 .sec-sub01 { padding: 0 0 66px; }

.sec05 .sec-sub01 .block ul { position: relative; }

.sec05 .sec-sub01 .block ul:before { position: absolute; content: ""; left: 45px; top: 5px; width: 1px; bottom: 30px; border-left: 1px dashed #6cafcc; }

.sec05 .sec-sub01 .block ul li { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 29px; }

.sec05 .sec-sub01 .block ul li .num { width: 90px; height: 90px; text-align: center; background: #fff; box-shadow: 0 0 10px rgba(7, 78, 107, 0.2); color: #0a7aaa; font-family: "Jost", sans-serif; font-size: 30px; line-height: 1; letter-spacing: 0.06em; font-weight: 600; border-radius: 50%; padding: 31px 4px 0 4px; }

.sec05 .sec-sub01 .block ul li .box { width: calc(100% - 90px); padding: 12px 0  0 33px; }

.sec05 .sec-sub01 .block ul li .ttl01 { color: #0a7aaa; font-size: 24px; line-height: 1.25; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 12px; }

.sec05 .sec-sub01 .block ul li .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec05 .sec-sub01 .block ul li .hoshi { position: relative; font-size: 14px; line-height: 2.14286; letter-spacing: 0.06em; font-weight: 400; padding: 0 0 0 14px; }

.sec05 .sec-sub01 .block ul li .hoshi:before { content: "※"; position: absolute; font-size: 14px; line-height: 2.14286; letter-spacing: 0.06em; font-weight: 400; left: 0; top: 0; width: 14px; height: 28px; }

.sec05 .sec-sub01 .block ul li:nth-child(2) .num { color: #13ded6; }

.sec05 .sec-sub01 .block ul li:nth-child(2) .ttl01 { color: #13ded6; }

.sec05 .sec-sub01 .block ul li:nth-child(3) .num { color: #71c678; }

.sec05 .sec-sub01 .block ul li:nth-child(3) .ttl01 { color: #71c678; }

.sec05 .sec-sub01 .block ul li:nth-child(4) .num { color: #ffc80a; }

.sec05 .sec-sub01 .block ul li:nth-child(4) .ttl01 { color: #ffc80a; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec05 .sec-sub01 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec05 .sec-sub01 .block__img { width: 42%; order: 1; }
  .sec05 .sec-sub01 .block__info { order: 2; width: 58%; padding: 8px 20px 0 58px; }
  .sec05 .sec-sub01 .block__info .inner { max-width: 632px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec05 { padding: 25px 0 0; }
  .sec05 .sec-sub01 .block ul { padding: 0 0 0 10px; }
  .sec05 .sec-sub01 .block ul:before { left: 40px; top: 5px; bottom: 30px; }
  .sec05 .sec-sub01 .block ul li { margin: 0 0 29px; }
  .sec05 .sec-sub01 .block ul li .num { width: 60px; height: 60px; font-size: 22px; line-height: 1.13636; padding: 18px 0 0 0; white-space: nowrap; }
  .sec05 .sec-sub01 .block ul li .box { width: calc(100% - 60px); padding: 10px 10px  0 15px; }
  .sec05 .sec-sub01 .block ul li .ttl01 { font-size: 18px; line-height: 1.38889; margin: 0 0 5px; }
  .sec05 .sec-sub01 .block ul li .desc01 { font-size: 15px; line-height: 1.6; }
  .sec05 .sec-sub01 .block ul li .hoshi { font-size: 13px; line-height: 1.69231; padding: 0 0 0 14px; }
  .sec05 .sec-sub01 .block ul li .hoshi:before { font-size: 13px; line-height: 1.69231; width: 14px; height: 28px; }
  .sec05 .sec-sub01 .block__img { text-align: center; margin: 0 0 20px; } }

/* ========== end △ */
.sec05 .sec-sub02 { position: relative; padding: 50px 0 65px; }

.sec05 .sec-sub02:before { position: absolute; content: ""; width: 100%; height: 120px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/shap03.png") no-repeat center top; background-size: 100% 100%; left: 0; top: -10px; z-index: 1; }

.sec05 .sec-sub02:after { position: absolute; content: ""; width: 100%; height: 120px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/shap04.png") no-repeat center bottom; background-size: 100% 100%; left: 0; bottom: -10px; z-index: 1; }

.sec05 .sec-sub02__inner { background: #f2fbff; position: relative; z-index: 33; padding: 100px 0 108px; }

.sec05 .sec-sub02 .per01 { position: absolute; left: 50%; top: -74px; margin: 0 0 0 210px; }

.sec05 .sec-sub02 .re-lp-ttl02 { margin-bottom: 49px; }

.sec05 .sec-sub02 .qa { position: relative; border-bottom: 6px solid #c9e7f0; border-radius: 10px; background: #fff; margin: 0 0 18px; }

.sec05 .sec-sub02 .qa .ques { position: relative; padding: 23px 0 22px 0; cursor: pointer; border-radius: 10px; }

.sec05 .sec-sub02 .qa .ques:after { position: absolute; content: ""; right: 22px; top: 50%; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/plus.png") no-repeat center center; background-size: 100% auto; width: 24px; height: 24px; margin: -14px 0 0; }

.sec05 .sec-sub02 .qa .ques .ttl { color: #202020; font-size: 20px; line-height: 1.5; letter-spacing: 0.06em; font-weight: bold; position: relative; padding: 8px 55px 7px 66px; }

.sec05 .sec-sub02 .qa .ques .ttl:before { position: absolute; content: "Q."; left: 21px; top: 9px; width: 50px; height: 30px; font-family: "Jost", sans-serif; color: #0a7aaa; font-size: 28px; line-height: 1.07143; letter-spacing: 0.02em; font-weight: 500; }

.sec05 .sec-sub02 .qa .ques.is-active:after { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/exp.png") no-repeat center center; background-size: 100% auto; }

.sec05 .sec-sub02 .qa .ans { position: relative; padding: 0 0 38px 66px; display: none; margin: 0 0 0; }

.sec05 .sec-sub02 .qa .ans p { padding: 0; color: #1d1d1d; font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 400; }

.sec05 .sec-sub03 { padding: 56px 0 94px; }

.sec05 .sec-sub03 .desc01 { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; margin: 0 0 58px; }

.sec05 .sec-sub03 .desc01 .und { background-image: -webkit-linear-gradient(30deg, #ffff87 0%, #ffff87 100%); background-image: -o-linear-gradient(30deg, #ffff87 0%, #ffff87 100%); background-image: linear-gradient(30deg, #ffff87 0%, #ffff87 100%); background-repeat: no-repeat; background-size: 100% 8px; background-position: 0 100%; font-style: normal; padding-bottom: 0; }

.sec05 .sec-sub03 .ttl02 { position: relative; text-align: center; }

.sec05 .sec-sub03 .ttl02 span { display: inline-block; position: relative; font-size: 30px; line-height: 1.33333; letter-spacing: 0.06em; font-weight: bold; padding: 0 0 21px; }

.sec05 .sec-sub03 .ttl02 span:after { position: absolute; content: ""; width: 100%; height: 120px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/line02.png") no-repeat center bottom; background-size: auto 15px; left: 0; bottom: -10px; z-index: 1; }

.sec05 .sec-sub03 .rows01 { margin: 44px 0 0; }

.sec05 .sec-sub03 .rows01 .col { background: #13ded6; border-radius: 20px; padding: 24px 18px 23px 0; }

.sec05 .sec-sub03 .rows01 .col .col-ttl { font-size: 24px; line-height: 1.66667; letter-spacing: 0.06em; font-weight: bold; color: #fff; padding: 0 37px 26px; }

.sec05 .sec-sub03 .rows01 .col .col-info { background: #fff; position: relative; border-radius: 0 20px 20px; box-shadow: 10px 0 20px rgba(11, 150, 149, 0.4); padding: 42px 39px 45px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec05 .sec-sub03 .rows01 .col .col-info { min-height: calc(100% - 67px); } }

/* ========== end △ */
.sec05 .sec-sub03 .rows01 .col .col-info ul li { position: relative; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; position: relative; padding: 0 0 0 20px; }

.sec05 .sec-sub03 .rows01 .col .col-info ul li:after { position: absolute; content: ""; width: 12px; height: 9px; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/check01.png") no-repeat center center; background-size: 100% auto; left: 0; top: 10px; }

.sec05 .sec-sub03 .rows01 .col.col02 { background: #71c678; }

.sec05 .sec-sub03 .rows01 .col.col02 ul li:after { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/check02.png") no-repeat center center; background-size: 100% auto; left: 0; top: 10px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec05 .sec-sub03 .rows01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec05 .sec-sub03 .rows01 .col { width: 48%; margin: 0 4% 0 0; }
  .sec05 .sec-sub03 .rows01 .col:nth-child(2n) { margin-right: 0; } }

/* ========== end △ */
.sec05 .sec-sub03 .block01 { border: 6px solid #ffeeb5; border-radius: 15px; padding: 61px 51px 51px; position: relative; margin: 106px 0 0; }

.sec05 .sec-sub03 .block01 .lst-dot01 li { position: relative; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; padding: 0 0 0 18px; }

.sec05 .sec-sub03 .block01 .lst-dot01 li:after { position: absolute; content: "・"; width: 16px; height: 28px; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; left: 0; top: 1px; z-index: 1; }

.sec05 .sec-sub03 .block01 .block01-ttl { text-align: center; font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; margin: 0 0 58px; position: absolute; left: 0; top: -33px; right: 0; text-align: center; }

.sec05 .sec-sub03 .block01 .block01-ttl span { display: inline-block; position: relative; z-index: 2; background: #ffc80a; border-radius: 30px; text-align: center; color: #fff; font-size: 30px; line-height: 1; letter-spacing: 0.06em; font-weight: bold; padding: 15px 35px 15px; }

.sec05 .sec-sub03 .block02 { background: #f2fbff; border-radius: 20px; position: relative; margin: 80px 0 0; padding: 43px 58px 56px; }

.sec05 .sec-sub03 .block02 .block02-ttl { font-size: 30px; line-height: 1.33333; letter-spacing: 0.06em; font-weight: bold; color: #0a7aaa; margin: 0 0 17px; }

.sec05 .sec-sub03 .block02 .block02-ttl span { padding: 0 0 5px; display: inline-block; vertical-align: top; border-bottom: 3px solid #0a7aaa; }

.sec05 .sec-sub03 .block02 .block02-desc p { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; font-weight: 400; }

.sec05 .sec-sub04 { background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg08.jpg") repeat center center; background-size: auto 42px; padding: 85px 0 179px; }

.sec05 .sec-sub04 .form-block { background: #fff; border-radius: 20px 20px 20px 0; box-shadow: 20px 0 35px rgba(0, 123, 174, 0.2); padding: 63px 35px 64px 37px; position: relative; }

.sec05 .sec-sub04 .form-content { max-width: 1070px; }

.sec05 .sec-sub04 .form-content .form-label { background: #70c678; top: 25px; height: 29px; font-size: 14px; line-height: 2; }

.sec05 .sec-sub04 .form-content .form-label.hissu { background: #ffc80a; }

.sec05 .sec-sub04 .form-content input[type="text"], .sec05 .sec-sub04 .form-content .form-input, .sec05 .sec-sub04 .form-content input[type="email"], .sec05 .sec-sub04 .form-content input[type="tel"] { border: 1px solid #c3d7dd; background: #f6fcfe; height: 45px; max-width: 100%; }

.sec05 .sec-sub04 .form-content .form-area { border: 1px solid #c3d7dd; background: #f6fcfe; height: 50px; max-width: 100%; }

.sec05 .sec-sub04 .form-content .form-dl { border-bottom: 0; }

.sec05 .sec-sub04 .form-content .form-dl .form-dd .ext01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 400; }

.sec05 .sec-sub04 .form-content .form-dl .note-red { font-size: 12px; line-height: 2; letter-spacing: 0.02em; font-weight: 400; color: #d83e4f; margin: 5px 0 0; }

.sec05 .sec-sub04 .form-content .form-dl .boxfile { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* Nút upload tùy chỉnh */ }

.sec05 .sec-sub04 .form-content .form-dl .boxfile .boxfile__txt { max-width: calc(100% - 300px); padding: 5px 0 0 32px; font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 400; }

.sec05 .sec-sub04 .form-content .form-dl .boxfile .file-btn { display: inline-flex; align-items: center; justify-content: space-between; color: #333; cursor: pointer; display: inline-block; border-radius: 3px; padding: 5px 19px; outline: none; -webkit-user-select: none; cursor: pointer; border: 1px solid #c3d7dd; width: 300px; font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 400; background: #fff url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/icon_file.png") no-repeat right 10px center; background-size: 20px 18px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec05 .sec-sub04 .form-content .form-dl .boxfile .file-btn { font-size: 15px; line-height: 1.6; } }

/* ========== end △ */
.sec05 .sec-sub04 .form-content .form-dl .boxfile .file-btn input { display: none; /* Ẩn input gốc */ }

.sec05 .sec-sub04 .form-content .form-dl .boxfile .file-box { display: flex; align-items: center; gap: 12px; font-size: 14px; font-family: sans-serif; }

.sec05 .sec-sub04 .form-content .form-dl .boxfile .file-box.is-act .file-btn { border: 1px solid #c3d7dd; background: #f6fcfe url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/icon_file.png") no-repeat right 10px center; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec05 .sec-sub04 .form-content .form-dl .boxfile .file-box { display: block; } }

/* ========== end △ */
.sec05 .sec-sub04 .form-content .form-dl .boxfile .file-name { white-space: nowrap; color: #000; }

.sec05 .sec-sub04 .form-content .form-dl .boxfile .file-remove { cursor: pointer; font-size: 20px; line-height: 1; user-select: none; display: none; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .sec05 .sec-sub04 .form-content .form-dl .list-checkbox01 { max-width: 700px; }
  .sec05 .sec-sub04 .form-content .form-dl .list-checkbox01 li { margin-right: 3px; min-width: 23.5%; margin-bottom: 0; }
  .sec05 .sec-sub04 .form-content .form-dl .list-checkbox02 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec05 .sec-sub04 .form-content .form-dl .list-checkbox02 li { margin: 0 20px 0 0; }
  .sec05 .sec-sub04 .form-content .form-dl .form-dt { width: 215px; padding: 22px 62px 22px 10px; }
  .sec05 .sec-sub04 .form-content .form-dl .form-dd { width: calc(100% - 215px); padding: 15px 10px 15px 51px; } }

/* ========== end △ */
.sec05 .sec-sub04 .form-btn.btn-next { border-radius: 40px; max-width: 300px; width: 300px; background: #0c89b7; }

.sec05 .sec-sub04 .form-btn.btn-next:before { position: absolute; content: ""; right: 16px; top: 50%; border-radius: 50%; border: 7px solid #fff; width: 25px; height: 25px; margin: -13px 0 0; }

.sec05 .sec-sub04 .form-btn.btn-next input { background: none; background-size: 8px 13px; font-size: 20px; line-height: 1.5; letter-spacing: 0.02em; font-weight: bold; border-radius: 40px; width: 300px; height: 70px; }

.sec05 .sec-sub04 .block-pp { max-width: 1040px; border: 5px solid #e5f2f7; border-radius: 10px; padding: 45px 11px 47px; background: #ffffff; margin: 39px auto 49px; }

.sec05 .sec-sub04 .block-pp .pp-ttl01 { text-align: center; font-size: 24px; line-height: 1.45833; letter-spacing: 0.06em; font-weight: bold; margin: 0 0 10px; }

.sec05 .sec-sub04 .block-pp .pp-ttl01 span { display: inline-block; position: relative; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/line02.png") repeat-x center bottom; background-size: auto 15px; padding: 0 0 22px; }

.sec05 .sec-sub04 .block-pp .scrollbar-inner .scroll-content { max-height: 350px; }

.sec05 .sec-sub04 .block-pp .box-line .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; }

.sec05 .sec-sub04 .block-pp .box-line .pp-lst li:before { top: 11px; background: #c9e7f0; width: 10px; height: 10px; }

.sec05 .sec-sub04 .block-pp .has-scroll-y > .scroll-element .scroll-element_track { background-color: transparent; }

.sec05 .sec-sub04 .block-pp .has-scroll-y > .scroll-element.scroll-y { width: 8px; }

.sec05 .sec-sub04 .block-pp .has-scroll-y > .scroll-element .scroll-bar { background-color: #0a7aaa; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec05 .sec-sub04 { padding: 50px 0 50px; }
  .sec05 .sec-sub04 .form-block { border-radius: 10px 10px 20px 0; padding: 63px 15px 35px 25px; }
  .sec05 .sec-sub04 .form-content .form-label { top: 6px; height: 29px; font-size: 14px; line-height: 2; }
  .sec05 .sec-sub04 .form-content .form-label.hissu { background: #03d6ff; }
  .sec05 .sec-sub04 .form-content input[type="text"], .sec05 .sec-sub04 .form-content .form-input, .sec05 .sec-sub04 .form-content input[type="email"], .sec05 .sec-sub04 .form-content input[type="tel"] { height: 45px; }
  .sec05 .sec-sub04 .form-content .form-dl { border-bottom: 0; }
  .sec05 .sec-sub04 .form-content .form-dl .form-dd .ext01 { font-size: 15px; line-height: 1.53333; }
  .sec05 .sec-sub04 .form-btn.btn-next { border-radius: 30px; max-width: 280px; width: 280px; }
  .sec05 .sec-sub04 .form-btn.btn-next input { font-size: 16px; line-height: 1.5; width: 280px; height: 60px; }
  .sec05 .sec-sub04 .block-pp { border: 3px solid #cddff1; padding: 25px 5px 20px 10px; margin: 0 auto 25px; }
  .sec05 .sec-sub04 .block-pp .pp-ttl01 { font-size: 22px; line-height: 1.59091; margin: 0 0 15px; }
  .sec05 .sec-sub04 .block-pp .pp-ttl01 span { background-size: auto 6px; padding: 0 3px 15px; }
  .sec05 .sec-sub04 .block-pp .scrollbar-inner .scroll-content { max-height: 430px; padding: 0 5px 0 0; }
  .sec05 .sec-sub04 .block-pp .box-line .desc01 { font-size: 16px; line-height: 1.875; letter-spacing: 0.06em; }
  .sec05 .sec-sub04 .block-pp .box-line .pp-lst li:before { top: 10px; width: 8px; height: 8px; }
  .sec05 .sec-sub04 .block-pp .has-scroll-y > .scroll-element.scroll-y { width: 5px; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .sec05 .sec-sub01 { padding: 0 0 5px; }
  .sec05 .sec-sub02 { padding: 20px 0 30px; }
  .sec05 .sec-sub02:before { height: 60px; left: 0; top: -32px; }
  .sec05 .sec-sub02:after { width: 100%; height: 60px; left: 0; bottom: -25px; }
  .sec05 .sec-sub02__inner { padding: 40px 0 40px; }
  .sec05 .sec-sub02 .per01 { top: -60px; margin: 0 0 0 40px; }
  .sec05 .sec-sub02 .re-lp-ttl02 { margin-bottom: 24px; }
  .sec05 .sec-sub02 .qa { border-bottom: 4px solid #c9e7f0; border-radius: 10px; margin: 0 0 12px; }
  .sec05 .sec-sub02 .qa .ques { padding: 10px 0 10px 0; border-radius: 10px; }
  .sec05 .sec-sub02 .qa .ques:after { right: 15px; width: 16px; height: 16px; margin: -8px 0 0; }
  .sec05 .sec-sub02 .qa .ques .ttl { font-size: 16px; line-height: 1.5; padding: 8px 40px 7px 42px; }
  .sec05 .sec-sub02 .qa .ques .ttl:before { left: 10px; top: 6px; width: 50px; height: 30px; font-size: 24px; line-height: 1.25; }
  .sec05 .sec-sub02 .qa .ans { position: relative; padding: 0 0 38px 66px; display: none; margin: 0 0 0; }
  .sec05 .sec-sub02 .qa .ans p { padding: 0; color: #1d1d1d; font-size: 16px; line-height: 1.875; letter-spacing: 0.02em; font-weight: 400; }
  .sec05 .sec-sub03 { padding: 45px 0 45px; }
  .sec05 .sec-sub03 .desc01 { text-align: left; font-size: 15px; line-height: 1.6; margin: 0 0 35px; }
  .sec05 .sec-sub03 .ttl02 span { font-size: 18px; line-height: 1.66667; padding: 0 0 15px; }
  .sec05 .sec-sub03 .ttl02 span:after { height: 120px; background-size: auto 12px; bottom: -10px; }
  .sec05 .sec-sub03 .rows01 { margin: 25px 0 0; }
  .sec05 .sec-sub03 .rows01 .col { border-radius: 10px; padding: 15px 10px 23px 0; margin: 0 0 20px; }
  .sec05 .sec-sub03 .rows01 .col .col-ttl { font-size: 18px; line-height: 1.38889; padding: 0 20px 10px; }
  .sec05 .sec-sub03 .rows01 .col .col-info { border-radius: 0 10px 10px; padding: 25px 10px 25px; }
  .sec05 .sec-sub03 .rows01 .col .col-info ul li { font-size: 15px; line-height: 1.6; padding: 0 0 0 20px; }
  .sec05 .sec-sub03 .rows01 .col .col-info ul li:after { width: 12px; height: 9px; left: 0; top: 10px; }
  .sec05 .sec-sub03 .block01 { border: 4px solid #ffeeb5; border-radius: 12px; padding: 55px 10px 25px; margin: 55px 0 0; }
  .sec05 .sec-sub03 .block01 .lst-dot01 li { font-size: 15px; line-height: 1.6; padding: 0 0 0 18px; }
  .sec05 .sec-sub03 .block01 .lst-dot01 li:after { font-size: 15px; line-height: 1.6; width: 16px; height: 28px; left: 0; top: 1px; z-index: 1; }
  .sec05 .sec-sub03 .block01 .block01-ttl { font-size: 15px; line-height: 1.6; margin: 0 0 25px; position: absolute; left: 10px; top: -33px; right: 10px; text-align: center; }
  .sec05 .sec-sub03 .block01 .block01-ttl span { font-size: 18px; line-height: 1.38889; padding: 10px 25px 10px; }
  .sec05 .sec-sub03 .block02 { border-radius: 10px; margin: 40px 0 0; padding: 25px 12px 25px; }
  .sec05 .sec-sub03 .block02 .block02-ttl { font-size: 18px; line-height: 1.33333; margin: 0 0 17px; }
  .sec05 .sec-sub03 .block02 .block02-ttl span { padding: 0 0 5px; }
  .sec05 .sec-sub03 .block02 .block02-desc p { font-size: 15px; line-height: 1.6; }
  .sec05 .sec-sub04 { background-size: auto 21px; padding: 45px 0 45px; }
  .sec05 .sec-sub04 .form-block { border-radius: 10px 10px 10px 0; padding: 25px 15px; }
  .sec05 .sec-sub04 .form-content .form-label { top: 1px; height: 25px; font-size: 14px; line-height: 1.71429; }
  .sec05 .sec-sub04 .form-content input[type="text"], .sec05 .sec-sub04 .form-content .form-input, .sec05 .sec-sub04 .form-content input[type="email"], .sec05 .sec-sub04 .form-content input[type="tel"] { height: 45px; max-width: 100%; }
  .sec05 .sec-sub04 .form-content .form-area { height: 50px; }
  .sec05 .sec-sub04 .form-content .form-dl { border-bottom: 0; }
  .sec05 .sec-sub04 .form-content .form-dl .form-dt { padding: 0 55px 0 0px; }
  .sec05 .sec-sub04 .form-content .form-dl .form-dd .ext01 { font-size: 15px; line-height: 1.6; }
  .sec05 .sec-sub04 .form-content .form-dl .note-red { margin: 5px 0 0; }
  .sec05 .sec-sub04 .form-content .form-dl .boxfile { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* Hiệu ứng hover */ /* Icon thư mục */ }
  .sec05 .sec-sub04 .form-content .form-dl .boxfile .boxfile__ip { width: 100%; }
  .sec05 .sec-sub04 .form-content .form-dl .boxfile .boxfile__txt { max-width: 100%; padding: 10px 0 0 0; font-size: 15px; line-height: 1.6; }
  .sec05 .sec-sub04 .form-content .form-dl .boxfile input[type="file"] { display: none; }
  .sec05 .sec-sub04 .form-content .form-dl .boxfile .custom-file-upload { padding: 10px 19px; width: 100%; }
  .sec05 .sec-sub04 .form-content .form-dl .boxfile .custom-file-upload:hover { background-color: #eaf5fa; border-color: #b9d3de; }
  .sec05 .sec-sub04 .form-content .form-dl .boxfile .custom-file-upload .icon { width: 18px; height: 18px; flex-shrink: 0; stroke: #555; }
  .sec05 .sec-sub04 .form-btn.btn-next { max-width: 260px; width: 260px; }
  .sec05 .sec-sub04 .form-btn.btn-next:before { position: absolute; content: ""; right: 13px; top: 50%; border-radius: 50%; border: 5px solid #fff; width: 20px; height: 20px; margin: -10px 0 0; }
  .sec05 .sec-sub04 .form-btn.btn-next input { background: none; background-size: 8px 13px; font-size: 18px; line-height: 1.38889; border-radius: 60px; width: 300px; height: 60px; }
  .sec05 .sec-sub04 .block-pp { border: 3px solid #cddff1; padding: 25px 5px 20px 10px; margin: 0 auto 25px; }
  .sec05 .sec-sub04 .block-pp .pp-ttl01 { font-size: 20px; line-height: 1.75; margin: 0 0 15px; }
  .sec05 .sec-sub04 .block-pp .pp-ttl01 span { background-size: auto 6px; padding: 0 3px 15px; }
  .sec05 .sec-sub04 .block-pp .scrollbar-inner .scroll-content { max-height: 590px; padding: 0 5px 0 0; }
  .sec05 .sec-sub04 .block-pp .box-line .desc01 { font-size: 15px; line-height: 1.53333; }
  .sec05 .sec-sub04 .block-pp .box-line .pp-lst li:before { top: 10px; width: 8px; height: 8px; }
  .sec05 .sec-sub04 .block-pp .has-scroll-y > .scroll-element.scroll-y { width: 5px; } }

/* ========== end △ */
.lp-footer { text-align: center; background: url("https://stage.jns-ke.com/wp-content/themes/jns-ke/assets/images/recruit/bg09.jpg") repeat center center; background-size: cover; padding: 84px 20px 100px; }

.lp-footer .desc p { font-size: 20px; line-height: 1.8; letter-spacing: 0.06em; font-weight: bold; color: #fff; margin: 0 0 38px; }

.lp-footer .desc p:last-child { margin-bottom: 0; }

.lp-footer .btn-backhome { text-align: center; margin: 47px 0 0; }

.lp-footer .btn-backhome a { text-decoration: none; background: #ffc80a; display: inline-block; color: #fff; font-size: 16px; line-height: 2.25; letter-spacing: 0.06em; font-weight: 500; padding: 16px 20px 17px; border-radius: 60px; width: 100%; max-width: 285px; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; position: relative; }

.lp-footer .btn-backhome a:before { position: absolute; content: ""; right: 16px; top: 50%; border-radius: 50%; border: 7px solid #fff; background: #0a7aaa; width: 24px; height: 24px; margin: -12px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .lp-footer .btn-backhome a:hover { opacity: 0.6; } }

/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .lp-footer { padding: 45px 10px 45px; }
  .lp-footer .desc p { font-size: 16px; line-height: 1.875; text-align: left; margin: 0 0 25px; }
  .lp-footer .desc p:last-child { margin-bottom: 0; }
  .lp-footer .btn-backhome { margin: 25px 0 0; }
  .lp-footer .btn-backhome a { font-size: 15px; line-height: 2; padding: 16px 10px 17px; max-width: 245px; } }

/* ========== end △ */
.confirm .sec05 { padding: 200px 0 0; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .confirm .sec05 { padding: 100px 0 0; } }

/* ========== end △ */
.confirm .form-btn.btn-next input { border-radius: 50px; }

.confirm .l-header:before { opacity: 0.8; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .confirm .l-header { -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; padding: 10px 0 10px; }
  .confirm .l-header .hright .gnavi ul li a { color: #202020; } }

/* ========== end △ */
.confirm .sec05 { padding-bottom: 50px; }

.confirm .form-btn.btn-next.form-btn--back { background: #22ac38; }

.thanks .l-header:before { opacity: 0.8; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .thanks .l-header { -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; padding: 10px 0 10px; }
  .thanks .l-header .hright .gnavi ul li a { color: #202020; } }

/* ========== end △ */
.thanks .sec05 { padding-bottom: 50px; }

.thanks .sec-thanks { padding-top: 150px; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .thanks .sec-thanks { padding-top: 100px; } }

/* ========== end △ */
.thanks .sec-thanks .btn-backhome a { background: #24AC38; max-width: 260px; width: 260px; }

.thanks .sec-thanks .btn-backhome a:before { position: absolute; content: ""; right: 13px; top: 50%; border-radius: 50%; border: 5px solid #fff; width: 20px; height: 20px; margin: -10px 0 0; }

.marker {
  background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.4) 60%);
}
/*# sourceMappingURL=maps/recruit_lp.css.map */