@charset "UTF-8";
    *,
::before,
::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
}   html {
-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; line-height: 1.15; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: bold;
}
dd {
margin-left: 0;
}   hr {
box-sizing: content-box; height: 0; margin: 0;
clear: both;
overflow: visible; border-top-width: 1px;
color: inherit;
} pre {
font-size: inherit; font-family: monospace, monospace; }
address {
font-style: inherit;
}   a {
background-color: transparent;
color: inherit;
text-decoration: none;
} abbr[title] {
text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-size: inherit; font-family: monospace, monospace; } small {
font-size: 80%;
} sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
border-radius: 0;
outline: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: inherit;
vertical-align: middle;
} [type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
cursor: default;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} select::-ms-expand {
display: none;
} option {
padding: 0;
} fieldset {
min-width: 0;
margin: 0;
padding: 0;
} legend {
display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable] {
outline: none;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
text-align: left;
}
td,
th {
padding: 0;
vertical-align: top;
}
th {
font-weight: bold;
text-align: left;
}   template {
display: none;
} [hidden] {
display: none;
}
:root {     } html {
font-size: 62.5%;
}
body {
word-wrap: break-word;
display: flex;
flex-direction: column;
min-height: 100vh;
overflow-x: hidden;
background-color: #fff;
color: #333;
font-size: 1.6rem;
font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
line-break: strict;
overflow-wrap: break-word;
}
@media (max-width: 767px) {
body {
font-family: sans-serif;
}
}
p {
font-size: 18px;
line-height: 2.22222;
}
@media (max-width: 767px) {
p {
font-size: 14px;
line-height: 2.14286;
}
}
a {
text-decoration: underline;
}
[href^="tel"] {
text-decoration: none;
pointer-events: none;
}
img {
max-width: 100%;
height: auto;
line-height: 1;
}
dt {
font-weight: normal;
}
iframe,
video {
display: block;
max-width: 100%;
}
video,
[src*="youtube.com"] {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
hr {
width: 92.85714%;
margin-right: auto;
margin-left: auto;
border-top: 1px solid #999;
}
@media (max-width: 767px) {
hr {
width: 100%;
}
} .ly_inner {
box-sizing: content-box;
max-width: 1180px;
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
} .aspect-ratio {
position: relative;
height: 0;
overflow: hidden;
}
.aspect-ratio.-fullhd {
padding-top: 56.25%;
}
.aspect-ratio > *:only-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .btn {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
background-color: transparent;
line-height: 1;
font-family: inherit;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: opacity 0.2s ease-out,
background-color 0.2s ease-out,
color 0.2s ease-out;
} .btn.-opacity:hover,
.btn.-opacity:focus {
opacity: 0.8;
}
.btn.-opacity-lighter:hover,
.btn.-opacity-lighter:focus {
opacity: 0.66;
} .btn.-left {
text-align: left;
} .btn.-white {
color: #fff;
}
.btn.-black {
color: #333;
}
.btn.-blue {
color: #2162af;
}
.btn.-darkblue {
color: #17447a;
}
.btn.-lightblue {
color: #007ff5;
}
.btn.-gold {
color: #8a6f31;
}
.btn.-bg-white {
background-color: #fff;
}
.btn.-bg-black {
background-color: #333;
}
.btn.-bg-gold {
background-color: #8a6f31;
}
.btn.-bg-blue {
background-color: #2162af;
}
.btn.-bg-darkblue {
background-color: #17447a;
}
.btn.-bg-lightblue {
background-color: #007ff5;
} .counter-root {
counter-reset: i;
} .ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ellipsis-multi {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
} .flexGrid {
display: flex;
flex-wrap: wrap;
}
.flexGrid.-col1 > * {
width: 100%;
}
.flexGrid.-col2 > * {
width: 50%;
}
.flexGrid.-col3 > * {
width: 33.33333%;
}
.flexGrid.-col4 > * {
width: 25%;
}
.flexGrid.-col5 > * {
width: 20%;
}
.flexGrid.-col6 > * {
width: 16.66666%;
}
.flexGrid.-col7 > * {
width: 14.28571%;
}
.flexGrid.-col8 > * {
width: 12.5%;
}
@media (max-width: 767px) {
.flexGrid.-col1-s > * {
width: 100%;
}
.flexGrid.-col2-s > * {
width: 50%;
}
.flexGrid.-col3-s > * {
width: 33.33333%;
}
.flexGrid.-col4-s > * {
width: 25%;
}
.flexGrid.-col5-s > * {
width: 20%;
}
.flexGrid.-col6-s > * {
width: 16.66666%;
}
.flexGrid.-col7-s > * {
width: 14.28571%;
}
.flexGrid.-col8-s > * {
width: 12.5%;
}
} .icon-prepend::before,
.icon-append::after {
font-weight: 900;
font-family: 'font awesome 5 free';
}
.icon-prepend::before {
margin-right: 0.5em;
}
.icon-append::after {
margin-left: 0.5em;
}
.icon-prepend.-weak::before,
.icon-append.-weak::after {
opacity: 0.5;
}
.icon-prepend.-caret::before,
.icon-append.-caret::after {
content: '\f0da';
}
.icon-prepend.-caret-left::before {
content: '\f0d9';
}
.icon-prepend.-angle::before,
.icon-append.-angle::after {
content: '\f105';
}
.icon-prepend.-angle-left::before {
content: '\f104';
}
.icon-prepend.-chevron::before,
.icon-append.-chevron::after {
content: '\f054';
}
.icon-prepend.-chevron-left::before {
content: '\f053';
}
.icon-prepend.-chevron-circle::before,
.icon-append.-chevron-circle::after {
content: '\f138';
}
.icon-prepend.-chevron-circle-left::before {
content: '\f137';
}
.icon-prepend.-search::before,
.icon-append.-search::after {
content: '\f002';
}
.icon-prepend.-clock::before,
.icon-append.-clock::after {
content: '\f017';
}
.icon-prepend.-folder-open::before,
.icon-append.-folder-open::after {
content: '\f07c';
} .grecaptcha-badge {
visibility: hidden;
} .visually-hidden {
clip: rect(0 0 0 0) !important;
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
white-space: nowrap !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
}
@media (max-width: 767px) {
.visually-hidden-sp {
clip: rect(0 0 0 0) !important;
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
white-space: nowrap !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
}
}
@media not all and (max-width: 767px) {
.visually-hidden-pc {
clip: rect(0 0 0 0) !important;
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
white-space: nowrap !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
}
} .adjacentPostLinks {
display: flex;
margin-top: 60px;
}
.adjacentPostLinks li::before,
.adjacentPostLinks li::after {
font-size: 0.875em;
}
.adjacentPostLinks .icon-append {
margin-left: auto;
}
.adjacentPostLinks a:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.adjacentPostLinks {
margin-top: 30px;
font-size: 14px;
}
} .articleList {
margin: -16px;
}
.articleList > li {
padding: 16px;
}
.articleList .blogCard {
border: 1px solid #ccc;
}
@media (max-width: 767px) {
.articleList {
margin: -10px;
}
.articleList > li {
padding: 10px;
}
} .bgSect {
position: relative;
}
.bgSect__inner {
z-index: 1;
position: relative;
}
.bgSect__bg {
position: absolute;
pointer-events: none;
}
.bgSect__bg img {
width: 100%;
} .blogCard {
display: block;
height: 100%;
background-color: #fff;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.05);
font-size: 16px;
line-height: 1.5;
text-decoration: none;
transition: opacity 0.2s ease-out;
}
.blogCard:focus,
.blogCard:hover {
opacity: 0.8;
}
.blogCard__image {
position: relative;
padding-top: 66.66666%;
overflow: hidden;
}
.blogCard__image img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translate(-50%, -50%);
border: 6px solid #fff;
font-family: 'object-fit: cover;';
}
.blogCard__main {
margin-top: -6px;
padding: 20px;
}
.blogCard__meta {
display: flex;
align-items: center;
}
.blogCard__tags {
margin-left: 25px;
}
.blogCard__tag {
padding-right: 0.5em;
padding-left: 0.5em;
background-color: #2162af;
color: #fff;
font-size: 13px;
}
.blogCard__time {
line-height: 1;
}
.blogCard__title {
max-height: 4.5em;
margin-top: 10px;
}
@media (max-width: 767px) {
.blogCard {
font-size: 14px;
line-height: 1.71429;
}
} .blogSect {
padding-top: 45px;
padding-bottom: 30px;
background-image: linear-gradient(to bottom, #c9f0f8 0px, #c9f0f8 2px, #b9ebf5 2px, #b9ebf5 6px);
background-size: 1px 6px;
}
.blogSect__header {
line-height: 1;
text-align: center;
}
.blogSect__title {
color: #17447a;
font-weight: bold;
font-size: 30px;
}
.blogSect__title-en {
margin-top: 16px;
color: #ccc;
font-size: 16px;
line-height: inherit;
letter-spacing: 0.15em;
mix-blend-mode: multiply;
}
.blogSect__body {
margin-top: 35px;
}
.blogSect__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -16px;
}
.blogSect__list > li {
width: 25%;
padding: 16px;
}
.blogSect__linkList {
margin-top: 30px;
}
.blogSect__linkList li {
font-size: 14px;
text-align: right;
}
.blogSect__linkList .icon-prepend::before {
color: #007ff5;
}
.blogSect__linkList a {
text-decoration: none;
}
.blogSect__linkList a:focus,
.blogSect__linkList a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.blogSect__list {
margin: -8px;
}
.blogSect__list > li {
width: 50%;
padding: 8px;
}
}
@media (max-width: 575px) {
.blogSect {
padding-top: 30px;
padding-bottom: 30px;
}
.blogSect__title {
font-size: 18px;
}
.blogSect__title-en {
margin-top: 10px;
font-size: 13px;
}
.blogSect__body {
margin-top: 20px;
}
.blogSect__linkList {
margin-top: 30px;
}
.blogSect__linkList li {
text-align: center;
} .blogSect__inner {
padding-right: 0;
padding-left: 0;
overflow-x: hidden;
}
.blogSect__body {
overflow: visible;
}
.blogSect__list {
flex-wrap: nowrap;
justify-content: flex-start;
margin: 0;
}
.blogSect__list > li {
width: 100%;
padding: 0;
}
} .breadcrumb {
display: flex;
margin-bottom: -39px;
}
.breadcrumb > li {
font-size: 13px;
line-height: 3;
white-space: nowrap;
}
.breadcrumb > li:last-child {
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb > li + li::before {
margin-right: 1em;
margin-left: 1em;
content: '\f105';
font-weight: 900;
font-family: 'font awesome 5 free';
}
@media (max-width: 767px) {
.breadcrumb {
margin-bottom: 0;
}
.breadcrumb > li {
font-size: 12px;
}
.breadcrumb > li + li::before {
margin-right: 0.5em;
margin-left: 0.5em;
}
}  .commonSect {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 767px) {
.commonSect {
padding-top: 30px;
padding-bottom: 30px;
}
} .commonSect__title {
color: #17447a;
font-weight: bold;
font-size: 36px;
line-height: 1.33333;
text-align: center;
}
.commonSect__text {
margin-top: 40px;
}
@media (max-width: 767px) {
.commonSect__title {
font-size: 18px;
}
.commonSect__text {
margin-top: 20px;
}
} .commonSect__inner h1,
.commonSect__inner h2 {
color: #17447a;
font-weight: bold;
font-size: 36px;
line-height: 1.33333;
}
.commonSect__inner h3 {
font-weight: bold;
font-size: 32px;
}
.commonSect__inner h3::after {
display: block;
width: 56px;
height: 7px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
background-color: #17447a;
content: '';
}
.commonSect__inner h4 {
font-size: 28px;
}
.commonSect__inner h5 {
font-size: 24px;
}
.commonSect__inner h6 {
font-size: 20px;
}
.commonSect__inner p {
margin-top: 40px;
}
.commonSect__inner ol {
font-size: 16px;
line-height: 2;
counter-reset: i;
}
.commonSect__inner ol > *::before {
margin-right: 0.25em;
content: counter(i) '.';
color: #007ff5;
counter-increment: i;
}
.commonSect__inner ul {
font-size: 16px;
line-height: 2;
}
.commonSect__inner ul > *::before {
display: inline-block;
width: 0.5em;
height: 0.5em;
margin-right: 0.5em;
border-radius: 50%;
background-color: #007ff5;
content: '';
line-height: 1;
}
.commonSect__inner > * + * {
margin-top: 40px;
}
.commonSect__inner > * + h1,
.commonSect__inner > * + h2,
.commonSect__inner > * + h3,
.commonSect__inner > * + h4,
.commonSect__inner > * + h5,
.commonSect__inner > * + h6 {
margin-top: 80px;
}
@media (max-width: 767px) {
.commonSect__inner h1,
.commonSect__inner h2 {
font-size: 18px;
}
.commonSect__inner h3 {
font-size: 17px;
}
.commonSect__inner h3::after {
width: 35px;
height: 4px;
margin-top: 10px;
}
.commonSect__inner h4 {
font-size: 17px;
}
.commonSect__inner h5 {
font-size: 16px;
}
.commonSect__inner h6 {
font-size: 14px;
}
.commonSect__inner p {
margin-top: 20px;
}
.commonSect__inner > * + * {
margin-top: 20px
}
.commonSect__inner > * + h1,
.commonSect__inner > * + h2,
.commonSect__inner > * + h3,
.commonSect__inner > * + h4,
.commonSect__inner > * + h5,
.commonSect__inner > * + h6 {
margin-top: 40px;
}
} .ctaSect {
padding-top: 80px;
padding-bottom: 80px;
background-repeat: no-repeat;
background-position-x: right;
}
.ctaSect__inner {
text-align: center;
}
.ctaSect__title {
color: #17447a;
font-weight: bold;
font-size: 24px;
line-height: 1;
}
.ctaSect__logo {
width: 360px;
margin-top: 25px;
margin-right: auto;
margin-left: auto;
line-height: 1;
}
.ctaSect__btns {
margin-top: 55px;
}
.ctaSect__btn {
display: block;
max-width: 480px;
margin-right: auto;
margin-left: auto;
border-radius: 4px;
background: linear-gradient(to bottom, #f4a000 0%,#f18b00 100%);
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
color: #fff;
font-weight: bold;
font-size: 18px;
line-height: 72px;
}
@media (max-width: 767px) {
.ctaSect {
padding-top: 48px;
padding-bottom: 48px;
background-size: cover;
background-position-x: center;
}
.ctaSect__title {
font-size: 14px;
}
.ctaSect__logo {
width: 216px;
margin-top: 15px;
}
.ctaSect__btns {
margin-top: 32px;
margin-right: 20px;
margin-left: 20px;
}
.ctaSect__btn {
max-width: 400px;
border-radius: 3px;
font-size: 14px;
line-height: 44px;
}
} .descList dt {
padding: 1em;
border-radius: 4px;
background-color: #17447a;
color: #fff;
font-weight: bold;
font-size: 18px;
line-height: 1.15;
text-align: center;
}
.descList dd {
padding-top: 15px;
padding-bottom: 15px;
font-size: 18px;
line-height: 1.88889;
}
@media (max-width: 767px) {
.descList dt {
padding: 0.75em;
border-radius: 3px;
font-size: 16px;
}
.descList dd {
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
line-height: 2.14286;
}
} .domainSect {
padding-top: 70px;
padding-bottom: 60px;
overflow: hidden;
}
.domainSect__title.heading-primary {
color: #8a6f31;
}
.domainSect__lead {
margin-top: 40px;
text-align: justify;
}
.domainSect__subSect {
margin-top: 50px;
}
.domainSubSect__title {
color: #17447a;
font-weight: bold;
font-size: 24px;
}
.domainSubSect__listwrapper {
margin-top: 30px;
}
.domainSubSect.-domain .domainSubSect__list {
margin: -10px -25px;
}
.domainSubSect.-domain .domainSubSect__list > li {
padding: 10px 25px;
}
.domainSubSect.-position .domainSubSect__list {
margin: -10px;
}
.domainSubSect.-position .domainSubSect__list > li {
padding: 10px;
}
.domainSubSect__note {
margin-top: 40px;
}
@media (max-width: 767px) {
.domainSect {
padding-top: 30px;
padding-bottom: 30px;
}
.domainSect__lead {
margin-top: 20px;
}
.domainSubSect__title {
font-size: 16px;
}
.domainSect__subSect {
margin-top: 30px;
}
.domainSubSect__listwrapper {
margin-top: 20px;
}
.domainSubSect.-domain .domainSubSect__list {
margin: -5px;
}
.domainSubSect.-domain .domainSubSect__list > li {
padding: 5px;
}
.domainSubSect.-position .domainSubSect__list {
margin: -5px;
}
.domainSubSect.-position .domainSubSect__list > li {
padding: 5px;
}
.domainSubSect__note {
margin-top: 20px;
}
} .employersSect {
position: relative;
padding-top: 100px;
padding-bottom: 170px;
background-color: #fcfbf7;
}
.employersSect__inner {
z-index: 1;
position: relative;
}
.employersSect__title.heading-primary {
color: #8a6f31;
}
.employersSect__text {
margin-top: 40px;
text-align: center;
}
.employersSect__btns {
margin-top: 90px;
}
.employersSect__btn {
display: block;
max-width: 400px;
margin-right: auto;
margin-left: auto;
border-radius: 4px;
font-weight: bold;
font-size: 16px;
line-height: 60px;
}
.employersSect__bg {
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.employersSect {
padding-top: 30px;
padding-bottom: 120px;
}
.employersSect__text {
margin-top: 20px;
text-align: justify;
}
.employersSect__text br {
display: none;
}
.employersSect__btns {
margin-top: 20px;
}
.employersSect__btn {
margin-right: 20px;
margin-left: 20px;
border-radius: 3px;
font-size: 14px;
line-height: 44px;
}
.employersSect__bg {
width: 60%;
opacity: 0.5;
}
} .footer {
margin-top: auto;
}
.footer__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer__nav {
padding-top: 35px;
padding-bottom: 35px;
background-color: #17447a;
}
.footer__menu {
display: flex;
flex-wrap: wrap;
}
.footer__menu li {
margin-right: 2em;
color: #fff;
font-size: 13px;
line-height: 2;
}
.footer__menu li.menu-item-home {
display: none;
}
.footer__menu li::before {
margin-right: 0.5em;
content: '\f0da';
font-weight: 900;
font-family: 'font awesome 5 free';
}
.footer__menu a {
text-decoration: none;
}
.footer__menu a:focus,
.footer__menu a:hover {
text-decoration: underline;
}
.footer__btns {
display: flex;
flex: 1 0 auto;
max-width: 460px;
margin-left: auto;
}
.footer__btns li {
width: 50%;
background-color: #fff;
}
.footer__btns .btn {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding-right: 1em;
padding-left: 1em;
background-color: #2162af;
color: #fff;
font-weight: bold;
font-size: 13px;
text-align: left;
}
.footer__btns .btn[href*="employers"] {
background-color: #8a6f31;
}
.footer-primaryCont {
padding-top: 30px;
padding-bottom: 26px;
}
.footer__logo {
width: 280px;
}
.footer__meta {
margin-top: 12px;
font-size: 13px;
line-height: 1.53846;
}
.footer__meta li:first-child span {
margin-right: 1em;
}
.footer__meta dl {
display: flex;
}
.footer__meta dt::after {
content: '：';
}
.footer__copyright {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #ccc;
}
.footer__copyright > p {
font-size: 11px;
line-height: 1;
text-align: center;
}
@media (max-width: 767px) {
.footer__inner {
display: block;
}
.footer__nav {
padding-top: 0;
padding-bottom: 20px;
}
.footer__nav .footer__inner {
padding-right: 0;
padding-left: 0;
}
.footer__menu {
flex-direction: column;
}
.footer__menu li {
position: static;
margin-right: 0;
border-top: 1px solid #456995;
line-height: 1.15;
}
.footer__menu li.menu-item-home {
display: initial;
}
.footer__menu li:last-child {
border-bottom: 1px solid #456995;
}
.footer__menu li::before {
content: none;
}
.footer__menu li + li {
margin-left: 0;
}
.footer__menu a {
display: flex;
align-items: center;
height: 100%;
padding: 15px;
padding-right: 15px;
}
.footer__menu a::after {
position: static;
width: auto;
margin-left: auto;
background-color: transparent;
content: '\f054';
font-weight: 900;
font-family: 'Font Awesome 5 Free';
transition: none;
}
.footer__menu a:focus,
.footer__menu a:hover {
text-decoration: none;
}
.footer__btns {
display: block;
max-width: 64%;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.footer__btns li {
width: 100%;
}
.footer__btns li + li {
margin-top: 10px;
}
.footer__btns .btn {
height: 40px;
}
.footer__main {
padding-top: 30px;
padding-bottom: 20px;
}
.footer-primaryCont {
padding-top: 0;
padding-bottom: 0;
}
.footer__logo {
width: 240px;
}
.footer__meta {
margin-top: 10px;
line-height: 1.84615;
}
.footer-secondaryCont .snsIcons {
justify-content: center;
margin-top: 15px;
}
.footer__copyright {
padding-top: 15px;
padding-bottom: 15px;
}
} [type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
max-width: 100%;
padding: 0.4em 0.8em;
border: 1px solid #ccc;
background-color: #f6f6f6;
}
[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
box-shadow: none;
}
textarea {
width: 100%;
}
:-ms-input-placeholder {
color: #777;
}
::-moz-placeholder {
color: #777;
}
::placeholder {
color: #777;
} .nf-form-cont {
max-width: 980px;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}
.nf-form-content {
padding: 0;
}
.nf-before-form-content {
margin-bottom: 2em;
} .nf-response-msg {
margin-top: 30px;
margin-bottom: 30px;
padding: 1em 1.5em;
border: 1px solid green;
background-color: #ebf5eb;
}
.nf-response-msg > p {
margin-top: 0;
}
.nf-field-container:not(html) {
margin-bottom: 40px;
}
.nf-form-content .list-select-wrap .nf-field-element>div:not(:root),
.nf-form-content input:not([type=button]):not(:root),
.nf-form-content textarea:not(:root) {
color: #333;
}
.nf-form-content .list-select-wrap .nf-field-element>div:focus:not(:root),
.nf-form-content input:not([type=button]):focus:not(:root),
.nf-form-content textarea:focus:not(:root) {
color: #333;
}
.nf-field-element li::before {
content: none;
}
.nf-field-element p {
margin-top: 0;
}
.field-wrap.date-wrap select {
padding: 0.5em;
}
.field-wrap .pikaday__container + div {
position: relative;
}
.field-wrap .pikaday__container + div::after {
position: absolute;
top: 20%;
right: -2px;
content: ':';
}
.nf-form-content input[type=button]:not(html) {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 480px;
height: 72px;
margin-right: auto;
margin-left: auto;
border-radius: 4px;
background-color: #17447a;
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: center;
transition: opacity 0.2s ease-out;
}
.nf-form-content input[type=button]:not(html):focus,
.nf-form-content input[type=button]:not(html):hover {
background-color: #17447a;
color: #fff;
opacity: 0.8;
}
@media (max-width: 767px) {
.nf-form-cont {
margin-top: 30px;
}
.nf-response-msg {
padding-right: 1.25em;
padding-left: 1.25em;
}
.nf-field-label > label:not(html) {
font-size: 16px;
}
.nf-field-container:not(#_) {
margin-bottom: 25px;
}
.nf-field-container.checkbox-container:not(#_) {
margin-bottom: 0;
}
.field-wrap.submit-wrap {
margin-right: 20px;
margin-left: 20px;
}
.nf-form-content input[type=button]:not(html) {
max-width: 400px;
height: 44px;
border-radius: 3px;
font-size: 14px;
}
} .header__inner {
display: flex;
align-items: center;
height: 60px;
padding-left: 50px;
}
.header__logo {
width: 280px;
width: min(16.66667vw, 280px);
}
.header__logo > * {
font-size: 0;
line-height: 1;
}
.header__logo a {
transition: opacity 0.2s ease-out;
}
.header__logo a:focus,
.header__logo a:hover {
opacity: 0.8;
}
.header__menuBtn {
display: none;
}
.header__nav-pc {
display: flex;
flex-grow: 1;
justify-content: space-between;
margin-left: 60px;
margin-left: min(3.57143vw, 60px);
}
.header__nav-sp {
display: none;
}
.globalMenu {
display: flex;
}
.globalMenu li {
position: relative;
font-size: 13px;
}
.globalMenu li.menu-item-home {
display: none;
}
.globalMenu a {
display: flex;
align-items: center;
height: 100%;
padding-right: 1em;
padding-left: 1em;
text-decoration: none;
}
.globalMenu a::before {
margin-right: 0.5em;
transform: translateY(1px);
content: '\f0da';
color: #007ff5;
font-weight: 900;
font-family: 'font awesome 5 free';
transition: color 0.2s ease-out;
}
.globalMenu a::after {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #f6f6f6;
content: '';
transition: width 0.2s ease-out;
}
.globalMenu a:focus::after,
.globalMenu a:hover::after {
width: 100%;
}
.header__btns {
display: flex;
flex-grow: 1;
max-width: 460px;
margin-left: 30px;
margin-left: min(1.78571vw, 30px);
}
.header__btns li {
width: 50%;
}
.header__btns .btn {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding-right: 1em;
padding-left: 1em;
background-color: #2162af;
color: #fff;
font-weight: bold;
font-size: 13px;
text-align: left;
}
.header__btns .btn[href*="employers"] {
background-color: #8a6f31;
}
@media ( max-width: 767px ) {
.header__inner {
height: 50px;
padding-left: 15px;
}
.header__logo {
flex-shrink: 0;
width: 200px;
}
.header__menuBtnWrapper {
margin-left: auto;
}
.header__menuBtn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #2162af;
color: #fff;
font-size: 10px;
}
.header__menuBtn::before {
content: '\f0c9';
font-weight: 900;
font-size: 20px;
font-family: 'font awesome 5 free';
}
.header__menuBtn > span {
margin-top: 4px;
}
.header__nav-pc {
display: none;
}
.header__nav-sp {
display: block;
z-index: 9999;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
overflow-y: auto;
background-color: #17447a;
}
.header__closeBtn {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin-left: auto;
color: #fff;
}
.header__closeBtn::before {
content: '\f00d';
font-weight: 900;
font-size: 24px;
font-family: 'font awesome 5 free';
}
.globalMenu {
flex-direction: column;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.globalMenu li {
position: static;
border-top: 1px solid #456995;
}
.globalMenu li.menu-item-home {
display: initial;
}
.globalMenu li:last-child {
border-bottom: 1px solid #456995;
}
.globalMenu a {
padding: 23px 10px 23px 15px;
color: #fff;
}
.globalMenu a::before {
content: none;
}
.globalMenu a::after {
position: static;
width: auto;
margin-left: auto;
background-color: transparent;
content: '\f054';
font-weight: 900;
font-family: 'Font Awesome 5 Free';
transition: none;
}
.globalMenu a:focus::after,
.globalMenu a:hover::after {
width: auto;
}
.header__btns {
display: block;
max-width: 64%;
margin: 20px auto;
}
.header__btns li {
width: 100%;
}
.header__btns li + li {
margin-top: 10px;
}
.header__btns .btn {
height: 40px;
}
}  body.is-modal-active {
overflow-y: hidden !important;
}
body.is-modal-active * {
pointer-events: none !important;
}
#js-menuBody {
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease-out;
}
#js-menuBody.is-active {
opacity: 1;
pointer-events: auto !important;
}
#js-menuBody.is-active * {
pointer-events: auto !important;
} .header.-employers .header__inner {
justify-content: space-between;
}
.header.-employers .header__nav-pc {
flex-grow: 0;
}
.header.-employers .header__nav {
display: flex;
flex-grow: 0;
margin-left: auto;
}
.header.-employers .header__btns li {
width: 230px;
}
@media (max-width: 767px) {
.header.-employers .header__menuBtn {
background-color: #8a6f31;
}
}
.heading-primary {
color: #17447a;
font-weight: bold;
font-size: 36px;
line-height: 1.33333;
text-align: center;
}
@media (max-width: 767px) {
.heading-primary {
font-size: 18px;
}
} .imageCardList {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -20px;
}
.imageCardList > li {
width: 33.33333%;
padding: 20px;
}
.imageCard {
height: 100%;
border: 1px solid #ccc;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.05);
}
.imageCard__image {
position: relative;
padding-top: 66.66666%;
overflow: hidden;
}
.imageCard__image img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translate(-50%, -50%);
font-family: 'object-fit: cover;';
}
.imageCard__main {
padding: 20px;
font-size: 16px;
line-height: 1.75;
}
.imageCard__title {
color: #17447a;
font-weight: bold;
font-size: 1.25em;
line-height: 1.15;
text-align: center;
}
.imageCard__text {
margin-top: 0.875em;
font-size: inherit;
line-height: inherit;
text-align: justify;
}
@media (max-width: 767px) {
.imageCardList {
margin: -10px;
}
.imageCardList > li {
width: 100%;
padding: 10px;
}
.imageCard__main {
font-size: 14px;
line-height: 1.85714;
}
} .introduceSect {
padding-top: 70px;
padding-bottom: 170px;
overflow: hidden;
}
.introduceSect__bg.bgSect__bg {
right: 0;
bottom: 0;
left: 0;
}
.introduceSect__lead {
margin-top: 20px;
text-align: center;
}
.introduceSect__listwrapper {
margin-top: 60px;
}
.introduceSect__list {
display: flex;
flex-wrap: wrap;
margin: -30px;
}
.introduceSect__list > li {
width: 50%;
padding: 30px;
}
@media (max-width: 767px) {
.introduceSect {
padding-top: 30px;
padding-bottom: 30px;
}
.introduceSect__lead {
margin-top: 14px;
text-align: justify;
}
.introduceSect__lead br {
display: none;
}
.introduceSect__listwrapper {
margin-top: 24px;
}
.introduceSect__list {
margin: -15px;
}
.introduceSect__list > li {
width: 100%;
padding: 15px;
}
} .jcProcessMedia {
display: flex;
justify-content: space-between;
}
.jcProcessMedia__main {
flex-grow: 1;
}
.jcProcessMedia__headerWrapper {
border-bottom: 1px solid #999;
}
.jcProcessMedia__header {
display: flex;
align-items: center;
margin-right: 50px;
padding-bottom: 20px;
}
.jcProcessMedia__icon {
display: flex;
flex-shrink: 0;
flex-direction: column;
align-items: center;
justify-content: center;
width: 6em;
height: 6em;
margin-right: 2em;
border-radius: 5px;
background-color: #17447a;
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 1;
font-family: 'Open Sans', sans-serif;
}
.jcProcessMedia__icon::after {
margin-top: 3px;
margin-bottom: -3px;
content: counter(i, decimal-leading-zero);
font-size: 44px;
counter-increment: i;
}
.jcProcessMedia__title {
font-weight: bold;
font-size: 30px;
line-height: 1.2;
text-align: justify;
}
.jcProcessMedia__text {
margin-top: 24px;
margin-right: 50px;
font-size: 18px;
line-height: 1.66667;
text-align: justify;
}
.jcProcessMedia__image {
flex-shrink: 0;
max-width: 400px;
}
@media (max-width: 767px) {
.jcProcessMedia {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.jcProcessMedia__main {
display: contents;
}
.jcProcessMedia__header {
margin-right: 0;
padding-bottom: 15px;
}
.jcProcessMedia__icon {
font-size: 10px;
}
.jcProcessMedia__icon::after {
font-size: 26px;
}
.jcProcessMedia__title {
font-size: 18px;
}
.jcProcessMedia__text {
order: 1;
margin-top: 1em;
margin-right: 0;
font-size: 14px;
line-height: 2.14286;
}
.jcProcessMedia__text br + br {
display: none;
}
.jcProcessMedia__image {
margin-top: 15px;
margin-right: auto;
margin-left: auto;
}
} .jcProcessSect.commonSect {
padding-bottom: 100px;
}
.jcProcessSect__text {
text-align: center;
}
.jcProcessSect__list {
margin-top: 90px;
}
.jcProcessSect__list > li + li {
margin-top: 80px;
}
@media (max-width: 767px) {
.jcProcessSect.commonSect {
padding-bottom: 30px;
}
.jcProcessSect__list {
margin-top: 30px;
}
.jcProcessSect__list > li + li {
margin-top: 40px;
}
} .nav-links {
display: flex;
justify-content: center;
margin-top: 50px;
}
.nav-links > * {
min-height: 20px;
padding: 12px 20px;
background-color: #f6f6f6;
color: #333;
font-size: 14px;
line-height: 1;
text-align: center;
text-decoration: none;
transition: background-color 0.2s ease-out,
color 0.2s ease-out;
}
.nav-links > * + * {
margin-left: 1px;
}
.nav-links > span {
background-color: #333;
color: #fff;
}
.nav-links a:hover,
.nav-links a:focus {
background-color: #2162af;
color: #fff;
} .panel {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
min-height: 144px;
border-radius: 4px;
background-size: contain;
background-color: #17447a;
}
.panel__body {
padding: 40px 20px;
color: #fff;
}
.panel__text {
font-weight: bold;
font-size: 20px;
line-height: 1.5;
text-align: center;
}
@media (max-width: 767px) {
.panel {
min-height: 72px;
border-radius: 3px;
background-position: center;
background-size: cover;
}
.panel__body {
padding: 0.75em;
}
.panel__text {
font-size: 16px;
}
} .postMeta {
display: flex;
font-size: 13px;
}
.postMeta > * {
margin-right: 2em;
}
.postMeta > *:last-child {
margin-right: 0;
}
.postMeta__taxes a {
text-decoration: underline;
}
.postMeta__taxes a:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.postMeta {
font-size: 12px;
}
} .processCard {
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid #ccc;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.05);
}
.processCard__header {
padding: 15px;
background-color: #17447a;
}
.processCard__title {
display: flex;
align-items: center;
color: #fff;
font-weight: bold;
font-size: 20px;
line-height: 1.15;
}
.processCard__title::before {
margin-right: 0.5em;
content: counter(i, decimal-leading-zero);
font-size: 2em;
line-height: 1;
font-family: 'Open Sans', sans-serif;
counter-increment: i;
opacity: 0.3;
}
.processCard__main {
flex-grow: 1;
padding: 18px 16px;
background-color: #fff;
}
.processCard__text {
font-size: 16px;
line-height: 1.75;
text-align: justify;
}
@media (max-width: 767px) {
.processCard__header {
padding: 0.5em;
}
.processCard__title {
font-size: 16px;
}
.processCard__main {
padding: 0.75em;
}
.processCard__text {
font-size: 14px;
}
} .processSect {
padding-top: 70px;
padding-bottom: 80px;
overflow: hidden;
background-color: #fcfbf7;
}
.processSect__title.heading-primary {
color: #8a6f31;
}
.processSect__lead {
margin-top: 40px;
text-align: center;
}
.processSect__listwrapper {
margin-top: 50px;
}
.processSect__list {
margin: -10px -25px;
}
.processSect__list > li {
padding: 10px 25px;
}
.processSect .processCard {
position: relative;
}
.processSect .processCard::after {
position: absolute;
top: 50%;
right: -36px;
transform: translateY(-50%);
content: '\f0da';
color: #ded7c9;
font-weight: 900;
font-size: 40px;
line-height: 1;
font-family: 'font awesome 5 free';
}
.processSect .processSect__list > li:last-child .processCard::after {
content: none;
}
.processSect .processSect__list > li:last-child .processCard__header {
background-color: #8a6f31;
}
@media (max-width: 767px) {
.processSect {
padding-top: 30px;
padding-bottom: 30px;
}
.processSect__lead {
margin-top: 20px;
text-align: justify;
}
.processSect__listwrapper {
margin-top: 30px;
}
.processSect__list > li + li {
margin-top: 20px;
}
.processSect .processCard::after {
top: unset;
right: 50%;
bottom: -40px;
transform: translate(50%, 0);
content: '\f0d7';
}
} .qandaSect {
padding-bottom: 100px;
background-image: linear-gradient(to bottom, #f9f9f9 0px, #f9f9f9 2px, #f6f6f6 2px, #f6f6f6 6px);
background-size: 1px 6px;
}
.qandaSect__text {
text-align: center;
}
.qandaSect__list {
font-size: 18px;
line-height: 2.22222;
text-align: justify;
}
.qandaSect__list dt {
display: flex;
align-items: center;
margin-top: 40px;
font-weight: bold;
font-size: 24px;
}
.qandaSect__list dt::before {
margin-right: 0.5em;
content: 'Q';
color: #007ff5;
font-size: 1.5em;
}
@media (max-width: 767px) {
.qandaSect {
padding-bottom: 30px;
}
.qandaSect__text {
text-align: justify;
}
.qandaSect__list {
font-size: 14px;
line-height: 2.14286;
text-align: justify;
}
.qandaSect__list dt {
margin-top: 24px;
font-size: 16px;
line-height: 1.5;
}
.qandaSect__list dd {
margin-top: 0.5em;
}
} .reasonSect {
padding-top: 90px;
padding-bottom: 120px;
}
.reasonSect__body {
display: flex;
margin-top: 80px;
margin-left: calc(50% - 50vw);
}
.reasonSect__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
font-family: 'object-fit: cover; object-position: right;';
}
.reasonSect__list {
max-width: 590px;
margin-top: -6px;
margin-bottom: -6px;
margin-left: 60px;
}
.reasonSect__list li {
display: flex;
font-size: 18px;
line-height: 1.66667;
text-align: justify;
}
.reasonSect__list li::before {
margin-right: 0.4em;
content: counter(i, decimal-leading-zero);
color: #2162af;
font-weight: bold;
font-size: 3.33333em;
line-height: 1;
font-family: 'Open Sans', sans-serif;
counter-increment: i;
}
.reasonSect__list li + li {
margin-top: 32px;
}
@media (max-width: 767px) {
.reasonSect {
padding-top: 40px;
padding-bottom: 55px;
}
.reasonSect__title {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.reasonSect__body {
display: block;
margin-top: 40px;
margin-left: 0;
}
.reasonSect__image {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.reasonSect__image img {
height: 66.666vw;
}
.reasonSect__list {
max-width: none;
margin-top: 25px;
margin-bottom: 0;
margin-left: 0;
}
.reasonSect__list li {
font-size: 14px;
line-height: 1.71429;
}
.reasonSect__list li::before {
font-size: 2.57143em;
}
.reasonSect__list li + li {
margin-top: 20px;
}
} .recruitSect {
padding-top: 80px;
padding-bottom: 80px;
background-color: #c9f3ff;
}
.recruitSect.bgSect {
overflow: hidden;
}
.recruitSect__inner {
display: flex;
align-items: flex-start;
}
.recruitSect__main {
z-index: 1;
position: relative;
flex-shrink: 0;
max-width: calc(50% + 30px);
padding: 40px;
padding-top: 48px;
border-radius: 5px;
background-color: #fff;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.05);
}
.recruitSect__main:only-child {
max-width: 760px;
max-width: min(760px, 100%);
margin-right: auto;
margin-left: auto;
}
.recruitSect__title {
font-weight: bold;
font-size: 28px;
text-align: center;
}
.recruitSect__title::after {
display: block;
width: 56px;
height: 7px;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
background-color: #17447a;
content: '';
}
.recruitSect__text {
margin-top: 44px;
font-size: 16px;
line-height: 1.875;
text-align: justify;
}
.recruitSect__btns {
margin-top: 24px;
margin-right: auto;
margin-left: auto;
}
.recruitSect__btn {
display: block;
max-width: 400px;
margin-right: auto;
margin-left: auto;
border-radius: 4px;
font-weight: bold;
font-size: 16px;
line-height: 60px;
}
.recruitSect__image {
flex-shrink: 0;
max-width: calc(50% + 30px);
margin-bottom: 100px;
transform: translate(-60px, 100px);
}
.recruitSect__image img {
border-radius: 5px;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.05);
}
.recruitSect__bg.bgSect__bg {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.recruitSect__bg.bgSect__bg img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover';
}
@media (max-width: 767px) {
.recruitSect {
padding-top: 30px;
padding-bottom: 30px;
}
.recruitSect__inner {
display: block;
}
.recruitSect__main {
max-width: 100%;
padding: 20px;
padding-top: 30px;
border-radius: 4px;
}
.recruitSect__title {
font-size: 17px;
}
.recruitSect__title::after {
width: 35px;
height: 4px;
margin-top: 10px;
}
.recruitSect__text {
margin-top: 24px;
font-size: 14px;
line-height: 1.85714;
}
.recruitSect__btns {
display: block;
margin-top: 14px;
}
.recruitSect__btn {
border-radius: 3px;
font-size: 14px;
line-height: 44px;
}
.recruitSect__image {
position: relative;
max-width: none;
margin-right: calc(50% - 50vw);
margin-bottom: -100px;
margin-left: calc(50% - 50vw);
padding-top: 64%;
overflow: hidden;
transform: translate(0, -70px);
}
.recruitSect__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0;
font-family: 'object-fit: cover;';
pointer-events: none;
}
.recruitSect__image::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, #c9f3ff, transparent 40%);
content: '';
}
.recruitSect__bg.bgSect__bg img {
height: auto;
-o-object-fit: fill;
object-fit: fill;
}
} .serviceSect {
padding-top: 90px;
padding-bottom: 60px;
overflow: hidden;
background-image: linear-gradient(to bottom, #f9f9f9 0px, #f9f9f9 2px, #f6f6f6 2px, #f6f6f6 6px);
background-size: 1px 6px;
}
.serviceSect__title {
font-weight: bold;
font-size: 32px;
text-align: center;
}
.serviceSect__title::after {
display: block;
width: 56px;
height: 7px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
background-color: #17447a;
content: '';
}
.serviceSect__body {
margin-top: 102px;
}
.serviceSect__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -36px -28px;
}
.serviceSect__list > li {
width: 33.33333%;
padding: 36px 28px;
}
.serviceSect .textCard__header {
position: relative;
}
.serviceSect .textCard__header::before {
position: absolute;
top: -42px;
left: 50%;
width: 176px;
height: 105px;
transform: translateX(-50%);
background-image: url(//techexsea.com/wp-content/themes/techexsea/assets/images/service_badge.png);
background-size: 100%;
background-size: 176px 105px;
content: '';
}
.serviceSect .textCard__title {
margin-top: 40px;
}
@media (max-width: 767px) {
.serviceSect {
padding-top: 45px;
padding-bottom: 30px;
}
.serviceSect__body {
margin-top: 70px;
}
.serviceSect__list {
margin: -30px -10px;
}
.serviceSect__list > li {
width: 100%;
padding: 30px 10px;
}
.serviceSect__title {
font-size: 17px;
}
.serviceSect__title::after {
width: 35px;
height: 4px;
margin-top: 10px;
}
} .postSidebar__cont + .postSidebar__cont {
margin-top: 60px;
}
.postSidebar__title {
margin-bottom: 1em;
color: #17447a;
font-weight: bold;
font-size: 20px;
}
.postSidebar__termList > li {
border-top: 1px solid #ccc;
}
.postSidebar__termList > li:last-child {
border-bottom: 1px solid #ccc;
}
.postSidebar__latestList > li + li {
margin-top: 20px;
}
.postSidebar__termList a {
display: block;
padding: 1em;
text-decoration: none;
transition: background-color 0.2s ease-out;
}
.postSidebar__termList a::before {
color: #007ff5;
}
.postSidebar__termList a:focus,
.postSidebar__termList a:hover {
background-color: #f6f6f6;
}
.postSidebar__latestList .blogCard {
border: 1px solid #ccc;
}
@media (max-width: 767px) {
.postSidebar__cont + .postSidebar__cont {
margin-top: 40px;
}
.postSidebar__title {
font-size: 16px;
}
} .snsIcons {
display: flex;
font-size: 32px;
line-height: 1;
}
.snsIcons > li + li {
margin-left: 30px;
}
.snsIcons .fa-twitter {
color: #1da1f2;
}
.snsIcons .fa-facebook {
color: #1877f2;
}
.snsIcons .fa-linkedin {
color: #2867b2;
}
.snsIcons .fa-line {
color: #00b900;
}
.snsIcons .fa-instagram {
color: #333;
} .strengthSect {
padding-top: 45px;
padding-bottom: 70px;
}
.strengthSect__title > span {
font-size: 1.66667em;
}
.strengthSect__body {
margin-top: 60px;
}
.strengthSect__list .imageCard {
position: relative;
}
.strengthSect__list .imageCard::before {
z-index: 1;
position: absolute;
top: -3px;
left: -3px;
width: 75px;
height: 74px;
background-image: url(//techexsea.com/wp-content/themes/techexsea/assets/images/field_badge.png);
background-size: 75px 74px;
content: '';
}
.strengthSect__btnWrapper {
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
.strengthSect__btn {
display: block;
max-width: 400px;
margin-right: auto;
margin-left: auto;
border-radius: 4px;
font-weight: bold;
font-size: 16px;
line-height: 60px;
}
@media (max-width: 767px) {
.strengthSect {
padding-top: 30px;
padding-bottom: 30px;
}
.strengthSect__body {
margin-top: 25px;
}
.strengthSect__btnWrapper {
display: block;
margin-top: 30px;
margin-right: 20px;
margin-left: 20px;
}
.strengthSect__btn {
border-radius: 3px;
font-size: 14px;
line-height: 44px;
}
} .subheadSect-employers__title {
position: absolute;
top: -40px;
left: 295px;
left: calc(50px + min(16.66667vw, 280px));
margin-left: 50px;
padding-right: 1.5em;
padding-left: 1.5em;
background-color: #8a6f31;
color: #fff;
font-size: 13px;
line-height: 20px;
}
.subheadSect-employers__inner {
display: flex;
position: absolute;
left: 5.95238vw;
height: 100%;
}
.subheadSect-employers__body {
display: flex;
flex-direction: column;
justify-content: center;
height: auto;
}
.subheadSect-employers__body {
color: #fff;
}
.subheadSect-employers__label {
display: table;
padding: 0.75em 5em;
border: 2px solid currentColor;
font-weight: bold;
font-size: 24px;
line-height: 1;
}
.subheadSect-employers__heading {
margin-top: 2.08333vw;
font-weight: bold;
font-size: 50px;
line-height: 1.4;
font-family: 'Yu Mincho', 'Hiragino Mincho Pro', serif;
}
.subheadSect-employers__text {
display: table;
margin-top: 5.35714vw;
font-size: 22px;
line-height: 1.81818;
}
@media (max-width: 767px) {
.subheadSect-employers {
display: flex;
flex-direction: column-reverse;
}
.subheadSect-employers__inner {
position: static;
padding: 25px 20px;
background-color: #fff;
}
.subheadSect-employers__body {
color: #17447a;
}
.subheadSect-employers__label {
padding: 0.6em 3.5em;
border-color: #17447a;
background-color: #17447a;
color: #fff;
font-size: 13px;
}
.subheadSect-employers__heading {
font-feature-settings: 'palt';
margin-top: 8px;
font-size: 22px;
line-height: 1.45455;
letter-spacing: 0.08em;
}
.subheadSect-employers__text {
margin-top: 8px;
font-size: 14px;
line-height: 1.71429;
text-align: justify;
}
.subheadSect-employers__text br {
display: none;
}
.subheadSect-employers__image {
position: relative;
}
.subheadSect-employers__image::after {
display: flex;
position: absolute;
top: 0;
left: 20px;
align-items: center;
height: 100%;
content: attr(data-title);
color: #fff;
font-weight: bold;
font-size: 18px;
}
} .subheadSect-front__text {
font-feature-settings: 'palt';
position: absolute;
bottom: 96px;
left: 50%;
width: 100%;
max-width: 1180px;
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
transform: translateX(-50%);
color: #fff;
font-weight: bold;
font-size: 22px;
line-height: 1.15;
letter-spacing: 0.1em;
text-align: center;
}
@media (max-width: 767px) {
.subheadSect-front__text {
position: static;
padding: 10px 20px;
transform: none;
background-color: #17447a;
font-size: 14px;
line-height: 1.71429;
text-align: justify;
}
} .subheadSect {
position: relative;
background-color: #0c2b44;
}
.subheadSect img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
pointer-events: none;
}
.subheadSect__title {
font-feature-settings: 'palt' 1;
position: absolute;
top: 50%;
left: 50%;
max-width: 1180px;
transform: translate(-50%, -50%);
color: #fff;
font-weight: bold;
font-size: 42px;
line-height: 1.15;
font-family: 'Yu Mincho', 'Hiragino Mincho Pro', serif;
text-align: justify;
}
@media (max-width: 767px) {
.subheadSect__title {
display: flex;
justify-content: center;
width: 100%;
padding-right: 20px;
padding-left: 20px;
font-size: 18px;
line-height: 1.333;
}
} .termListWrapper {
margin-bottom: 40px;
}
.termList {
display: flex;
align-items: center;
}
.termList__key {
margin-right: 15px;
font-weight: bold;
}
.termList__value {
margin-right: 10px;
}
.termList__value a {
display: block;
min-width: 100px;
padding: 0.5em 1.5em;
border-radius: 3px;
background-color: #17447a;
color: #fff;
font-size: 14px;
line-height: 1;
text-align: center;
text-decoration: none;
transition: opacity 0.2s ease-out;
}
.termList__value a:hover {
opacity: 0.8;
}
@media screen and (max-width: 767px) {
.termList {
flex-wrap: wrap;
}
.termList__key {
width: 100%;
margin-bottom: 10px;
}
.termList__value {
width: 49%;
margin-right: 0;
}
.termList__value:nth-of-type(odd) {
margin-right: 2%;
}
.termList__value:nth-of-type(n+3) {
margin-top: 2%;
}
} .textCard {
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid #ccc;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0.05);
}
.textCard__header {
display: flex;
align-items: center;
justify-content: center;
height: 190px;
padding-right: 20px;
padding-left: 20px;
background-color: #fff;
}
.textCard__title {
font-weight: bold;
font-size: 24px;
line-height: 1.25;
text-align: center;
}
.textCard__main {
flex-grow: 1;
padding: 14px 20px;
background-color: #f3f3f3;
text-align: justify;
}
.textCard__text {
font-size: 16px;
line-height: 1.75;
text-align: justify;
}
@media (max-width: 767px) {
.textCard__header {
height: 160px;
}
.textCard__title {
font-size: 18px;
}
.textCard__text {
font-size: 14px;
line-height: 1.85714;
}
} .textCard2 {
overflow: hidden;
border-radius: 5px;
}
.textCard2__header {
padding: 30px 15px;
background-color: #17447a;
color: #fff;
}
.textCard2__title {
font-weight: bold;
font-size: 24px;
line-height: 1.66667;
text-align: center;
}
.textCard2__main {
padding: 30px 10px;
background-color: rgba(255, 255, 255, 0.9);
}
.textCard2__text {
font-size: 18px;
line-height: 1.77778;
text-align: center;
}
@media (max-width: 767px) {
.textCard2 {
border-radius: 4px;
}
.textCard2__header {
padding: 14px 20px;
}
.textCard2__title {
font-size: 17px;
line-height: 1.64706;
}
.textCard2__main {
padding: 14px 20px;
}
.textCard2__text {
font-size: 14px;
line-height: 1.85714;
text-align: justify;
}
.textCard2__text span {
display: block;
margin-top: 10px;
line-height: 1.45455;
}
.textCard2__text br {
display: none;
}
} .postContent .commonSect {
display: flex;
}
.postContent .postContent__body {
flex-grow: 1;
max-width: 820px;
}
.postContent .postSidebar {
flex-shrink: 0;
width: 280px;
margin-left: 80px;
}
.postContent .postMeta {
display: flex;
justify-content: flex-end;
margin-top: 2em;
}
.postContent__main > *:first-child {
margin-top: 40px;
}
@media (max-width: 767px) {
.postContent .commonSect {
flex-direction: column;
}
.postContent .postContent__body {
max-width: none;
}
.postContent .postMeta {
justify-content: center;
}
.postContent .postSidebar {
width: auto;
margin-top: 60px;
margin-left: 0;
}
} .pageContent.-employers .commonSect__inner h2 {
color: #8a6f31;
}
.pageContent.-employers .nf-form-content input[type=button] {
background-color: #8a6f31;
} .commonSect__inner .rec-grp-heading {
margin-top: 60px;
margin-bottom: 30px;
font-size: 28px;
text-align: center;
}
.rec-group {
display: flex;
flex-wrap: wrap;
}
.rec-group > * {
width: calc(33.33333% - 16px);
}
.rec-group > *:not(:nth-child(3n+1)) {
margin-left: 24px;
}
.rec-group > *:nth-child(n+4) {
margin-top: 24px;
}
.rec-group:not(:root) *::before {
content: none;
}
.rec-job-info {
display: flex;
flex-wrap: wrap;
align-content: space-between;
padding: 16px;
border: 1px solid #ccc;
border-radius: 8px;
}
.rec-job-info:not(:root) {
font-size: 16px;
line-height: 1.75;
}
.rec-job-title {
width: 100%;
margin-bottom: 0.6em;
color: #007ff5;
}
.rec-job-title a {
text-decoration: none;
}
.rec-job-title a:focus,
.rec-job-title a:hover {
text-decoration: underline;
}
.zrsite_City,
.zrsite_Country,
.zrsite_Job_Type {
font-size: 14px;
}
.zrsite_Country,
.zrsite_Job_Type {
margin-left: 1em;
}
.zrsite_City > span:first-child,
.zrsite_Country > span:first-child,
.zrsite_Job_Type > span:first-child {
display: none;
}
@media (max-width: 767px) {
.commonSect__inner .rec-grp-heading {
margin-top: 40px;
margin-bottom: 20px;
font-size: 18px;
}
.rec-group {
flex-flow: column nowrap;
}
.rec-group > * {
width: 100%;
}
.rec-group > *:not(:nth-child(3n+1)) {
margin-left: 0;
}
.rec-group > *:nth-child(n+4) {
margin-top: 0;
}
.rec-group > * + *:not(#_) {
margin-top: 16px;
}
} .wp-block-button__link {
padding-top: 1.1667em;
padding-bottom: 1.1667em;
transition: opacity 0.2s ease-out;
}
.wp-block-button__link:focus,
.wp-block-button__link:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
[class="wp-block-button"] {
width: 100%;
text-align: center;
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25,
.wp-block-buttons>.wp-block-button.wp-block-button__width-50,
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: 75%;
margin-right: auto;
margin-left: auto;
}
.wp-block-button__link {
padding-top: 1.0714em;
padding-bottom: 1.0714em;
font-size: 0.875em;
}
} @media (max-width: 767px) {
.wp-block-column {
margin-top: 20px;
}
} .wp-block-cover p {
margin-top: 0;
} .wp-block-spacer {
margin-top: 0;
}  .wp-block-table {
margin-top: 50px;
font-size: 18px;
line-height: 2;
}
.wp-block-table table {
width: 100%;
table-layout: fixed;
}
.wp-block-table tr {
border-top: 1px solid #ccc;
}
.wp-block-table tr:last-child {
border-bottom: 1px solid #ccc;
}
.wp-block-table th,
.wp-block-table td {
padding: 2em;
text-align: justify;
vertical-align: middle;
}
.wp-block-table th,
.wp-block-table td:first-child {
width: 25%;
}
@media (max-width: 767px) {
.wp-block-table {
margin-top: 30px;
font-size: 14px;
line-height: 2.14286;
}
.wp-block-table tr {
display: flex;
flex-direction: column;
padding: 1em;
border-top: 1px solid #ccc;
}
.wp-block-table tr:last-child {
border-bottom: 1px solid #ccc;
}
.wp-block-table th,
.wp-block-table td {
padding: 0;
}
.wp-block-table th,
.wp-block-table td:first-child {
width: auto;
}
.wp-block-table td:last-child {
padding-top: 0.5em;
}
} .mt-S {
margin-top: 20px !important;
}
.mt-M {
margin-top: 40px !important;
}
.mt-L {
margin-top: 60px !important;
}
.mt-XL {
margin-top: 80px !important;
}
.mt-XXL {
margin-top: 100px !important;
}
@media (max-width: 767px) {
.mt-S {
margin-top: 10px !important;
}
.mt-M {
margin-top: 20px !important;
}
.mt-L {
margin-top: 30px !important;
}
.mt-XL {
margin-top: 40px !important;
}
.mt-XXL {
margin-top: 50px !important;
}
}