@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
}

iframe {
  max-width: 100%;
  vertical-align: middle;
}

picture {
  display: block;
  max-width: 100%;
}

:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Liver: #672422;
  --color-raisin-black: #232020;
  --color-satin-sheen-gold: #c3a63c;
  --color-root-beer: #200000;
  --color-silver-foil: #b0b0b0;
  --color-dark-blue: #5081a5;
  --color-dark-blue-1: #124a7b;
  --color-dark-blue-2: #e9f6ff;
  --color-black-1: #333333;
  --color-yellow: #8c7e1a;
  --color-light-yellow: #fffbdf;
  --color-light-green: #effcf3;
  --color-light-blue: #e9f6ff;
  --color-border: #adadad;
  --color-grey: #f3f3f3;
  --color-dark-blue-3: #3b5d76;
  --color-red: #ff0000;
}

@font-face {
  font-family: "Helvetica LT Pro";
  src: url("../fonts/HelveticaLTStd-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: 10px;
}

body {
  background-color: var(--color-white);
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  color: var(--color-black-1);
  line-height: 1.6;
}
body.ov-hidden {
  overflow: hidden;
}

.container {
  display: block;
  max-width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 1150px;
  }
}
@media only screen and (min-width: 768px) {
  .container-md {
    max-width: 1310px;
  }
}
@media only screen and (min-width: 768px) {
  .container-sm {
    max-width: 830px;
  }
}

.zip-error {
  color: #d93025;
  font-size: 12px;
  margin-top: 4px;
  display: none;
}

.zip-error.is-visible {
  display: block;
}

select {
  background-color: #fff !important;
}

picture {
  display: unset;
}

section {
  margin-bottom: 100px;
}

.heading-primary {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .heading-primary {
    padding-bottom: 0;
  }
}
.heading-primary__en {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: var(--color-dark-blue-1);
  opacity: 30%;
  font-family: "Helvetica LT Pro", sans-serif;
}
@media only screen and (max-width: 767px) {
  .heading-primary__en {
    font-size: 12px;
    line-height: 1.6;
  }
}
.heading-primary__en.-white {
  color: var(--color-white);
}
.heading-primary__jp {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-dark-blue-1);
}
@media only screen and (max-width: 767px) {
  .heading-primary__jp {
    font-size: 20px;
  }
}
.heading-primary__jp.-white {
  color: var(--color-white);
}

p.desc_txt {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 25.6px;
  margin: 30px 0 30px;
}
@media only screen and (max-width: 767px) {
  p.desc_txt {
    font-size: 14px;
    line-height: 22.4px;
    margin: 17px 0;
    text-align: justify;
  }
}

.heading-secondary {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.heading-secondary__en {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: var(--color-dark-blue-1);
  opacity: 30%;
  font-family: "Helvetica LT Pro", sans-serif;
}
@media only screen and (max-width: 767px) {
  .heading-secondary__en {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.heading-secondary__jp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-dark-blue-1);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .heading-secondary__jp {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
    text-align: center;
    display: block;
  }
}
.heading-secondary__jp::after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  background-color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .heading-secondary__jp::after {
    content: unset;
  }
}
.heading-secondary__jp::before {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  background-color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .heading-secondary__jp::before {
    content: unset;
  }
}

.pc-only {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media only screen and (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
}
@media only screen and (min-width: 576px) {
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-inline-block {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 4;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media only screen and (min-width: 1400px) {
  .header__logo img {
    min-width: 216px;
  }
}
.header__wrapper {
  margin: 0 auto;
  padding: 0px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .header__wrapper {
    padding: 0px 15px;
  }
}
@media only screen and (max-width: 991px) {
  .header__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 11px 15px;
  }
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hamburger {
  display: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  z-index: 10;
  background-color: #5081a5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
}
@media only screen and (max-width: 991px) {
  .hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hamburger-box {
  padding: 5px;
  width: 27px;
  height: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hamburger-box::before,
.hamburger-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition:
    transform 0.4s ease-out,
    -webkit-transform 0.4s ease-out;
  z-index: 10;
}
.hamburger-box::before {
  top: 0;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
}
.hamburger-box::after {
  bottom: 0;
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
}
.hamburger-box span {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.hamburger-box.is-opened::before {
  -webkit-transform: rotate(-45deg) translate(-1.18px, -6.08px);
  -ms-transform: rotate(-45deg) translate(-1.18px, -6.08px);
  transform: rotate(-45deg) translate(-1.18px, -6.08px);
}
.hamburger-box.is-opened::after {
  -webkit-transform: rotate(45deg) translate(-1.7px, 5.5px);
  -ms-transform: rotate(45deg) translate(-1.7px, 5.5px);
  transform: rotate(45deg) translate(-1.7px, 5.5px);
}
.hamburger-box.is-opened span {
  opacity: 0;
}

.breadcrumb {
  padding: 11px 30px;
  background-color: #f9f9f9;
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 11px 15px;
  }
}

@media screen and (max-width: 1400px) {
  .breadcrumb__wrapper {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb__wrapper {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
  }
}
.breadcrumb__wrapper::-webkit-scrollbar {
  display: none;
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumb__item:not(:last-of-type) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .breadcrumb__item:not(:last-of-type) {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.breadcrumb__item {
  color: #636363;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 300;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .breadcrumb__item {
    font-size: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.breadcrumb__link {
  text-decoration: none;
  color: #205483;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 300;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .breadcrumb__link {
    font-size: 14px;
  }
}
.breadcrumb__link:hover {
  opacity: 0.7;
}

.breadcrumb__item:not(:last-of-type)::after {
  content: "＞";
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle;
  margin-left: 6px;
  margin-right: 6px;
  color: #205483;
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  gap: 40px;
}
@media only screen and (max-width: 991px) {
  .header__nav {
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 82px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    padding: 10px 36px 36px;
    overflow-y: auto;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 17px;
    -webkit-box-shadow: 0 0 5px rgba(80, 129, 165, 0.2);
    box-shadow: 0 0 5px rgba(80, 129, 165, 0.2);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.header__nav.is-opened {
  opacity: 1;
  visibility: visible;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .header__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.header__menu .header__menu-item {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .header__menu .header__menu-item.-dropdown::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: #2699cc;
    -webkit-transition:
      width 0.3s ease,
      left 0.3s ease;
    transition:
      width 0.3s ease,
      left 0.3s ease;
  }
  .header__menu .header__menu-item.-dropdown:hover::after {
    width: 80%;
    left: 10%;
  }
}
@media screen and (max-width: 991px) {
  .header__menu .header__menu-item.-dropdown::after {
    display: none;
  }
}
.header__menu-item {
  position: relative;
}
.header__menu-link {
  font-size: 16px;
  font-weight: 300;
  color: #124a7b;
  letter-spacing: 0.05em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  padding: 27px 18px;
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .header__menu-link {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .header__menu-link {
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
  }
}
.header__menu-link:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .header__menu-link:hover {
    opacity: 1;
  }
}

.dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0px);
  -ms-transform: translateX(-50%) translateY(0px);
  transform: translateX(-50%) translateY(0px);
  background: rgba(255, 255, 255, 1);
  list-style: none;
  padding: 14px 20px;
  margin: 0;
  width: 173px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease,
    -webkit-transform 0.5s ease;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 4000;
}

.header__menu-item:hover .dropdown {
  opacity: 0.85;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.dropdown li a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.05em;
  color: #205483;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .dropdown li a {
    font-size: 15px;
  }
}

.dropdown li {
  padding-bottom: 5px;
}
@media only screen and (max-width: 991px) {
  .dropdown li {
    padding-bottom: 15px;
  }
}

.dropdown li:last-of-type {
  padding-bottom: 0;
}

.dropdown li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 991px) {
  .dropdown li a:hover {
    opacity: 1;
  }
  .header__menu-item:hover .dropdown {
    opacity: 1;
    visibility: visible;
  }
  .header__menu-item:hover {
    opacity: 1;
    visibility: visible;
  }
  .header__menu-item.active {
    opacity: 1;
    visibility: visible;
  }
  .header__menu-item.active .dropdown {
    max-height: 500px;
    opacity: 0.84;
    visibility: visible;
  }
}
@media screen and (max-width: 991px) {
  .header__menu {
    display: block;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .header__menu-item {
    position: relative;
    display: block;
    text-align: left;
    margin-bottom: 0;
    border-bottom: 1px solid #f9f9f9;
  }
  .header__menu-item:last-child {
    border-bottom: unset;
  }
  .header__menu-link {
    display: inline-block;
    padding: 15px 18px;
    cursor: pointer;
    position: relative;
    width: 100%;
  }
  .dropdown {
    position: relative;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    visibility: hidden;
  }
  /* open dropdown */
  .header__menu-item.active .dropdown {
    max-height: 500px;
    padding-bottom: 20px;
    opacity: 1;
    visibility: visible;
  }
  .dropdown li a {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .header__menu-link {
    padding: 17px 20px;
    position: relative;
  }
  .header__menu-item.-dropdown > .header__menu-link::after {
    content: "";
    background-color: #5081a5;
    width: 16px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: -7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .header__menu-item.-dropdown > .header__menu-link::before {
    content: "";
    background-color: #5081a5;
    width: 2px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition:
      transform 0.3s ease,
      -webkit-transform 0.3s ease;
  }
}
.header__menu-item.active > .header__menu-link::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .header__info {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .header__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.header__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 45px;
}
@media only screen and (max-width: 1199px) {
  .header__contact {
    gap: 20px;
  }
}
.header__contact-item {
  position: relative;
}
.header__contact-item:first-child::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 21px;
  background-color: #333;
  right: -20px;
  top: 3px;
}
@media only screen and (max-width: 1199px) {
  .header__contact-item:first-child::after {
    right: -10px;
  }
}
.header__contact-link {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5714285714;
  color: #333;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1199px) {
  .header__contact-link {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .header__contact-link {
    font-size: 16px;
  }
}
.header__contact-link:hover {
  opacity: 0.7;
}

.header__search {
  position: relative;
  overflow: hidden;
}
.header__search-input {
  width: 150px;
  height: 28px;
  border: none;
  background-color: #ebebeb;
  color: #a0a0a0;
  font-size: 14px;
  padding: 5px 27px 5px 6px;
}
@media only screen and (max-width: 767px) {
  .header__search-input {
    width: 100%;
    height: 40px;
    background-size: 20px;
    background-position: 190px;
    padding: 12px 40px 12px 10px;
    font-size: 16px;
  }
}
.header__search-input:focus-visible {
  outline: none;
  color: #333;
}
.header__search button {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  background-color: #ebebeb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.207' height='15.207' viewBox='0 0 15.207 15.207'%3E%3Cg id='Group_776' data-name='Group 776' transform='translate(-1160 -63)'%3E%3Cg id='Ellipse_13' data-name='Ellipse 13' transform='translate(1160 63)' fill='none' stroke='%23a0a0a0' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5' fill='none'/%3E%3C/g%3E%3Cline id='Line_6' data-name='Line 6' x2='5' y2='5' transform='translate(1169.5 72.5)' fill='none' stroke='%23a0a0a0' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 14.5px;
  background-position: center;
  background-repeat: no-repeat;
  top: 1px;
  right: 0;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__search button:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .header__search button {
    width: 40px;
    height: 40px;
  }
}

.header .btn-primary {
  padding: 9px 25px 9px 6px;
  max-width: 179px;
  position: relative;
  border: 1px solid #c0c0c0;
  border-radius: 0;
  background-color: #124a7b;
  font-weight: 600;
}
@media only screen and (max-width: 991px) {
  .header .btn-primary {
    max-width: 300px;
    font-size: 16px;
    letter-spacing: 0.05em;
    padding: 7px 25px 7px 6px;
  }
}
.header .btn-primary::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.353516 10.3535L5.35352 5.35352L0.353515 0.353516' stroke='white'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.353516 10.3535L5.35352 5.35352L0.353515 0.353516' stroke='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #e9f6ff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .header .btn-primary::after {
    width: 16px;
    height: 16px;
    right: 45px;
  }
}
.header .btn-primary:hover {
  text-align: #124a7b;
}
.header .btn-primary:hover::after {
  background-color: #124a7b;
}

.footer__top {
  background-color: #124a7b;
}
.footer__top-wpr {
  padding: 50px 0 93px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .footer__top-wpr {
    padding: 44px 0 67px;
  }
}
.footer__btm {
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  font-weight: 300;
  color: #000;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .footer__btm {
    font-size: 10px;
    padding: 14px 0;
    text-align: center;
  }
}
.footer__top-wpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .footer__top-wpr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
  }
}
.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 28px;
}
@media only screen and (max-width: 991px) {
  .footer__nav {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px;
    padding-left: 22px;
  }
}
.footer__nav.-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 73px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 32px;
  padding-left: 0;
}
@media only screen and (max-width: 991px) {
  .footer__nav.-row {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__nav.-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 18px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__img {
    max-width: 344px;
    width: 100%;
    margin: 0 auto;
  }
}
.footer__list {
  line-height: 1.4;
}
.footer__link {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.05em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .footer__link {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__link {
    font-size: 16px;
  }
}
.footer__link:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .footer__link:hover {
    opacity: 1;
  }
}
.footer__link-logo {
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px;
  width: 100%;
  max-width: 289px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.footer__link-logo:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .footer__link-logo:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 991px) {
  .footer__link-logo {
    padding: 12px;
    max-width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__link-logo {
    margin: 0 auto;
    max-width: 344px;
  }
}
.footer__img {
  display: block;
}
@media only screen and (max-width: 767px) {
  .footer__img {
    max-width: 164px;
  }
}
.footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 50px;
}
@media only screen and (max-width: 991px) {
  .footer__row {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  .footer__row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 35px;
  }
}
.footer__ttl {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #fff;
  padding-left: 10px;
  margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .footer__ttl {
    font-size: 18px;
  }
}
.footer__ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 17px;
  background-color: white;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.scroll-to-top {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: #124a7b;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  position: absolute;
  right: 0;
  top: -40px;
  z-index: 2;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scroll-to-top:hover {
  opacity: 0.9;
}
.scroll-to-top::before {
  display: block;
  content: "";
  width: 24px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.707' height='13.061' viewBox='0 0 24.707 13.061'%3E%3Cpath id='Path_25915' data-name='Path 25915' d='M-9975.655-2258.08l12-12,12,12' transform='translate(9976.009 2270.787)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.btn-primary {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  background-color: var(--color-dark-blue);
  border-radius: 4px;
  padding: 13px 6px;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 200px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .btn-primary {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-primary {
    padding: 11px 40px;
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}
.btn-primary:hover {
  background-color: var(--color-white);
  color: var(--color-dark-blue);
  border-color: var(--color-dark-blue);
}
.btn-primary a {
  color: #ffffff;
  text-decoration: none;
}
.btn-primary.-lg {
  max-width: 245px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .btn-primary.-lg {
    max-width: 280px;
  }
}
.btn-temp {
  font-size: 16px;
  color: #5081a5;
  line-height: 1.65625;
  padding: 13px 10px;
  min-width: 245px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  margin-top: 30px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .btn-temp {
    font-size: 14px;
    min-width: 200px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-temp {
    font-size: 16px;
    min-width: 280px;
    margin-top: 15px;
    margin-inline: auto;
    display: block;
  }
}
.btn-temp:hover {
  background-color: #5081a5;
  border: 1px solid #fff;
  color: #fff;
}
.btn-temp.--large {
  min-width: 262px;
}
.btn-temp.--blue {
  background-color: #124a7b;
  color: #fff;
}
.btn-temp.--blue:hover {
  background-color: #fff;
  border: 1px solid #124a7b;
  color: #124a7b;
}
.btn-temp.--yellow {
  background-color: #8c7e1a;
  color: #fff;
}
.btn-temp.--yellow:hover {
  background-color: #fff;
  border: 1px solid #8c7e1a;
  color: #8c7e1a;
}
.btn-temp.--green {
  background-color: #0e762d;
  color: #fff;
}
.btn-temp.--green:hover {
  background-color: #fff;
  border: 1px solid #0e762d;
  color: #0e762d;
}
.btn-tertiary {
  display: block;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
  color: #fff;
  background-color: #124a7b;
  padding: 13px 10px;
  max-width: 262px;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #124a7b;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-tertiary:hover {
  background-color: #fff;
  color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .btn-tertiary {
    font-size: 14px;
    max-width: 280px;
    padding: 14px 10px;
  }
}

.floating-btn {
  right: 22px;
  bottom: 20px;
  z-index: 100;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #c0c0c0;
  background-color: #124a7b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  max-width: 341px;
  margin: 50px auto 0;
  height: 64px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .floating-btn {
    max-width: 309px;
    width: 100%;
    height: 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.floating-btn:hover {
  opacity: 0.7;
}
.floating-btn__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
  background-color: #124a7b;
  max-width: 341px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .floating-btn__wrapper {
    gap: 4px;
    max-width: 275px;
  }
}
.floating-btn__text {
  font-size: 15px;
  line-height: 1.92;
  color: #fff;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .floating-btn__text {
    font-size: 14px;
  }
}
.floating-btn__text:after {
  display: block;
  content: "";
  width: 10px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.353516 10.3535L5.35352 5.35352L0.353515 0.353516' stroke='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.floating-btn img {
  margin-top: -18px;
  margin-left: 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .floating-btn img {
    max-height: 61px;
    margin-top: -9px;
    margin-left: 0;
  }
}

.register.register-work.-sales {
  position: relative;
}

.floating-btn-holder {
  margin: 50px auto 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .floating-btn-holder {
    margin: 25px auto 0;
  }
}

.floating-btn {
  position: fixed;
  right: 22px;
  bottom: 20px;
  z-index: 100;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1490196078);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 2px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .floating-btn {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .floating-btn.-full {
    bottom: 10px;
  }
}
.floating-btn.-width {
  max-width: 278px;
}
.floating-btn.-width img {
  margin-left: 20px;
  max-height: 83px;
  margin-top: -15px;
}
.floating-btn.-width .floating-btn__wrapper {
  gap: 7px;
}

.floating-btn.is-docked {
  position: static;
}
.floating-btn-holder.is-floating .floating-btn {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  right: 27px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media only screen and (max-width: 767px) {
  .floating-btn-holder.is-floating .floating-btn {
    left: initial;
    right: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: initial;
  }
}
.floating-btn-holder.is-floating .floating-btn__wrapper {
  background-color: transparent;
  gap: 0;
  padding: 0;
  width: initial;
}
.floating-btn-holder.is-floating .floating-btn__text {
  font-size: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.2714285714;
  width: 76px;
  height: 76px;
  border-radius: 76px;
  background-color: #124a7b;
  padding: 5px;
  margin: -7px;
  border: 1px solid #c0c0c0;
}
.floating-btn-holder.is-floating .floating-btn__text::after {
  content: none;
}
.floating-btn-holder.is-floating .floating-btn img {
  margin-top: 0;
  position: relative;
  z-index: 2;
}

.floating-btn-holder-company {
  right: 18px;
  bottom: 20px;
  z-index: 1000;
  margin: 0;
}
.floating-btn-holder-company .floating-btn {
  position: relative;
  bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .floating-btn-holder-company .floating-btn {
    right: 5px !important;
  }
}

/* floating state */
.floating-btn-holder-company.is-floating {
  position: fixed;
}

/* docked state (above footer) */
.floating-btn-holder-company.is-docked-footer {
  position: absolute;
}

.floating-btn-holder-staff .floating-btn {
  height: 64px;
}

.floating-btn-holder-temp .floating-btn-holder-temp img {
  margin-top: -10px;
}
@media only screen and (max-width: 767px) {
  .floating-btn-holder-temp .floating-btn-holder-temp img {
    margin-top: -15px;
  }
}
.floating-btn-holder-temp .floating-btn {
  height: 64px;
}

@media only screen and (max-width: 767px) {
  .floating-btn-holder-business .floating-btn__wrapper {
    max-width: 300px;
  }
}
.floating-btn-holder-business.is-floating .floating-btn__text {
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .floating-btn-holder .floating-btn.-width img {
    max-height: 65px;
    margin-top: -10px;
  }
}

.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination__item {
  background-color: var(--color-black);
  height: 30px;
  min-width: 30px;
}
.pagination__item:not(:last-of-type) {
  margin-right: 10px;
}
.pagination__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: var(--color-white);
  height: 100%;
  padding: 7px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pagination__item a:hover {
  opacity: 0.7;
}
.pagination__item.-dots {
  background-color: transparent;
  min-width: auto;
}
.pagination__item.-dots a {
  color: var(--color-black);
  padding-left: 0;
  padding-right: 0;
}
.pagination__item.-active {
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}
.pagination__item.-active a {
  color: var(--color-black);
}
.pagination__item.-prev a,
.pagination__item.-next a {
  position: relative;
  width: auto;
}
.pagination__item.-prev a::after,
.pagination__item.-next a::after {
  content: "";
  background-image: url(../img/pagination-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 6px;
  width: 8px;
  position: absolute;
}
.pagination__item.-prev a {
  padding: 5px 7px 5px 20px;
}
.pagination__item.-prev a:after {
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pagination__item.-next a {
  padding: 5px 20px 5px 7px;
}
.pagination__item.-next a:after {
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.page-temporary .business {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
@media only screen and (max-width: 767px) {
  .page-temporary .hero {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 575px) {
  .page-temporary .hero {
    margin-bottom: 152px !important;
  }
}

.temp {
  padding-bottom: 30px !important;
}
@media only screen and (max-width: 991px) {
  .temp {
    padding: 40px 5px !important;
  }
}
@media only screen and (max-width: 767px) {
  .temp {
    padding: 36px 0 !important;
  }
}
@media (max-width: 767px) and (min-width: 500px) {
  .temp picture {
    width: 70%;
    text-align: center;
    margin: 0 auto;
  }
}
.temp-content {
  margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .temp-content {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .temp-content {
    margin-top: 40px;
  }
}
.temp__wpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 32px;
}
@media only screen and (max-width: 767px) {
  .temp__wpr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.temp__wpr img {
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 410/380;
}
@media only screen and (max-width: 1199px) {
  .temp__wpr img {
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .temp__wpr img {
    width: 100%;
    text-align: center;
    max-width: 343px;
    height: 335px;
  }
}
.temp__content {
  max-width: 678px;
}
@media only screen and (max-width: 1199px) {
  .temp__content {
    max-width: 500px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .temp__content {
    margin-top: 0px;
  }
}
.temp__box {
  padding: 13px 26px;
  margin-left: 8px;
  margin-bottom: 26px;
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 0 #e3ebf1;
  box-shadow: 3px 3px 0 #e3ebf1;
}
@media only screen and (max-width: 767px) {
  .temp__box {
    padding: 20px;
    margin-left: 0;
    margin-bottom: 17px;
  }
}
.temp__box:last-child {
  margin-bottom: 0;
}
.temp__ttl {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 14px;
  position: relative;
  margin-left: 14px;
}
@media only screen and (max-width: 991px) {
  .temp__ttl {
    font-size: 18px;
    margin-bottom: 8px;
    margin-left: 18px;
  }
}
.temp__ttl::before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #000;
  left: -18px;
  top: 10px;
}
@media only screen and (max-width: 767px) {
  .temp__ttl::before {
    top: 8px;
  }
}
.temp__ttl.-blue {
  color: #124a7b;
}
.temp__ttl.-blue::before {
  background-color: #5081a5;
}
.temp__ttl.-ylw {
  color: #b0a23e;
}
.temp__ttl.-ylw::before {
  background-color: #b0a23e;
}
.temp__ttl.-green {
  color: #0e762d;
}
.temp__ttl.-green::before {
  background-color: #0e762d;
}
.temp__desc {
  font-size: 16px;
  line-height: 1.5;
  margin-left: 12px;
}
@media only screen and (max-width: 991px) {
  .temp__desc {
    font-size: 14px;
    margin-left: 16px;
  }
}

.job-type {
  position: relative;
  padding: 98px 20px;
  overflow: hidden;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .job-type {
    padding: 59px 15px;
  }
}
.job-type__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  height: 68%;
}
@media only screen and (max-width: 767px) {
  .job-type__background {
    height: 83%;
  }
}
.job-type__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.job-type__container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.job-type__ttl {
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .job-type__ttl {
    margin-bottom: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .job-type__ttl .heading-primary__en {
    padding-bottom: 5px;
  }
}
.job-type__links-wpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px 10px;
  margin-bottom: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 990px;
  margin-inline: auto;
}
@media only screen and (max-width: 991px) {
  .job-type__links-wpr {
    gap: 12px;
    margin: 16px 0 38px;
  }
}
.job-type__link {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
  color: #124a7b;
  background-color: #fff;
  border-radius: 4px;
  padding: 9px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .job-type__link {
    font-size: 14px;
    padding: 7px 20px;
  }
}
.job-type__link.-extra {
  background-color: transparent;
  color: #fff;
  padding: 9px 10px;
}
.job-type__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .job-type__cards {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .job-type__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.job-type__card {
  border-radius: 8px;
  background-color: #fffef6;
  max-width: 540px;
  width: 100%;
  padding: 60px;
}
@media only screen and (max-width: 1199px) {
  .job-type__card {
    padding: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .job-type__card {
    padding: 37px 20px;
    max-width: 100%;
  }
}
.job-type__card--left {
  background-color: #fffbdf;
}
.job-type__card--right {
  background-color: #effcf3;
}
.job-type__card-title {
  font-size: 28px;
  color: #8c7e1a;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 22px;
}
@media only screen and (max-width: 991px) {
  .job-type__card-title {
    font-size: 18px;
    margin-bottom: 18px;
  }
}
.job-type__card-title.-green {
  color: #0e762d;
}
.job-type__card-text {
  font-size: 16px;
  text-align: left;
  color: #333;
  line-height: 1.6;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .job-type__card-text {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.job-type__card-button {
  display: inline-block;
  min-width: 200px;
  padding: 14px 32px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .job-type__card-button {
    padding: 13px 32px;
  }
}
.job-type__card-button:hover {
  opacity: 0.9;
}
.job-type__card-button--gold {
  background: #d4af37;
  border: 1px solid #d4af37;
}
.job-type__card-button--gold:hover {
  background-color: #fff;
  color: #d4af37;
}
.job-type__card-button--green {
  background: #228b22;
  border: 1px solid #228b22;
}
.job-type__card-button--green:hover {
  background-color: #fff;
  color: #228b22;
}

.plan {
  padding: 0 !important;
}
@media only screen and (max-width: 767px) {
  .plan .heading {
    padding-bottom: 14px !important;
  }
}

.temp-plan {
  margin-bottom: 0;
}
.temp-plan .plan__wrapper {
  padding: 100px 0 127px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .temp-plan .plan__wrapper {
    padding: 100px 0 84px;
  }
}
.temp-plan .plan__content {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .temp-plan .plan__content {
    padding: 35px 20px 51px;
  }
}
@media only screen and (max-width: 767px) {
  .temp-plan .plan__text {
    text-align: left;
  }
}
.temp-plan .plan__btn {
  padding: 13px 50px;
  max-width: 262px;
}
@media only screen and (max-width: 767px) {
  .temp-plan .plan__btn {
    max-width: 280px;
  }
}

.merit {
  padding-top: 112px;
}
@media only screen and (max-width: 1199px) {
  .merit {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .merit {
    margin-bottom: 58px;
    padding-top: 75px;
  }
}
.merit .heading-primary {
  text-align: center;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .merit .heading-primary {
    padding-bottom: 20px;
  }
}
.merit__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  padding-top: 64px;
}
@media only screen and (max-width: 1199px) {
  .merit__row {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .merit__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
    padding-top: 0;
    gap: 40px;
  }
}
.merit__col {
  width: 50%;
  position: relative;
  padding: 58px 68px 34px;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .merit__col {
    padding: 54px 50px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .merit__col {
    width: 100%;
    padding: 34px 20px 16px;
  }
}
.merit__col.-ylw {
  border: 4px solid #c6b751;
}
.merit__col.-green {
  border: 4px solid #429f5e;
}
.merit__ttl {
  font-size: 20px;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.6;
  background-color: #c6b751;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 4px 30px;
  position: absolute;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  .merit__ttl {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .merit__ttl {
    padding: 7px 30px;
  }
}
.merit__ttl.-green {
  background-color: #429f5e;
}
.merit__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .merit__box {
    margin-bottom: 20px;
  }
}
.merit__box.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.merit__box img {
  aspect-ratio: 140/140;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (max-width: 991px) {
  .merit__box img {
    max-width: 100px;
  }
}
.merit__text {
  font-size: 16px;
  line-height: 1.6;
}
.merit__text.-right {
  text-align: right;
}
@media only screen and (max-width: 1199px) {
  .merit__text {
    font-size: 14px;
  }
}

.mv {
  margin-bottom: 0;
}

.livable_kv {
  width: 100%;
  height: 83vh;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .livable_kv {
    height: auto;
  }
}
.livable_kv picture {
  display: unset;
}
.livable_kv picture img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.fv_wrapper {
  background-color: var(--color-dark-blue);
  padding: 25px 23px;
  position: absolute;
  bottom: 100px;
  left: -webkit-calc(50% - 640px);
  left: calc(50% - 640px);
  opacity: 0.9;
  width: 614px;
  padding: 26px 29px 21px 25px;
  border-radius: 8px;
  color: #ffffff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.fv_wrapper::after {
  content: "";
  position: absolute;
  width: 203px;
  height: 232px;
  bottom: 0;
  right: 0;
  background-image: url("../img/mv/fv_title_decor.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .fv_wrapper::after {
    width: 145px;
    height: 165px;
  }
}
@media only screen and (max-width: 1399px) {
  .fv_wrapper {
    left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .fv_wrapper {
    position: absolute;
    left: 50%;
    bottom: -80px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 20px 18px;
  }
}
.fv_wrapper .fv {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .fv_wrapper .fv {
    max-width: 500px;
  }
}

.company_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Helvetica LT Pro", sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .company_name {
    font-size: 14px;
    gap: 12px;
  }
}
.company_name .logo {
  width: 30px;
  height: 46px;
}
@media only screen and (max-width: 767px) {
  .company_name .logo {
    width: 18px;
    height: 27px;
  }
}
.company_name .logo img {
  width: 100%;
}
.company_name p {
  -ms-flex-line-pack: center;
  align-content: center;
}

.catchphrase {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 40px;
  line-height: 67.2px;
  margin: 8px 0 8px;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 17px;
}
@media only screen and (max-width: 767px) {
  .catchphrase {
    font-size: 22px;
    line-height: 35.2px;
    margin: 2px 0 12px;
    padding-bottom: 15px;
  }
}

.info {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .info {
    font-size: 14px;
    line-height: 22.4px;
  }
}

.about_us {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  width: 100%;
  border-radius: 8px;
  text-align: center;
  margin: -50px auto;
  overflow: hidden;
  padding: 56px 20px;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media (max-width: 1300px) {
  .about_us {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .about_us {
    padding: 40px 20px;
    margin-top: 103px;
  }
}
.about_us-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.about_us-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about_us-info {
  position: relative;
  width: 100%;
}
.about_us .desc_txt {
  margin: 20px 0 30px;
}
@media only screen and (max-width: 767px) {
  .about_us .desc_txt {
    margin: 17px 0;
  }
}
.about_us .heading-primary {
  padding-bottom: 0;
}

.service {
  padding-top: 150px;
}
@media only screen and (max-width: 991px) {
  .service {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .service {
    margin-bottom: 0;
    padding-top: 0;
  }
}
.service_content {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 23px;
}
@media only screen and (max-width: 991px) {
  .service_content {
    gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .service_content {
    padding-left: 12px;
    gap: 12px;
    margin-bottom: 5px;
  }
}
.service .desc_txt {
  margin: 30px 0 26px;
}
@media only screen and (max-width: 767px) {
  .service .desc_txt {
    margin: 0 0 16px;
  }
}
.service-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .service-btn {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .service-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}
.service_ttl {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  font-family: "Helvetica LT Pro", sans-serif;
  color: #124a7b;
  letter-spacing: 2px;
  line-height: 1.6;
  padding-block: 22px;
}
@media only screen and (max-width: 991px) {
  .service_ttl {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .service_ttl {
    font-size: 20px;
  }
}
.service_ttl::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 24px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgb(0, 174, 239)),
    to(rgb(80, 129, 165))
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 174, 239) 0%,
    rgb(80, 129, 165) 100%
  );
  background: linear-gradient(
    180deg,
    rgb(0, 174, 239) 0%,
    rgb(80, 129, 165) 100%
  );
  top: 48%;
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .service_ttl::before {
    left: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .service_ttl {
    font-size: 14px;
    padding-block: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .service .desc_txt {
    margin: 0 0 16px;
  }
}
.service_num {
  font-family: "Helvetica LT Pro", sans-serif;
  line-height: 1;
  color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-text-stroke-color: #5081a5;
  -webkit-text-stroke-width: 1px;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .service_num {
    gap: 12px;
  }
}
.service_num .active {
  font-size: 72px;
  color: #124a7b;
  -webkit-text-stroke-color: #124a7b;
  -webkit-text-stroke-width: 1px;
}
@media only screen and (max-width: 767px) {
  .service_num .active {
    font-size: 46px;
  }
}
.service_num span {
  font-size: 40px;
}
@media only screen and (max-width: 991px) {
  .service_num span {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .service_num span {
    font-size: 24px;
  }
}
.service_heading {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  color: #124a7b;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .service_heading {
    font-size: 20px;
    margin-bottom: 11px;
  }
}
.service_inner {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  background: white;
  overflow: hidden;
}
.service_inner-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 100%;
  position: relative;
  padding-bottom: 80px;
  gap: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .service_inner-row {
    gap: 60px;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 991px) {
  .service_inner-row {
    gap: 30px;
    max-width: 855px;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row {
    max-width: 100%;
    gap: 15px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:first-child {
    padding-top: 112px;
  }
}
.service_inner-row:last-child {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .service_inner-row:last-child {
    padding-bottom: 60px;
  }
}
.service_inner-row:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: auto;
  padding-left: 160px;
}
@media only screen and (max-width: 1199px) {
  .service_inner-row:nth-of-type(odd) {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-inline: 15px;
  }
}
.service_inner-row:nth-of-type(odd) .service_inner-img img {
  border-radius: 8px 0 0 8px;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 720/432;
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(odd) .service_inner-img img {
    border-radius: 8px;
  }
}
.service_inner-row:nth-of-type(odd)::before {
  content: "";
  position: absolute;
  background-image: url(../img/service/service_bg_decor_left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 198px;
  height: 417px;
  top: 41%;
  left: 2%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1199px) {
  .service_inner-row:nth-of-type(odd)::before {
    left: -100px;
    top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(odd)::before {
    background-image: url(../img/service/service_bg_decor_left-sp.svg);
    width: 120px;
    height: 280px;
    top: 17%;
    left: 17%;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(3)::before {
    top: 12%;
    left: 17%;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:last-of-type::before {
    top: 0%;
    right: -13%;
  }
}
.service_inner-row:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: auto;
  padding-right: 160px;
}
@media only screen and (max-width: 1199px) {
  .service_inner-row:nth-of-type(even) {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-inline: 15px;
  }
}
.service_inner-row:nth-of-type(even)::before {
  content: "";
  position: absolute;
  background-image: url(../img/service/service_bg_decor_right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 202px;
  height: 432px;
  top: 35%;
  right: -10%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1199px) {
  .service_inner-row:nth-of-type(even)::before {
    top: 30%;
    right: -290px;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(even)::before {
    background-image: url(../img/service/service_bg_decor_right-sp.svg);
    width: 120px;
    height: 280px;
    top: 6%;
    right: -15%;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(even):last-of-type::before {
    top: 2%;
    right: -16%;
  }
}
.service_inner-row:nth-of-type(even) .service_inner-img img {
  border-radius: 0 8px 8px 0;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 720/432;
}
@media only screen and (max-width: 767px) {
  .service_inner-row:nth-of-type(even) .service_inner-img img {
    border-radius: 8px;
  }
}
.service_inner-col {
  position: relative;
}
.service_inner-col:first-of-type {
  -webkit-box-flex: 7.377;
  -ms-flex: 7.377;
  flex: 7.377;
}
@media only screen and (max-width: 991px) {
  .service_inner-col:first-of-type {
    -webkit-box-flex: 4.377;
    -ms-flex: 4.377;
    flex: 4.377;
  }
}
@media only screen and (max-width: 767px) {
  .service_inner-col:first-of-type {
    width: 100%;
  }
}
.service_inner-col:last-of-type {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 51.167%;
  flex: 1 0 51.167%;
}
@media only screen and (max-width: 767px) {
  .service_inner-col:last-of-type {
    width: 100%;
  }
}
.service_inner-img {
  position: relative;
  z-index: 1;
}
.service_inner-img img {
  width: 100%;
}
.service_itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.service_info {
  width: 480px;
}
.service_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-family: "Helvetica LT Pro", sans-serif;
  font-size: 40px;
  font-weight: bold;
  -webkit-text-stroke: 1px #5081a5;
  color: #ffffff;
}
.service_top p.sv_txt {
  font-size: 20px;
  line-height: 32px;
  color: #124a7b;
  letter-spacing: 1px;
}
.service_top span.active {
  font-size: 72px;
  color: #124a7b;
}
.service_img {
  width: 720px;
  height: 100%;
}
.service_img img {
  width: 100%;
}
.service h2.service_title {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 51.2px;
  color: #124a7b;
}
@media only screen and (min-width: 1200px) {
  .service .btn-primary {
    padding: 14px 6px;
  }
}

section.news,
section.join_us {
  padding-bottom: 0;
}

.news {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.news-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.news-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.news_container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 93px 0 100px;
}
@media only screen and (max-width: 767px) {
  .news_container {
    padding: 60px 15px;
  }
}
.news_container .heading_eng {
  font-family: "Helvetica LT Pro", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 1px;
  color: #ffffff;
  opacity: 0.6;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .news_container .heading_eng {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.news_container .heading-primary {
  padding-bottom: 0;
  margin-bottom: -5px;
}
.news_container .heading_jp {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 51.2px;
  color: #ffffff;
  text-align: center;
  margin-bottom: -15px;
}
@media only screen and (max-width: 767px) {
  .news_container .heading_jp {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
  }
}
.news_list {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  color: #ffffff;
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .news_list {
    margin-top: 25px;
  }
}
.news a {
  text-decoration: none;
  color: #ffffff;
}
.news_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #ffffff;
  padding: 14px 20px 14px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news_item:first-child {
  border-top: 1px solid #ffffff;
}
.news_item:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .news_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
    padding: 8px 20px;
  }
}
.news_date {
  font-size: 14px;
  font-weight: 600;
  line-height: 22.4px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .news_date {
    margin-left: 0;
  }
}
.news_title {
  font-size: 14px;
  font-weight: 300;
  line-height: 22.4px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news .toggle-btn {
  max-width: 245px;
  width: 100%;
  padding: 13px;
  margin: 33px auto 0;
  border-radius: 4px;
  display: block;
  text-align: center;
  color: var(--color-dark-blue);
  background-color: var(--color-white);
  border: none;
  cursor: pointer;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 300;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .news .toggle-btn {
    max-width: 280px;
    padding: 13px 0;
    font-size: 14px;
    line-height: 22.4px;
    margin-top: 20px;
  }
}
.news .toggle-btn:hover {
  background-color: var(--color-dark-blue);
  color: var(--color-white);
  border-color: var(--color-white);
}

.join_us {
  margin-bottom: 0;
  position: relative;
}
.join_us .heading__primary {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .join_us .desc_txt {
    margin: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .join_us .btn-primary {
    max-width: 280px;
  }
}
.join_us-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.join_us-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.join_us_banner {
  width: 100%;
  padding: 80px 0;
}
@media only screen and (max-width: 767px) {
  .join_us_banner {
    padding: 60px 15px;
    min-height: 652px;
  }
}

.heading-primary {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .heading-primary {
    text-align: center;
  }
}

.join_us_desc {
  max-width: 640px;
  width: 100%;
  border-radius: 8px;
  margin-left: clamp(24px, 12vw, 168px);
  padding: 49px 68px 49px 60px;
  background-color: #fff;
  opacity: 0.9;
  -webkit-box-shadow: 3px 3px 0 #e3ebf1;
  box-shadow: 3px 3px 0 #e3ebf1;
  position: relative;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
.join_us_desc::after {
  content: "";
  position: absolute;
  width: 157px;
  height: 261px;
  bottom: 0;
  right: -9px;
  background-image: url("../img/news/bg_decor.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.join_us_desc div {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .join_us_desc::after {
    width: 128px;
    height: 192px;
  }
}
@media only screen and (max-width: 767px) {
  .join_us_desc {
    background: url("../img/news/bg_content_decor_sp.png") no-repeat
      center/cover;
    padding: 40px 20px;
    margin-left: 0;
    max-width: 100%;
    -webkit-box-shadow: 3px 3px 0 #e3ebf1;
    box-shadow: 3px 3px 0 #e3ebf1;
  }
}
@media only screen and (max-width: 767px) {
  .join_us_desc h1.heading__primary {
    text-align: center;
  }
}

section.group {
  padding: 92px 0 96px;
}
@media only screen and (max-width: 767px) {
  section.group {
    padding: 60px 0;
  }
}

.group {
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.group-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.group-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.group_heading {
  text-align: center;
}
.group .heading__primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .group .heading__primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.group .heading__primary::before,
.group .heading__primary::after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  background-color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .group .heading__primary::before,
  .group .heading__primary::after {
    display: none;
  }
}
.group_container {
  max-width: 1150px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}
.group p.desc_txt {
  text-align: center;
  font-size: 16px;
  margin: 20px 0 22px;
}
@media only screen and (max-width: 767px) {
  .group p.desc_txt {
    text-align: justify;
    margin: 14px 0 22px;
    font-size: 14px;
  }
}
.group_companies {
  max-width: 1007px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .group_companies {
    gap: 25px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .group_companies {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    gap: 32px;
    margin-top: 40px;
  }
}
.group_companies-link {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.group_companies-link:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .group_companies .group_companies-link:first-of-type {
    max-width: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .group_companies .group_companies-link:nth-of-type(2) {
    max-width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .group_companies .group_companies-link:last-of-type {
    max-width: 305px;
  }
}
.group_companies img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.group_info {
  width: 100%;
  background-color: #5081a5;
  opacity: 0.9;
  border-radius: 6px;
  margin: 50px auto 0;
  width: 100%;
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .group_info {
    padding: 0 15px;
    margin: 45px 0 20px;
    width: 100%;
    max-width: 100%;
  }
}
.group .info_txt {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  padding: 50px 0 30px;
}
@media only screen and (max-width: 767px) {
  .group .info_txt {
    font-size: 14px;
    padding: 40px 10px 16px;
  }
}
.group .info_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  padding-bottom: 51px;
}
@media only screen and (max-width: 991px) {
  .group .info_btn {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .group .info_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
    gap: 20px;
  }
}
.group .btn-secondary {
  max-width: 300px;
  width: 100%;
  background-color: #ffffff;
  color: #5081a5;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  border: 1px solid transparent;
}
@media only screen and (max-width: 991px) {
  .group .btn-secondary {
    font-size: 13px;
    max-width: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .group .btn-secondary {
    max-width: 305px;
    background-color: #fff;
    color: #5081a5;
    text-align: center;
    padding: 5px 0;
    min-height: 48px;
  }
}
.group .btn-secondary span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .group .btn-secondary span {
    min-width: 166px;
    gap: 18px;
  }
}
.group .btn-secondary span::after {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #5081a5;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M34.006 36.012h5.015v2.006h-5.015v8.025h8.025v-5.015h2.006v5.015a2.006 2.006 0 0 1-2.006 2.006H34.006A2.006 2.006 0 0 1 32 46.043V38.018A2.006 2.006 0 0 1 34.006 36.012Zm10.647-2.006H40.025V32h8.025v8.025h-2.007V35.453l-5.352 5.352-1.418-1.418Z' transform='translate(-31.535 -31.514)' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M34.006 36.012h5.015v2.006h-5.015v8.025h8.025v-5.015h2.006v5.015a2.006 2.006 0 0 1-2.006 2.006H34.006A2.006 2.006 0 0 1 32 46.043V38.018A2.006 2.006 0 0 1 34.006 36.012Zm10.647-2.006H40.025V32h8.025v8.025h-2.007V35.453l-5.352 5.352-1.418-1.418Z' transform='translate(-31.535 -31.514)' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .group .btn-secondary span::after {
    position: absolute;
    background-color: #5081a5;
    right: -39px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.group .btn-secondary:hover {
  background-color: #5081a5;
  color: #fff;
  border-color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .group .btn-secondary:hover {
    background-color: #fff;
    color: #5081a5;
    border-color: #fff;
  }
}
.group .btn-secondary:hover span::after {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .group .btn-secondary:hover span::after {
    background-color: #5081a5;
  }
}

.hero {
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .hero {
    /*margin-top: 73px;*/
    margin-bottom: 118px;
  }
}
.hero img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.hero .hero__box picture,
.hero .hero__box img {
  width: 100%;
}
.hero__box-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.hero__bg {
  position: relative;
}
.hero__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  background-image: url("../img/hero/hero-bg-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .hero__bg::after {
    top: 77px;
  }
}
.hero__wrapper {
  max-width: 1280px;
  position: relative;
  margin: 0 auto;
  padding: 204px 0 72px;
}
@media only screen and (max-width: 767px) {
  .hero__wrapper {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 575px) {
  .hero-temp {
    margin-bottom: 152px;
  }
}
.hero__inner {
  background-color: var(--color-dark-blue);
  padding: 25px 23px;
  max-width: 531px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  left: 0;
  -webkit-box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
  box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
  opacity: 90%;
}
@media screen and (max-width: 1280px) {
  .hero__inner {
    left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__inner {
    width: 100%;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: 0 auto;
    padding: 24px 20px 34px;
    left: 0;
    right: 0;
    bottom: -170px;
    z-index: 9;
  }
}
.hero__inner-temp {
  max-width: 655px;
  padding: 12px 23px 21px;
  bottom: -16px;
}
@media only screen and (max-width: 767px) {
  .hero__inner-temp {
    bottom: -75px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
  }
  .hero__inner-temp .btn-temp {
    padding: 11px 10px;
  }
}
@media only screen and (max-width: 575px) {
  .hero__inner-temp {
    padding: 17px 20px 12px;
    bottom: -209px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__inner-temp.-work {
    bottom: -83px;
  }
}
.hero__heading {
  font-size: 44px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-white);
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .hero__heading {
    font-size: 36px;
    line-height: 1.3;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__heading {
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 14px;
  }
}
.hero__heading-temp {
  font-size: 38px;
  line-height: 1.3;
}
@media only screen and (max-width: 991px) {
  .hero__heading-temp {
    font-size: 19px;
    padding-bottom: 10px;
  }
}
.hero__desc {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-white);
}
@media only screen and (max-width: 991px) {
  .hero__desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__desc {
    font-size: 14px;
    line-height: 1.6;
  }
}

.business {
  max-width: 1280px;
  width: 100%;
  padding: 55px 80px;
  border-radius: 8px;
  background-color: var(--color-white);
  position: relative;
  margin: -150px auto 0;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media screen and (max-width: 1280px) {
  .business {
    max-width: initial;
    width: initial;
    margin: -150px 15px 0;
  }
}
@media only screen and (max-width: 991px) {
  .business {
    padding: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .business {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding: 37px 20px 40px;
    margin: 0 auto 0;
  }
}
.business.temp {
  margin: -135px auto 0;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media screen and (max-width: 1280px) {
  .business.temp {
    max-width: 100%;
    margin: -135px 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .business.temp {
    margin: 0 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .business.temp .business__desc {
    padding: 22px 20px 0;
  }
}
.business__wrapper {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .business__wrapper {
    padding-top: 0px;
  }
}
.business__desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  padding-top: 22px;
}
@media only screen and (max-width: 991px) {
  .business__desc {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .business__desc {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    padding: 15px 0 0;
  }
}

.people {
  padding-top: 78px;
}
@media only screen and (max-width: 767px) {
  .people {
    padding-top: 35px;
    margin-bottom: 60px;
  }
}
.people__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .people__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.people__col {
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 0 #e3ebf1;
  box-shadow: 3px 3px 0 #e3ebf1;
  padding: 34px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
  width: -webkit-calc(33.3333333333% - 13.3333333333px);
  width: calc(33.3333333333% - 13.3333333333px);
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media only screen and (max-width: 991px) {
  .people__col {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .people__col {
    width: 100%;
    padding: 20px 20px 17px;
    gap: 12px;
  }
}
.people__col img {
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 160/112;
}
@media only screen and (max-width: 767px) {
  .people__col img {
    width: 100%;
    max-width: 140px;
  }
}
.people__heading {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-dark-blue-1);
  padding-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .people__heading {
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 1.6;
  }
}
.people__text {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-dark-blue-1);
}
.people__subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
}
@media only screen and (max-width: 767px) {
  .people__subtext {
    font-size: 14px;
    line-height: 1.6;
  }
}
.people__bottom-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
@media only screen and (max-width: 767px) {
  .people__bottom-col {
    gap: 14px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-inline: 7px;
  }
}
.people__bottom-col img {
  border-radius: 8px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: -webkit-calc(25% - 10.5px);
  width: calc(25% - 10.5px);
  aspect-ratio: 270/162;
}
@media only screen and (max-width: 767px) {
  .people__bottom-col img {
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
  }
}

.support {
  width: 100%;
  position: relative;
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .support {
    padding-bottom: 60px;
    margin-bottom: 60px;
  }
}
.support img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.support__bg {
  width: 100%;
  position: absolute;
  height: 100%;
}
.support__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #2d5e82;
  opacity: 0.8;
  z-index: 1;
}
.support__wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .support__wrapper {
    padding-top: 60px;
  }
}
.support .heading-primary {
  text-align: center;
  padding-bottom: 23px;
}
@media only screen and (max-width: 767px) {
  .support .heading-primary {
    padding-bottom: 17px;
  }
}
.support .heading-primary__jp {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .support .heading-primary__jp {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 25px;
  }
}
.support .heading-primary__jp::before {
  content: "＼";
}
.support .heading-primary__jp::after {
  content: "／";
}
.support__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
@media only screen and (max-width: 991px) {
  .support__row {
    padding: 0;
    gap: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .support__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.support__col {
  background-color: var(--color-white);
  padding: 37px 34px;
  border-radius: 8px;
  width: -webkit-calc(33.3333333333% - 13.3333333333px);
  width: calc(33.3333333333% - 13.3333333333px);
}
@media only screen and (max-width: 991px) {
  .support__col {
    padding: 20px 10px;
    width: -webkit-calc(33.3333333333% - 8px);
    width: calc(33.3333333333% - 8px);
  }
}
@media only screen and (max-width: 767px) {
  .support__col {
    width: 100%;
    padding: 16px 20px 14px;
  }
}
@media only screen and (max-width: 767px) {
  .support__col:nth-of-type(2) {
    padding: 20px 20px 18px;
  }
}
.support__col:nth-of-type(2) ul {
  padding-left: 46px;
  padding-top: 25px;
}
@media only screen and (max-width: 767px) {
  .support__col:nth-of-type(2) ul {
    padding-left: 61px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .support__col:last-of-type .support__txt {
    padding-bottom: 12px;
  }
}
.support__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-white);
  padding-bottom: 46px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .support__text {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .support__text {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    padding: 0 20px 16px;
  }
}
.support__txt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-dark-blue-1);
  padding-bottom: 19px;
}
@media only screen and (max-width: 991px) {
  .support__txt {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .support__txt {
    font-size: 18px;
    line-height: 1.6;
    padding-bottom: 9px;
  }
}
.support ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 46px;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .support ul {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .support ul {
    padding-left: 61px;
  }
}
.support ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .support ul li {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .support ul li {
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 16px;
  }
}
.support ul li::marker {
  color: #2d5e82;
  font-size: 18px;
}
.support .attention {
  padding-top: 12px;
  text-align: center;
  list-style: none;
  padding-left: 18px;
}
@media only screen and (max-width: 767px) {
  .support .attention {
    padding-left: 42px;
  }
}
.support .attention li {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
}
@media only screen and (max-width: 1199px) {
  .support .attention li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .support .attention li {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .support .attention li {
    font-size: 14px;
  }
}
.support .attention li::before {
  content: "※";
  color: #333;
  margin-left: -20px;
}
.support .pt-40 {
  padding-top: 20px;
  padding-left: 46px;
}
.support .pt-40 li {
  line-height: 1.6;
}
.support__desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  padding-top: 16px;
  text-align: center;
}
.support__desc.-right {
  text-align: right;
  margin-right: 33px;
  padding-top: 7px;
}
@media only screen and (max-width: 767px) {
  .support__desc.-right {
    margin-right: 45px;
    padding-top: 11px;
  }
}
.support__desc.-left {
  text-align: left;
  margin-left: 32px;
  padding-top: 55px;
}
@media only screen and (min-width: 992px) {
  .support__desc.-left {
    padding-top: 57px;
  }
}
@media only screen and (max-width: 767px) {
  .support__desc.pt-none {
    padding-top: 0;
    font-size: 16px;
    margin-left: 43px;
  }
}

@media only screen and (max-width: 1199px) {
  .award {
    margin-bottom: 60px;
  }
}
.award__wrapper {
  text-align: center;
  margin-top: -7px;
}
@media only screen and (max-width: 767px) {
  .award__wrapper {
    padding-top: 0;
    margin-top: 0;
  }
}
.award .heading {
  padding-bottom: 0;
}
.award__top {
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .award__top {
    padding-bottom: 20px;
  }
}
.award .heading-primary {
  padding-bottom: 0;
}
.award__row {
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  border-radius: 8px;
  padding: 55px 78px 60px;
}
@media only screen and (max-width: 991px) {
  .award__row {
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .award__row {
    padding: 20px;
  }
}
.award__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 53px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 930px;
  width: 100%;
  margin: 0 auto 36px;
}
@media only screen and (max-width: 767px) {
  .award__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 16px;
  }
}
.award__col img {
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 180/164;
}
@media only screen and (max-width: 767px) {
  .award__col img {
    width: 100%;
    max-width: 180px;
  }
}
.award__text {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-dark-blue-1);
  text-align: left;
  padding-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .award__text {
    font-size: 18px;
    line-height: 1.6;
  }
}
.award__desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .award__desc {
    font-size: 14px;
    line-height: 1.6;
  }
}
.award__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-dark-blue);
  border-radius: 8px;
  padding: 30px 40px;
}
@media only screen and (max-width: 1199px) {
  .award__inner {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .award__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
    padding: 18px 20px;
  }
}
.award__inner-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-white);
}
@media only screen and (max-width: 1199px) {
  .award__inner-text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .award__inner-text {
    font-size: 18px;
    line-height: 1.6;
  }
}
.award__inner-subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-white);
  text-align: left;
  border-left: 2px solid #fff;
  padding-left: 20px;
}
@media only screen and (max-width: 1199px) {
  .award__inner-subtext {
    font-size: 14px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .award__inner-subtext {
    max-width: 460px;
  }
}
@media only screen and (max-width: 767px) {
  .award__inner-subtext {
    font-size: 14px;
    line-height: 1.6;
    border-top: 2px solid #fff;
    border-left: unset;
    padding-left: 0;
    padding-top: 16px;
    max-width: 100%;
  }
}
.award__content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 38px;
  margin-top: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 45px;
}
@media only screen and (max-width: 1199px) {
  .award__content-row {
    gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .award__content-row {
    gap: 20px;
    margin-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 37px;
  }
}
.award__content-col {
  background-color: var(--color-dark-blue-2);
  width: -webkit-calc(50% - 19px);
  width: calc(50% - 19px);
  padding: 33px 40px 39px;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .award__content-col {
    padding: 30px;
    width: -webkit-calc(50% - 12.5px);
    width: calc(50% - 12.5px);
  }
}
@media only screen and (max-width: 767px) {
  .award__content-col {
    width: 100%;
    padding: 16px 20px 18px;
  }
}
.award__content-text {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-dark-blue-1);
  padding-bottom: 16px;
  position: relative;
  text-align: left;
  padding-left: 27px;
}
@media only screen and (max-width: 991px) {
  .award__content-text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .award__content-text {
    padding-left: 19px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 1.6;
  }
}
.award__content-text::before {
  content: "";
  position: absolute;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgb(0, 174, 239)),
    to(rgb(80, 129, 165))
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 174, 239) 0%,
    rgb(80, 129, 165) 100%
  );
  background: linear-gradient(
    180deg,
    rgb(0, 174, 239) 0%,
    rgb(80, 129, 165) 100%
  );
  width: 15px;
  height: 32px;
  left: 2px;
  top: 2px;
  clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 100%);
}
@media only screen and (max-width: 767px) {
  .award__content-text::before {
    width: 10px;
    height: 22px;
    left: -2px;
    top: 4px;
  }
}
.award__content-desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .award__content-desc {
    font-size: 14px;
  }
}
.award__content-bottom {
  padding-bottom: 76px;
  text-align: left;
  border-bottom: 1px solid #5081a5;
}
@media only screen and (max-width: 767px) {
  .award__content-bottom {
    padding-bottom: 36px;
  }
}
.award__txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  padding-bottom: 13px;
}
@media only screen and (max-width: 767px) {
  .award__txt {
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 16px;
  }
}
.award__subtxt {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
}
@media only screen and (max-width: 767px) {
  .award__subtxt {
    font-size: 14px;
    line-height: 1.6;
  }
}
.award__subtxt a {
  color: #333;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.award__subtxt a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .award__subtxt a {
    text-decoration: underline;
  }
}
.award__bottom {
  padding-top: 80px;
}
@media only screen and (max-width: 1199px) {
  .award__bottom {
    padding-top: 40px;
  }
}
.award__bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 60px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 50px 50px 70px 50px;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .award__bottom-row {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .award__bottom-row {
    padding: 20px;
    gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .award__bottom-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 35px;
    padding: 18px 20px 38px;
  }
}
.award__bottom-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.award__bottom-col:first-child {
  max-width: 500px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .award__bottom-col:first-child {
    max-width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .award__bottom-col:first-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
  }
}
.award__bottom-col:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .award__bottom-col:last-child {
    width: 100%;
  }
}
.award__bottom-col img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  aspect-ratio: 500/300;
}
@media only screen and (max-width: 767px) {
  .award__bottom-col img {
    width: 100%;
  }
}
.award__bottom-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black-1);
  text-align: left;
  padding-top: 20px;
}
@media only screen and (max-width: 991px) {
  .award__bottom-text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .award__bottom-text {
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    padding-top: 18px;
  }
}
.award__bottom-subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  text-align: left;
  padding-top: 20px;
}
@media only screen and (max-width: 991px) {
  .award__bottom-subtext {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .award__bottom-subtext {
    font-size: 14px;
    line-height: 1.6;
    padding-top: 14px;
  }
}
.award__news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  /*align-items: center;*/
  width: 100%;
  gap: 12px;
  padding-bottom: 11px;
  margin-bottom: 12px;
  border-bottom: 1px solid #d5dbdf;
  padding-left: 8px;
}
@media only screen and (max-width: 767px) {
  .award__news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 5px;
    margin-bottom: 8px;
  }
}
.award__news:last-child {
  border-bottom: unset;
  padding-bottom: unset;
  margin-bottom: unset;
}
.award__date {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-black-1);
}
@media only screen and (max-width: 991px) {
  .award__date {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .award__date {
    font-size: 14px;
  }
}
.award__title {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .award__title {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .award__title {
    font-size: 14px;
  }
}

.message {
  width: 100%;
  position: relative;
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .message {
    min-height: 1164px;
    padding-bottom: 60px;
    margin-bottom: 56px;
  }
}
.message__bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.message__bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.message__wrapper {
  text-align: center;
  padding-top: 100px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .message__wrapper {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .message__wrapper {
    padding-top: 56px;
  }
}
.message__top {
  padding-bottom: 45px;
}
@media only screen and (max-width: 991px) {
  .message__top {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .message__top {
    padding-bottom: 0;
  }
}
.message .heading-primary {
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .message .heading-primary {
    padding-bottom: 20px;
  }
}
.message__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 8px;
  gap: 76px;
}
@media only screen and (max-width: 1199px) {
  .message__row {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .message__row {
    gap: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .message__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 23px;
  }
}
.message__col {
  border-radius: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #ffffff;
  padding: 57px 58px 29px 70px;
}
@media only screen and (max-width: 767px) {
  .message__col {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .message__col {
    padding: 35px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .message__col {
    padding: 40px 30px;
  }
}
.message__desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  padding-bottom: 0;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .message__desc {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .message__desc {
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 20px;
    text-align: left;
  }
}
.message__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  text-align: left;
  margin-bottom: 20px;
}
.message__text:last-child {
  margin-bottom: 27px;
}
@media only screen and (max-width: 767px) {
  .message__text:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .message__text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .message__text {
    line-height: 1.6;
    margin-bottom: 12px;
  }
}
.message__subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  text-align: right;
  padding-top: 16px;
}
@media only screen and (max-width: 767px) {
  .message__subtext {
    font-size: 14px;
    line-height: 1.6;
    padding-top: 8px;
  }
}

.recruit {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .recruit {
    padding-top: 0;
    margin-bottom: 60px;
  }
}
.recruit__wrapper {
  text-align: center;
  margin-top: -10px;
}
@media only screen and (max-width: 767px) {
  .recruit__wrapper {
    margin-top: 0;
  }
}
.recruit .heading-primary {
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .recruit .heading-primary {
    padding-bottom: 18px;
  }
}
.recruit__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .recruit__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }
}
.recruit__col {
  max-width: 500px;
}
@media only screen and (max-width: 767px) {
  .recruit__col {
    max-width: 100%;
  }
}
.recruit__col img {
  width: 100%;
  max-width: 500px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px 0 0 8px;
}
@media only screen and (max-width: 767px) {
  .recruit__col img {
    width: 100%;
    max-width: 100%;
  }
}
.recruit__col-lg {
  max-width: 580px;
}
.recruit .heading {
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .recruit .heading {
    padding-bottom: 18px;
  }
}
.recruit__content-one {
  padding-bottom: 83px;
}
@media only screen and (max-width: 767px) {
  .recruit__content-one {
    padding-bottom: 34px;
  }
}
.recruit__ttl {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-white);
  padding: 5px 20px;
  background-color: var(--color-dark-blue);
  border-radius: 8px;
  margin-bottom: 32px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .recruit__ttl {
    font-size: 18px;
    line-height: 1.6;
    padding: 6px 20px;
    margin-bottom: 20px;
  }
}
.recruit__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  padding-bottom: 15px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .recruit__text {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 1.6;
  }
}
.recruit .blue {
  list-style: disc;
  list-style-position: outside;
  padding-left: 20px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .recruit .blue {
    padding-left: 17px;
  }
}
.recruit .blue li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .recruit .blue li {
    font-size: 14px;
    line-height: 1.6;
  }
}
.recruit .blue li::marker {
  color: #2d5e82;
  font-size: 17px;
}
.recruit__table {
  overflow: hidden;
}
.recruit__table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .recruit__table-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.recruit__table-content:last-child {
  margin-bottom: 0;
}
.recruit__table-text {
  max-width: 220px;
  width: 100%;
  background-color: #e9ecee;
  font-weight: 300;
  font-size: 16px;
  color: var(--color-black-1);
  text-align: left;
  border-radius: 4px 0 0 4px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__table-text {
    max-width: 100%;
    padding: 6px 20px;
  }
}
.recruit__table-subtext {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .recruit__table-subtext {
    font-size: 14px;
    line-height: 1.6;
    padding: 6px 20px;
    text-align: left;
  }
}
.recruit__table-inner {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .recruit__table-inner {
    padding-bottom: 7px;
  }
}
.recruit__table-inner .recruit__table-subtext {
  padding-bottom: 0;
}
.recruit__table ul {
  margin: 0;
  padding-left: 38px;
  list-style: disc;
}
@media only screen and (max-width: 767px) {
  .recruit__table ul {
    padding-left: 35px;
  }
}
.recruit__table ul li {
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .recruit__table ul li {
    font-size: 14px;
    line-height: 1.6;
  }
}
.recruit__table ul li::marker {
  font-size: 11px;
}
@media only screen and (max-width: 767px) {
  .recruit__table ul li::marker {
    font-size: 8px;
  }
}

.plan {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  padding: 100px 0 125px;
}
@media only screen and (max-width: 767px) {
  .plan {
    margin-top: 0;
    padding: 60px 0 92px;
  }
}
.plan__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.plan img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.plan__wrapper {
  position: relative;
  padding: 100px 0 127px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .plan__wrapper {
    padding: 60px 0 88px;
  }
}
.plan .heading-primary {
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .plan .heading-primary {
    padding-bottom: 14px;
  }
}
.plan__content {
  background-color: var(--color-white);
  border-radius: 8px;
  max-width: 858px;
  width: 100%;
  margin: 0 auto;
  padding: 45px 50px 65px;
}
@media only screen and (max-width: 767px) {
  .plan__content {
    padding: 40px 20px 50px;
    max-width: 100%;
  }
}
.plan__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-black-1);
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .plan__text {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__text {
    font-size: 14px;
    line-height: 1.6;
  }
}
.plan__btn {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--color-white);
  text-align: center;
  background-color: var(--color-dark-blue);
  border-radius: 4px;
  padding: 13px 35px;
  margin-top: -41px;
  display: block;
  max-width: 340px;
  width: 100%;
  margin: -28px auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
@media only screen and (max-width: 767px) {
  .plan__btn {
    margin: -30px auto;
    max-width: 280px;
    font-size: 14px;
    line-height: 1.6;
    padding: 13px 20px;
  }
}
.plan__btn:hover {
  background-color: var(--color-white);
  color: var(--color-dark-blue);
  border-color: var(--color-dark-blue);
}

@media only screen and (max-width: 767px) {
  .login {
    margin-bottom: 80px;
  }
}
.login__wpr {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .login__wpr {
    padding-top: 40px;
  }
}
.login__wpr .desc_txt {
  text-align: center;
  margin: 23px 0 30px;
}
@media only screen and (max-width: 767px) {
  .login__wpr .desc_txt {
    margin: 15px 0 30px;
    line-height: 21.4px;
  }
}
@media only screen and (max-width: 767px) {
  .login__wpr .heading-primary__en {
    padding-bottom: 6px;
  }
}
.login__box {
  min-width: 550px;
  padding: 36px 50px;
  max-width: 520px;
  margin: 64px auto 0;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media only screen and (max-width: 767px) {
  .login__box {
    min-width: initial;
    padding: 40px 20px;
    margin: 33px auto 0;
  }
}
.login__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.login__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .login__field {
    margin-bottom: 14px;
  }
}
.login__field label {
  font-size: 14px;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .login__field label {
    font-size: 12px;
  }
}
.login__field input {
  height: 45px;
  padding: 0 12px;
  border-radius: 4px;
  border: none;
  background: #f6f6f6;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .login__field input {
    height: 40px;
  }
}
.login__field input:focus {
  outline: none;
  background: #eee;
}
.login__forgot {
  font-size: 14px;
  color: #777;
  text-align: right;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .login__forgot {
    font-size: 12px;
  }
}
.login__forgot:hover {
  color: #333;
}
.login__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 12px 0 29px;
}
@media only screen and (max-width: 767px) {
  .login__options {
    margin: 0 0 16px;
  }
}
.login__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.login__checkbox input {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #124a7b;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  /* SVG appears ONLY when checked */
}
@media only screen and (max-width: 767px) {
  .login__checkbox input {
    width: 14px;
    height: 14px;
  }
}
.login__checkbox input:checked {
  background-color: #124a7b;
}
.login__checkbox input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 7px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L0 4.02128L1.05 2.97872L3 4.91489L7.95 0L9 1.04255L3 7Z' fill='white'/%3E%3C/svg%3E%0A");
}
.login__checkbox span {
  cursor: pointer;
}
.login .btn-tertiary {
  cursor: pointer;
  width: 100%;
  padding: 13px 10px;
}

.employee {
  margin-bottom: 72px;
}
@media only screen and (max-width: 991px) {
  .employee {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .employee {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .employee .heading-primary__en {
    margin-bottom: 8px;
  }
}
.employee__wpr {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .employee__wpr {
    padding-top: 40px;
  }
}
.employee__wpr .desc_txt {
  text-align: center;
  margin: 27px 0 30px;
}
@media only screen and (max-width: 767px) {
  .employee__wpr .desc_txt {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.employee__cnt {
  margin-top: 64px;
}
@media only screen and (max-width: 991px) {
  .employee__cnt {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .employee__cnt {
    margin-top: 0;
  }
}
.employee__pdf-box {
  border-bottom: 1px solid rgba(173, 173, 173, 0.4);
}
.employee__pdf-wpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 32px;
  padding-bottom: 69px;
}
@media only screen and (max-width: 991px) {
  .employee__pdf-wpr {
    padding-bottom: 50px;
    gap: 14px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .employee__pdf-wpr {
    gap: 17px;
    padding-bottom: 44px;
  }
}

.worker {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .worker .heading-primary__en {
    margin-bottom: 6px;
  }
}
.worker__wpr {
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .worker__wpr {
    margin-bottom: 40px;
  }
}
.worker__wpr .desc_txt {
  text-align: center;
  margin: 21px 0 30px;
}
@media only screen and (max-width: 767px) {
  .worker__wpr .desc_txt {
    margin: 16px 0 10px;
  }
}
.worker__pdf-box {
  padding-bottom: 72px;
  border-bottom: 1px solid rgba(173, 173, 173, 0.4);
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .worker__pdf-box {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.worker__cnt {
  margin-top: 49px;
}
@media only screen and (max-width: 767px) {
  .worker__cnt {
    margin-top: 19px;
  }
}
.worker__cnt.-mt72 {
  margin-top: 72px;
}
@media only screen and (max-width: 767px) {
  .worker__cnt.-mt72 {
    margin-top: 0;
  }
}
.worker__pdf-wpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 32px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 991px) {
  .worker__pdf-wpr {
    padding-bottom: 50px;
    gap: 14px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .worker__pdf-wpr {
    gap: 16px;
    padding-bottom: 18px;
  }
}
.worker__pdf-wpr:last-child {
  padding-bottom: 0;
}
.worker__subttl {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .worker__subttl {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.worker__req {
  font-size: 12px;
  font-weight: 300;
  color: #777;
  line-height: 2;
  display: block;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .worker__req {
    font-size: 10px;
    margin-top: 10px;
  }
}
.worker__pdf-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .worker__pdf-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}
.worker__pdf-col {
  width: -webkit-calc(50% - 30px);
  width: calc(50% - 30px);
}
@media only screen and (max-width: 767px) {
  .worker__pdf-col {
    width: 100%;
  }
}

.heading-tertiary {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background-color: #124a7b;
  text-align: center;
  padding: 6px;
  margin-bottom: 49px;
}
@media only screen and (max-width: 991px) {
  .heading-tertiary {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .heading-tertiary {
    font-size: 16px;
    padding: 7px;
    margin-bottom: 17px;
  }
}
.inclusive-employment .heading-tertiary {
  margin-top: 60px;
}

.pdf-link {
  font-size: 16px;
  color: #124a7b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  /*text-decoration: underline;
  text-underline-offset: 2px;*/
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .pdf-link {
    font-size: 14px;
  }
}
.pdf-link:hover {
  text-decoration: none;
}
.pdf-link:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.77796 8.89214H5.4978V6.98996H6.67749C6.87734 6.98996 7.04572 6.92127 7.18263 6.78389C7.31954 6.6465 7.38799 6.47524 7.38799 6.27012V5.09043C7.38799 4.89042 7.32017 4.72196 7.18454 4.58505C7.04907 4.44814 6.88006 4.37969 6.67749 4.37969H4.77796V8.89214ZM5.4978 6.27012V5.09043H6.67749V6.27012H5.4978ZM8.36855 8.89214H10.1909C10.398 8.89214 10.5687 8.82376 10.7033 8.68702C10.8378 8.55043 10.905 8.37885 10.905 8.17229V5.09139C10.905 4.89074 10.8372 4.72196 10.7016 4.58505C10.5661 4.44814 10.3971 4.37969 10.1945 4.37969H8.36855V8.89214ZM9.08839 8.17229V5.09043H10.1945V8.17229H9.08839ZM12.0967 8.89214H12.8074V6.98996H14.1613V6.27012H12.8074V5.09043H14.1613V4.37969H12.0967V8.89214ZM4.20285 13.2718C3.78845 13.2718 3.43907 13.1296 3.15471 12.8453C2.87035 12.5609 2.72817 12.2116 2.72817 11.7972V1.47467C2.72817 1.06028 2.87035 0.710898 3.15471 0.426539C3.43907 0.142179 3.78845 0 4.20285 0H14.5253C14.9397 0 15.2891 0.142179 15.5735 0.426539C15.8578 0.710898 16 1.06028 16 1.47467V11.7972C16 12.2116 15.8578 12.5609 15.5735 12.8453C15.2891 13.1296 14.9397 13.2718 14.5253 13.2718H4.20285ZM4.20285 12.3871H14.5253C14.6728 12.3871 14.8079 12.3256 14.9308 12.2026C15.0536 12.0798 15.1151 11.9446 15.1151 11.7972V1.47467C15.1151 1.32722 15.0536 1.19207 14.9308 1.06922C14.8079 0.946373 14.6728 0.884948 14.5253 0.884948H4.20285C4.05539 0.884948 3.92024 0.946373 3.79739 1.06922C3.67439 1.19207 3.61288 1.32722 3.61288 1.47467V11.7972C3.61288 11.9446 3.67439 12.0798 3.79739 12.2026C3.92024 12.3256 4.05539 12.3871 4.20285 12.3871ZM1.47467 16C1.06028 16 0.710898 15.8578 0.426539 15.5735C0.14218 15.2891 0 14.9397 0 14.5253V3.31814H0.884949V14.5253C0.884949 14.6728 0.946373 14.8079 1.06922 14.9308C1.19207 15.0536 1.32722 15.1151 1.47467 15.1151H12.6819V16H1.47467Z' fill='%23124A7B'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .pdf-link:after {
    width: 14px;
    height: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .register {
    margin-bottom: 84px !important;
  }
}
.register__wrp-inner {
  max-width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .register__wrp-inner {
    padding: 0 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .register__wrp-inner .btn-temp {
    margin-top: 20px;
  }
}

.temporary-work .hero__wrapper {
  padding: 179px 0 70px;
}
@media only screen and (max-width: 767px) {
  .temporary-work .hero__wrapper {
    padding: 174px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .temporary-work .hero {
    margin-bottom: 103px;
  }
}

@media only screen and (max-width: 767px) {
  .hero__bg .hero-temp-work {
    margin-bottom: 75px;
  }
}
.hero__bg .hero__inner-temp.-work {
  padding: 30px 27px 31px 26px;
}
@media only screen and (max-width: 767px) {
  .hero__bg .hero__inner-temp.-work {
    padding: 16px 20px 12px 20px;
    bottom: -47px;
  }
}
.hero__bg .hero__inner-temp.-work .hero__heading-temp.-work {
  padding-bottom: 38px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .hero__bg .hero__inner-temp.-work .hero__heading-temp.-work {
    padding-bottom: 5px;
  }
}

.business__desc.-work {
  padding-top: 11px;
}

.work {
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  padding: 50px 80px !important;
}
@media screen and (max-width: 1280px) {
  .work {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 1280px) {
  .work {
    padding: 32px 20px !important;
  }
}
@media only screen and (min-width: 1400px) {
  .work .benefit__col {
    padding: 25px 40px;
  }
  .work .benefit__col:last-child {
    padding: 25px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .temp {
    padding-top: 24px !important;
  }
}
@media only screen and (max-width: 767px) {
  .temp .heading-primary__en {
    padding-bottom: 6px;
  }
}
.temp-work-content {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .temp-work-content {
    margin-top: 32px;
  }
}
.temp-work-content .temp__wpr {
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .temp-work-content .benefit__row {
    gap: 20px;
  }
}
.temp-work-content .benefit__row.-work {
  padding-top: 0;
}
.temp-work-content .benefit__row .benefit__col:last-child .benefit__text {
  text-wrap-mode: nowrap;
}
.temp-work__heading {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 28px;
  line-height: 1.6;
  font-weight: 600;
  color: var(--color-white);
}
@media only screen and (max-width: 991px) {
  .temp-work__heading {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .temp-work__heading {
    font-size: 18px;
    line-height: 1.5;
  }
}
.temp-work__heading.-gold {
  color: #8c7e1a;
}
.temp-work__heading.-green {
  color: #0e762d;
}
.temp-work__desc {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  color: var(--color-white);
}
@media only screen and (max-width: 1199px) {
  .temp-work__desc {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .temp-work__desc {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
  }
}
.temp-work__desc.-black {
  color: #333333;
}

.job-type-work__wpr {
  max-width: 1120px;
  margin: 0 auto;
}
.job-type-work .job-type__ttl {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .job-type-work .job-type__ttl {
    margin-bottom: 20px;
  }
}
.job-type-work .job-type__link {
  font-weight: 600 !important;
}
.job-type-work.job-type {
  margin-top: 100px;
  background-color: #e9f6ff;
  padding: 51px;
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .job-type-work.job-type {
    margin: 40px 0 40px;
    padding: 41px 15px 30px;
  }
}
.job-type-work.job-type .job-type__links-wpr {
  margin-bottom: 30px;
  gap: 17px 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .job-type-work.job-type .job-type__links-wpr {
    margin-bottom: 16px;
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .job-type-work.job-type .job-type__links-wpr .job-type__link:first-of-type {
    max-width: 345px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.job-type-work.job-type .job-type__links-wpr .job-type__link.-extra {
  color: #124a7b;
}
.job-type-work.job-type .plan__btn {
  margin: 0 auto;
  max-width: 262px;
}
@media only screen and (max-width: 767px) {
  .job-type-work.job-type .plan__btn {
    max-width: 278px;
  }
}

.steps {
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .steps {
    margin-bottom: 40px;
  }
}
.steps__img {
  height: 21px;
}
.steps__ttl {
  margin-bottom: 79px;
}
@media only screen and (max-width: 767px) {
  .steps__ttl {
    margin-bottom: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .steps .heading-primary__en {
    padding-bottom: 7px;
  }
}
.steps__wpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 49px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .steps__wpr {
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .steps__wpr {
    gap: 43px;
  }
}
.steps__wpr.--col2 .steps__wpr-item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% - 32px) / 2);
  flex: 0 0 -webkit-calc((100% - 32px) / 2);
  flex: 0 0 calc((100% - 32px) / 2);
  max-width: 544px;
  width: 100%;
  padding: 48px 32px 11px;
  -webkit-box-shadow: 0 0 15px 0 rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px 0 rgba(80, 129, 165, 0.2);
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  .steps__wpr.--col2 .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 24px) / 2);
    flex: 0 0 -webkit-calc((100% - 24px) / 2);
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .steps__wpr.--col2 .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 20px) / 2);
    flex: 0 0 -webkit-calc((100% - 20px) / 2);
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .steps__wpr.--col2 .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 28px 20px 20px;
  }
}
.steps__wpr-item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% - 40px) / 3);
  flex: 0 0 -webkit-calc((100% - 40px) / 3);
  flex: 0 0 calc((100% - 40px) / 3);
  max-width: 360px;
  width: 100%;
  padding: 48px 32px 11px;
  -webkit-box-shadow: 0 0 15px 0 rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px 0 rgba(80, 129, 165, 0.2);
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 24px) / 2);
    flex: 0 0 -webkit-calc((100% - 24px) / 2);
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 20px) / 2);
    flex: 0 0 -webkit-calc((100% - 20px) / 2);
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 28px 20px 20px;
  }
}
.steps__wpr-item:nth-of-type(2) {
  padding: 42px 32px 16px;
}
@media only screen and (min-width: 768px) {
  .steps__wpr-item:nth-of-type(2) .steps__wpr-item-ttl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .steps__wpr-item:nth-of-type(2) .steps__wpr-item-ttl .steps__img {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item:nth-of-type(2) {
    padding: 28px 20px 20px;
  }
}
.steps__wpr-item-count {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  height: 57px;
  width: 57px;
  border-radius: 50%;
  background-color: #124a7b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-white);
  font-family: "Helvetica LT Pro", sans-serif;
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item-count {
    height: 45px;
    width: 45px;
    font-size: 18px;
    top: -24px;
    padding: 10px;
  }
}
@supports (-webkit-hyphens: none) {
  .steps__wpr-item-count-number {
    margin-bottom: -5px;
  }
}
@supports (hanging-punctuation: first) {
  .steps__wpr-item-count-number {
    margin-bottom: -5px;
  }
}
.steps__wpr-item-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  margin-bottom: 9px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.steps__wpr-item-ttl.-mb {
  margin-bottom: 2px;
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item-ttl.-mb {
    margin-bottom: 12px;
  }
}
.steps__wpr-item-ttl .heading_steps {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.6;
  color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item-ttl .heading_steps {
    font-size: 16px;
  }
}
.steps__wpr-item-ttl img.-mt {
  margin-top: -20px;
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item-ttl img.-mt {
    margin-top: 0;
  }
}
.steps__wpr-item-desc {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item-desc {
    font-size: 14px;
    line-height: 1.7;
  }
}
.steps__wpr-item-desc .sp-only {
  display: none;
}
@media only screen and (max-width: 767px) {
  .steps__wpr-item-desc .sp-only {
    display: inline;
  }
}

.register {
  margin-bottom: 72px;
  position: relative;
  z-index: 3;
}
.register.-profile {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .register {
    margin-bottom: 44px;
  }
}
.register__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.register__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 1;
}
.register__bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.register-work {
  margin-bottom: 40px !important;
}
.register__wrp {
  width: 100%;
  padding: 47px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .register__wrp {
    padding: 34px 0 31px;
  }
}
.register__wrp__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.register__wrp__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.register__wrp-inner {
  text-align: center;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .register__wrp-inner {
    padding: 0 47.5px;
  }
}
.register__wrp-inner-text {
  margin: 27px 0 0;
}
@media only screen and (max-width: 767px) {
  .register__wrp-inner-text {
    margin: 23px 0 0;
  }
}
.register__wrp .btn-temp.-work {
  min-width: 260px;
  padding: 12px 10px;
}
@media only screen and (max-width: 767px) {
  .register__wrp .btn-temp.-work {
    margin-top: 18px;
  }
}

.faq {
  margin-bottom: 54px;
}
@media only screen and (max-width: 767px) {
  .faq {
    margin-bottom: 32px;
  }
}
.faq__ttl {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .faq__ttl {
    margin-bottom: 20px;
  }
}
.faq__accordion {
  width: 100%;
}
.faq__accordion-item {
  border-top: 1px solid #dedede;
  position: relative;
}
.faq__accordion-item::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 59px;
  height: 2px;
  background-color: #124a7b;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item::before {
    width: 32px;
  }
}
.faq__accordion-item.is-active .faq-toggle-icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq__accordion-item-question {
  width: 100%;
  background: none;
  border: none;
  padding: 19px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-align: left;
  outline: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item-question {
    padding: 14px 0;
  }
}
.faq__accordion-item-question:hover {
  background-color: rgba(51, 85, 117, 0.03);
}
@media only screen and (max-width: 991px) {
  .faq__accordion-item-question:hover {
    background-color: transparent;
  }
}
.faq__accordion-item .faq-ques-col {
  width: 59px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item .faq-ques-col {
    width: 32px;
  }
}
.faq__accordion-item .faq-ques-col .faq-letter {
  font-family: "Helvetica";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #3b5d76;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item .faq-ques-col .faq-letter {
    font-size: 18px;
  }
}
.faq__accordion-item .faq-ques-col .faq-letter.-black {
  color: #333333;
}
.faq__accordion-item .faq-text {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  color: #124a7b;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 13px;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item .faq-text {
    font-size: 14px;
    margin-left: 3px;
    padding-right: 17px;
    line-height: 1.5;
  }
}
.faq__accordion-item .faq-text.-ans {
  font-weight: 300;
  color: #333333;
  -ms-flex-item-align: center;
  align-self: center;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item .faq-text.-ans {
    padding-right: 0;
  }
}
.faq__accordion-item .faq-toggle-icon {
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 21px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item .faq-toggle-icon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
}
.faq__accordion-item .faq-toggle-icon::before,
.faq__accordion-item .faq-toggle-icon::after {
  content: "";
  position: absolute;
  background-color: #124a7b;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.faq__accordion-item .faq-toggle-icon::before {
  width: 20px;
  height: 1px;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item .faq-toggle-icon::before {
    width: 15px;
  }
}
.faq__accordion-item .faq-toggle-icon::after {
  width: 1px;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .faq__accordion-item .faq-toggle-icon::after {
    height: 15px;
  }
}
.faq__accordion-item-answer {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease-out;
  transition: height 0.35s ease-out;
}
.faq__accordion-item-answer-inner {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-details {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .form-details {
    margin-bottom: 80px;
  }
}
.form-details__wrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .form-details__wrp {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .form-details__wrp {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .form-details__wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
  }
}
.form-details-item {
  padding: 60px;
  text-align: center;
  background-color: #fffbdf;
  max-width: 540px;
  width: 100%;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .form-details-item {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .form-details-item {
    padding: 32px 20px 32px;
  }
}
.form-details-item.-lgreen {
  background-color: #effcf3;
}
.form-details-item .temp-work__desc {
  margin: 24px 0 -5px;
  text-align: left;
}
.form-details-item .temp-work__desc li {
  position: relative;
  padding-left: 15px;
  list-style: none;
}
.form-details-item .temp-work__desc li:before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .form-details-item .temp-work__desc {
    margin: 15px 0 4px;
  }
}
.form-details-item .btn-temp {
  width: 260px;
  padding: 12px 10px;
  margin-top: 28px;
}
@media only screen and (max-width: 767px) {
  .form-details-item .btn-temp {
    width: 200px;
    margin-top: 17px;
  }
}
.form-details-item .btn-temp.-gold {
  color: var(--color-white);
  background-color: #8c7e1a;
}
.form-details-item .btn-temp.-gold:hover {
  background-color: var(--color-white);
  color: #8c7e1a;
  border: #8c7e1a 1px solid;
}
.form-details-item .btn-temp.-green {
  color: var(--color-white);
  background-color: #0e762d;
}
.form-details-item .btn-temp.-green:hover {
  background-color: var(--color-white);
  color: #0e762d;
  border: #0e762d 1px solid;
}

.benefit {
  max-width: 1280px;
  width: 100%;
  padding: 50px 80px;
  border-radius: 8px;
  background-color: var(--color-white);
  position: relative;
  margin: -150px auto 70px;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media only screen and (max-width: 1399px) {
  .benefit {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1199px) {
  .benefit {
    padding: 32px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .benefit {
    margin: -60px auto 40px;
    padding: 32px 20px;
  }
}
.benefit .heading-primary {
  padding-bottom: 13px;
}
@media only screen and (max-width: 767px) {
  .benefit .heading-primary {
    padding-bottom: 19px;
  }
}
.benefit .heading-primary__en {
  padding-bottom: 4px;
}
.benefit .desc_txt {
  text-align: center;
  display: block;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .benefit .desc_txt {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .benefit .desc_txt {
    text-align: left;
    font-size: 14px;
  }
}
.benefit__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  padding-top: 27px;
}
@media only screen and (max-width: 991px) {
  .benefit__row {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .benefit__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.benefit__col {
  width: -webkit-calc(33.3333333333% - 13.3333333333px);
  width: calc(33.3333333333% - 13.3333333333px);
  padding: 37px 40px;
  background-color: var(--color-light-yellow);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 9px;
}
@media only screen and (max-width: 1199px) {
  .benefit__col {
    padding: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .benefit__col {
    width: -webkit-calc(33.3333333333% - 6.6666666667px);
    width: calc(33.3333333333% - 6.6666666667px);
  }
}
@media only screen and (max-width: 767px) {
  .benefit__col {
    width: 100%;
    padding: 20px;
  }
}
.benefit__col:nth-child(2) {
  background-color: var(--color-light-green);
}
@media only screen and (max-width: 767px) {
  .benefit__col:nth-child(2) {
    padding: 20px;
  }
}
.benefit__col:nth-child(2) .benefit__text {
  color: #0e762d;
}
.benefit__col:last-child {
  padding: 23px 35px 50px;
  background-color: var(--color-light-blue);
}
@media only screen and (max-width: 1199px) {
  .benefit__col:last-child {
    padding: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .benefit__col:last-child {
    padding: 20px;
  }
}
.benefit__col:last-child .benefit__text {
  color: #124a7b;
}
.benefit__col img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  background: #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .benefit__col img {
    max-width: 100px;
    width: 100%;
  }
}
.benefit__text {
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  color: var(--color-yellow);
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .benefit__text {
    font-size: 17px;
  }
}
@media only screen and (max-width: 991px) {
  .benefit__text {
    font-size: 16px;
    line-height: 24px;
  }
}
.benefit__subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 25.6px;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .benefit__subtext {
    font-size: 14px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .benefit__subtext {
    line-height: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .page-company .hero {
    margin-top: 80px;
    margin-bottom: 154px;
  }
}
@media only screen and (max-width: 767px) {
  .page-company .hero__wrapper {
    padding: 80px 0 50px;
  }
}
.page-company .hero__inner {
  max-width: 655px;
}
@media only screen and (max-width: 767px) {
  .page-company .hero__inner {
    padding: 12px 19px !important;
    max-width: 100%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto;
    bottom: -121px;
  }
}
.page-company .hero__heading {
  font-size: 38px;
  padding-bottom: 34px;
}
@media only screen and (max-width: 991px) {
  .page-company .hero__heading {
    font-size: 25px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-company .hero__heading {
    font-size: 19px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .page-company .heading-primary__en {
    padding-bottom: 7px;
  }
}
.page-company .hero__inner {
  padding: 30px 25px;
  -webkit-box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
  box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
}
.page-company .steps {
  background-color: #f9f9f9;
  margin-bottom: 0;
  padding: 72px 0;
}
@media only screen and (max-width: 767px) {
  .page-company .steps {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-company .steps .steps__wpr-item-desc {
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-company .steps .steps__wpr-item {
    padding: 28px 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-company .steps .steps__wpr-item-ttl {
    margin-bottom: 10px;
  }
}

.case {
  background-color: var(--color-dark-blue-2);
  padding: 72px 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .case {
    padding: 40px 0;
  }
}
.case__content-inner {
  padding: 25px 43px 41px;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  background-color: var(--color-white);
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  .case__content-inner {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .case__content-inner {
    padding: 20px;
  }
}
.case__content-inner:first-child {
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .case__content-inner:first-child {
    margin-bottom: 15px;
  }
}
.case__top {
  padding-bottom: 54px;
}
@media only screen and (max-width: 767px) {
  .case__top {
    padding-bottom: 16px;
  }
}
.case__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 991px) {
  .case__row {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .case__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.case__col:first-child {
  max-width: 338px;
  width: 100%;
  padding-top: 16px;
}
@media only screen and (max-width: 767px) {
  .case__col:first-child {
    max-width: 100%;
    padding-top: 0;
  }
}
.case__col:last-child {
  width: 100%;
}
.case__col-inner {
  padding-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .case__col-inner {
    padding-bottom: 10px;
  }
}
.case__col-inner:last-child {
  padding-bottom: 0;
}
.case__col img {
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 338/225;
}
@media only screen and (max-width: 767px) {
  .case__col img {
    width: 100%;
  }
}
.case__ttl {
  font-size: 20px;
  font-weight: 600;
  line-height: 32.2px;
  color: var(--color-black-1);
  text-align: left;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .case__ttl {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .case__ttl {
    font-size: 16px;
    line-height: 1.4;
    padding-bottom: 10px;
  }
}
.case__text {
  position: relative;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-dark-blue-1);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .case__text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
  }
}
.case__text span {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .case__text span {
    padding-bottom: 5px;
  }
}
.case__text span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 96px;
  height: 1px;
  background-color: var(--color-dark-blue-1);
}
@media only screen and (max-width: 767px) {
  .case__text span::after {
    width: 44px;
  }
}
.case__subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .case__subtext {
    font-size: 14px;
    line-height: 21px;
  }
}

.client {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .client {
    margin-bottom: 0;
  }
}
.client__bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.client__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 1;
}
.client__bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.client__wrapper {
  position: relative;
  z-index: 2;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding: 72px 0 96px;
}
@media only screen and (max-width: 1199px) {
  .client__wrapper {
    padding: 40px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .client__wrapper {
    padding: 40px 0;
    overflow: hidden;
    max-width: 100%;
  }
}
.client__top {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .client__top {
    padding-bottom: 17px;
  }
}
.client__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 32px;
}
@media only screen and (max-width: 1199px) {
  .client__row {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .client__row {
    gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .client__row {
    gap: 0;
    width: 100%;
    overflow: hidden;
    padding: 0;
  }
  .client__row .slick-list {
    overflow: hidden;
  }
  .client__row .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.client .slick-slide:not(:last-child) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .client .slick-slide:not(:last-child) {
    margin-right: 15px;
    width: auto;
  }
  .client .slick-slide:not(:last-child) > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.client .client__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  padding: 10px;
  background-color: #fff;
  /* -webkit-transition: all 0.5s ease; */
  /* transition: all 0.5s ease; */
  /* cursor: pointer; */
}
@media only screen and (max-width: 1199px) {
  .client .client__content {
    height: 70px;
    padding: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .client .client__content {
    height: 65px;
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .client .client__content {
    height: 60px;
    padding: 8px;
    width: 100%;
  }
}
.client .client__content:hover {
  /* opacity: 0.7; */
}
.client .client__row > div {
  width: -webkit-calc(20% - 25.6px);
  width: calc(20% - 25.6px);
}
@media only screen and (max-width: 991px) {
  .client .client__row > div {
    width: -webkit-calc(20% - 12px);
    width: calc(20% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .client .client__row > div {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .client__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}
.client__col img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .client__col img {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .client-img {
    width: 100px !important;
  }
}
@media only screen and (max-width: 767px) {
  .client-img {
    width: 82px !important;
  }
}

.contact {
  padding-top: 76px;
  margin-bottom: 93px;
}
@media only screen and (max-width: 767px) {
  .contact {
    padding-top: 38px;
    margin-bottom: 81px;
  }
}
.contact .heading-primary {
  padding-bottom: 53px;
}
@media only screen and (max-width: 767px) {
  .contact .heading-primary {
    padding-bottom: 16px;
  }
}
.contact .heading-primary__en {
  padding-bottom: 4px;
}
.contact__top {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .contact__top {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__top {
    padding: 0 15px 0 15px;
  }
}
.contact__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .contact__tab {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
  }
}
.contact__tab.-step1 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.contact__tab.-step2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.contact__tab.-step2 > div:nth-child(2) {
  background-color: var(--color-dark-blue-3);
}
.contact__tab.-step2 > div:nth-child(2) .contact__tab-text,
.contact__tab.-step2 > div:nth-child(2) .contact__tab-subtext {
  color: #fff;
}
.contact__tab.-step3 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.contact__tab.-step3 > div:last-child {
  background-color: var(--color-dark-blue-3);
}
.contact__tab.-step3 > div:last-child .contact__tab-text,
.contact__tab.-step3 > div:last-child .contact__tab-subtext {
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .contact__tab {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    overflow-x: hidden;
  }
}
.contact__tab-col {
  width: -webkit-calc(33.3333333333% - 13.3333333333px);
  width: calc(33.3333333333% - 13.3333333333px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-grey);
  border-radius: 4px;
  padding: 13px 15px;
}
@media only screen and (max-width: 767px) {
  .contact__tab-col {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 5px 10px;
    max-width: -webkit-calc(33.3333333333% - 6.6666666667px);
    max-width: calc(33.3333333333% - 6.6666666667px);
  }
}
@media only screen and (max-width: 575px) {
  .contact__tab-col {
    max-width: 160px;
  }
}
.contact__tab-text {
  font-size: 14px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .contact__tab-text {
    font-size: 10px;
  }
}
.contact__tab-subtext {
  font-size: 16px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .contact__tab-subtext {
    font-size: 12px;
  }
}
.contact__body {
  max-width: 1120px;
  margin: 66px auto 50px;
  background: #fff;
  padding: 50px 59px 50px 61px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media only screen and (max-width: 991px) {
  .contact__body {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__body {
    margin: 16px auto 0;
    padding: 27px 20px 40px;
  }
}
.contact .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 15px;
    margin-bottom: 1px;
  }
}
.contact .form-group:last-child {
  margin-bottom: 0;
}
.contact .form-group.padding {
  padding-bottom: 25px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group.padding {
    padding-bottom: 7px;
    margin-bottom: 1px;
  }
}
.contact .form-group.last {
  padding-bottom: 31px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group.last {
    padding-bottom: 15px;
  }
}
.contact .form-group-label {
  width: 260px;
  color: var(--color-black) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .contact .form-group-label {
    width: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .contact .form-group-label {
    width: 100%;
  }
}
.contact .form-group-label.flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.contact .form-group-label span {
  position: relative;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group-label span {
    font-size: 12px;
  }
}
.contact .form-group-label span::before {
  content: "＊";
  color: var(--color-red);
  font-size: 10px;
  font-weight: 300;
  position: absolute;
  top: -3px;
  right: -12px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group-label span::before {
    top: 0px;
    right: -11px;
  }
}
.contact .form-group label {
  font-weight: 300;
  font-size: 14px;
  line-height: 32px;
  color: var(--color-black);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .contact .form-group label {
    font-size: 12px !important;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .contact .form-group-label {
    padding-top: 2.5px;
  }
}
.contact .form-group-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .contact .form-group-inner {
    gap: 8px;
  }
}
.contact .form-group-inner.pt-10 {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group-inner select {
    padding: 11px;
  }
}
.contact .form-group-middle {
  padding-top: 44px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group-middle {
    padding-top: 32px;
  }
}
.contact .form-group-bottom {
  padding-top: 44px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group-bottom {
    padding-top: 17px;
  }
}
.contact .form-group-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.contact .form-group.mb-8 {
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group.mb-8 {
    margin-bottom: 1px;
    padding-bottom: 11px;
  }
}
.contact .form-group.pb {
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .contact .form-group.pb {
    margin-bottom: 0px;
  }
}
.contact .form-group.mb-0 {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .contact .address-input label {
    font-size: 10px !important;
  }
}
.contact .address-input:first-child {
  width: 100%;
  max-width: 304px;
}
.contact .address-input:first-child input {
  max-width: 198px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .contact .address-input:first-child input {
    max-width: 183px;
  }
}
.contact input {
  font-family: "Inter", sans-serif;
}
.contact input,
.contact textarea,
.contact select {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px;
  border: 1px solid #adadad;
  border-radius: 4px;
  font-size: 14px;
  color: var(--color-black);
}
@media only screen and (max-width: 767px) {
  .contact input,
  .contact textarea,
  .contact select {
    padding: 12px 12px 12px;
    font-size: 12px;
  }
}
.contact input:focus,
.contact textarea:focus,
.contact select:focus {
  border-color: #adadad;
  outline: none;
}
.contact textarea {
  resize: none;
  outline: none;
  width: 100%;
  min-height: 219px;
}
@media only screen and (max-width: 767px) {
  .contact textarea {
    min-height: 150px;
  }
}
.contact .radio-group input,
.contact .checkbox-group input {
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  color: var(--color-black);
}
@media only screen and (max-width: 767px) {
  .contact .radio-group input,
  .contact .checkbox-group input {
    font-size: 12px;
  }
}
.contact .radio-group input {
  padding: 0;
}
.contact .radio-group input[type="radio"] {
  width: 18px;
  height: 18px;
  border: 2px solid #adadad;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  background: #fff;
  accent-color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .contact .radio-group input[type="radio"] {
    width: 15px;
    height: 15px;
  }
}
.contact input[type="checkbox"]:checked {
  accent-color: #124a7b;
}
.contact .form-checkbox {
  margin-bottom: 26px;
  padding-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .contact .form-checkbox {
    margin-bottom: 1px;
    padding-bottom: 12px;
  }
}
.contact .form-checkbox input {
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  color: var(--color-black);
}
@media only screen and (max-width: 767px) {
  .contact .form-checkbox input {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }
}
.contact .address-input-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contact .address-input-inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.contact .address-input-content {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .contact .address-input-content {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .contact .address-input-content:last-child {
    margin-bottom: 15px;
  }
}
.contact .address-input:first-child select {
  max-width: 198px;
  width: 100%;
  cursor: pointer;
  outline: none;
  padding: 13px 30px 13px 16px;
  border: 1px solid #adadad;
  width: 218px;
  height: 46px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.710938L5.70703 5.71094L10.707 0.710938' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: -webkit-calc(100% - 16px) center;
  background-position: -webkit-calc(100% - 17px) center;
  background-position: calc(100% - 17px) center;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  border-radius: 4px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .contact .address-input:first-child select {
    max-width: 183px;
    padding: 12px 30px 12px 16px;
  }
}
.contact .zip-btn {
  background: #2c5a85;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  border: none;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  max-width: 96px;
  width: 100%;
  height: 40px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .contact .zip-btn {
    max-width: 68px;
    height: 32px;
    font-size: 10px;
  }
}
.contact .zip-btn:hover {
  background-color: #fff;
  color: #2c5a85;
  border-color: #2c5a85;
}
.contact .section-sub {
  color: var(--color-dark-blue-1);
  margin-bottom: 34px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .contact .section-sub {
    font-size: 16px;
    margin-bottom: 4px;
  }
}
.contact .privacy-box {
  margin-top: 26px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contact .privacy-box {
    margin-top: 16px;
  }
}
.contact .privacy-box textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 15px;
}
.contact .privacy-desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: var(--color-black);
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .contact .privacy-desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px;
  }
}
.contact .policy-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  padding: 25px 10px 0 30px;
  margin-bottom: 34px;
}
@media only screen and (max-width: 767px) {
  .contact .policy-box {
    padding: 12px 10px 0 20px;
    margin-bottom: 13px;
  }
}
.contact .policy-box-inner {
  max-height: 152px;
  overflow-y: auto;
  line-height: 24px;
  font-size: 16px;
  font-weight: 300;
  color: var(--color-black);
  text-align: left;
  padding-right: 41px;
  padding-bottom: 20px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .contact .policy-box-inner {
    line-height: 21px;
    font-size: 14px;
    padding-right: 9px;
    max-height: 166px;
    padding-bottom: 10px;
  }
}
.contact .policy-box-inner::-webkit-scrollbar {
  width: 4px;
  height: 106px;
}
.contact .policy-box-inner::-webkit-scrollbar-thumb {
  background: #e7e7e7;
  border-radius: 2px;
}
.contact .policy-box-inner::-webkit-scrollbar-track {
  background: transparent;
}
.contact .privacy-box label {
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  color: var(--color-black);
}
@media only screen and (max-width: 767px) {
  .contact .privacy-box label {
    font-size: 12px;
  }
}
.contact .submit-wrapper {
  margin-top: 31px;
}
@media only screen and (max-width: 767px) {
  .contact .submit-wrapper {
    margin-top: 9px;
  }
}
.contact .submit-btn {
  display: block;
  max-width: 262px;
  width: 100%;
  padding: 13px;
  background: var(--color-dark-blue-1);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .contact .submit-btn {
    font-size: 14px;
    line-height: 22px;
    max-width: 280px;
  }
}
.contact .submit-btn:hover {
  background-color: #fff;
  color: #124a7b;
  border-color: #124a7b;
}
.contact .submit-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.contact .submit-btn:disabled:hover {
  background: #ccc;
  color: var(--color-white);
  border-color: transparent;
}
.contact .checkbox-box {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #adadad;
  background-color: #fff;
  position: relative;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .contact .checkbox-box {
    width: 14px;
    height: 14px;
  }
}
.contact .checkbox-box:checked {
  background-color: #124a7b;
  border-color: #124a7b;
}
.contact .checkbox-box:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 7px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L0 4.02128L1.05 2.97872L3 4.91489L7.95 0L9 1.04255L3 7Z' fill='white'/%3E%3C/svg%3E%0A");
}
.contact .form-group-info-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.contact .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .contact .radio-group {
    gap: 16px;
  }
}
.contact .form-group-info-label-txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  color: var(--color-black);
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .contact .form-group-info-label-txt {
    font-size: 12px;
    line-height: 22px;
  }
}
.contact .confirm-check-txt {
  cursor: pointer;
}
.contact .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .contact .checkbox-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 22px;
  }
}
.contact .checkbox-group-info-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.contact .checkbox-group-info-label-txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  cursor: pointer;
  color: var(--color-black);
}
@media only screen and (max-width: 767px) {
  .contact .checkbox-group-info-label-txt {
    font-size: 12px;
    line-height: 22px;
  }
}
.contact .confirm-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.contact .confirm-check .checkbox-box {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #124a7b;
  border-radius: 2px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .contact .confirm-check .checkbox-box {
    width: 14px;
    height: 14px;
  }
}
.contact .confirm-check .checkbox-box:checked {
  background-color: #124a7b;
}
.contact .confirm-check .checkbox-box:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 7px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7L0 4.02128L1.05 2.97872L3 4.91489L7.95 0L9 1.04255L3 7Z' fill='white'/%3E%3C/svg%3E%0A");
}
.contact .confirm-check-txt {
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .contact .confirm-check-txt {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .page-friend .hero {
    margin-bottom: 95px;
  }
}
.page-friend .hero__wrapper {
  padding: 160px 0 72px;
}
@media only screen and (max-width: 767px) {
  .page-friend .hero__wrapper {
    padding: 160px 0 44px;
  }
}
.page-friend .hero__inner {
  max-width: 655px;
}
@media only screen and (max-width: 767px) {
  .page-friend .hero__inner {
    padding: 12px 19px !important;
    max-width: 100%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto;
    bottom: -90px;
  }
}
.page-friend .hero__heading {
  font-size: 38px;
  padding-bottom: 34px;
}
@media only screen and (max-width: 991px) {
  .page-friend .hero__heading {
    font-size: 25px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .hero__heading {
    font-size: 19px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .heading-primary__en {
    padding-bottom: 7px;
  }
}
.page-friend .hero__inner {
  padding: 30px 25px;
  -webkit-box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
  box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
}
.page-friend .referral {
  background-color: #f9f9f9;
  padding-bottom: 50px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-friend .referral {
    padding-bottom: 43px;
  }
}
.page-friend .referral__wrapper {
  background-color: #fff;
  max-width: 1280px;
  width: 100%;
  padding: 50px 0 64px;
  margin: -151px auto 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px 0 rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px 0 rgba(80, 129, 165, 0.2);
  position: relative;
  z-index: 2;
}
@media (max-width: 1300px) {
  .page-friend .referral__wrapper {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .referral__wrapper {
    z-index: 1;
    margin: -25px auto 10px;
    padding: 41px 0 40px;
  }
}
.page-friend .referral .desc_txt {
  text-align: center;
  margin: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .page-friend .referral .desc_txt {
    text-align: left;
    margin: 16px 0 10px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.page-friend .referral .desc_txt span {
  text-align: center;
  display: block;
}
.page-friend .referral__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 19px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .page-friend .referral__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
    padding-bottom: 18px;
  }
}
.page-friend .referral__item-txt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #124a7b;
  background-color: #e9f6ff;
  border-radius: 8px;
  padding: 5px 14px;
}
.page-friend .referral__item-txt:last-child {
  color: #0e762d;
  background-color: #effcf3;
}
.page-friend .referral__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}
@media only screen and (max-width: 767px) {
  .page-friend .referral__item-inner {
    gap: 11px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.page-friend .referral__item-desc {
  font-size: 28px;
  font-weight: 600;
  line-height: 0.9;
  color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .page-friend .referral__item-desc {
    text-align: center;
    line-height: 1.3142857143;
  }
}
.page-friend .referral__item-desc span {
  font-size: 32px;
}
.page-friend .steps {
  background-color: #f9f9f9;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .page-friend .steps {
    padding-bottom: 43px;
  }
}
.page-friend .steps__wpr-item {
  padding: 46px 32px 22px;
}
@media only screen and (max-width: 767px) {
  .page-friend .steps__wpr-item {
    padding: 29px 20px 14px;
  }
}
.page-friend .steps__ttl {
  margin-bottom: 81px;
}
@media only screen and (max-width: 767px) {
  .page-friend .steps__ttl {
    margin-bottom: 42px;
  }
}
.page-friend .steps__wpr {
  gap: 53px 32px;
}
@media only screen and (max-width: 991px) {
  .page-friend .steps__wpr {
    gap: 43px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .page-friend .steps__wpr {
    gap: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .steps__wpr-item-desc {
    line-height: 1.8;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .steps__wpr-item-ttl {
    margin-bottom: 12px;
  }
}
.page-friend .contact {
  padding-top: 68px;
}
@media only screen and (max-width: 767px) {
  .page-friend .contact {
    padding-top: 130px;
  }
}
.page-friend .contact .form-group select {
  max-width: 128px;
  width: 100%;
  height: 45px;
  cursor: pointer;
  outline: none;
  padding: 10px 30px 10px 16px;
  border: 1px solid #adadad;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.710938L5.70703 5.71094L10.707 0.710938' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: -webkit-calc(100% - 17px) center;
  background-position: calc(100% - 17px) center;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .page-friend .contact .form-group select {
    max-width: 152px;
    width: 100%;
    padding: 12px 30px 12px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .contact .section-sub {
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .contact .form-group-middle {
    padding-top: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .contact .form-group {
    margin-bottom: 10px;
  }
}
.page-friend .contact .form-group-bottom {
  padding-top: 1px;
}
@media only screen and (max-width: 767px) {
  .page-friend .contact .form-group-bottom {
    padding-top: 0;
  }
}
.page-friend .contact .policy-box {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-friend .contact .policy-box {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .page-friend .contact input {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .page-friend .contact__body {
    padding: 40px 59px 50px 61px;
  }
  .page-friend .section-sub {
    margin-bottom: 40px;
  }
  .page-friend .form-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .page-friend .form-group.-pb7 {
    padding-bottom: 7px;
  }
  .page-friend .form-group-middle {
    padding-top: 65px;
  }
}

.gift__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.gift__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 626px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .gift__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.gift__row:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 767px) {
  .gift__col img {
    width: 100%;
  }
}
.gift__col:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .gift__col:first-child img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 96px;
  }
}
.gift__col:last-child {
  background-color: #124a7b;
  padding: 28px 30px 28px 46px;
  max-width: 365px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 65px;
  position: relative;
  text-decoration: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .gift__col:last-child {
    max-width: 100%;
    padding: 14px 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: unset;
  }
}
.gift__col-inner {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.gift__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #fff;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .gift__text {
    font-size: 12px;
  }
}
.gift__subtext {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
@media only screen and (max-width: 767px) {
  .gift__subtext {
    font-size: 16px;
    line-height: 21px;
    text-underline-offset: 2px;
  }
}
.gift .pdf__link {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .gift .pdf__link {
    width: 13.85px;
    height: 13.85px;
  }
}

.req {
  margin-bottom: 0;
}
.req__top {
  padding-bottom: 54px;
}
@media only screen and (max-width: 767px) {
  .req__top {
    padding-bottom: 16px;
  }
}
.req__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .req__row {
    gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .req__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.req__col {
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
  border-radius: 8px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .req__col {
    width: -webkit-calc(50% - 12.5px);
    width: calc(50% - 12.5px);
  }
}
@media only screen and (max-width: 767px) {
  .req__col {
    width: 100%;
  }
}
.req__col:first-child {
  background-color: #e9f6ff;
  padding: 30px 50px 26px;
}
@media only screen and (max-width: 767px) {
  .req__col:first-child {
    padding: 20px;
  }
}
.req__col:first-child .req__text {
  padding-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .req__col:first-child .req__text {
    padding-bottom: 12px;
  }
}
.req__col:last-child {
  background-color: #effcf3;
  padding: 28px 57px 28px 68px;
}
@media only screen and (max-width: 991px) {
  .req__col:last-child {
    padding: 20px 20px 20px 45px;
  }
}
@media only screen and (max-width: 767px) {
  .req__col:last-child {
    padding: 20px 20px 20px 40px;
  }
}
.req__col:last-child .req__text {
  color: #0e762d;
}
.req__col img {
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .req__col img {
    max-width: 100px;
  }
}
.req__text {
  font-size: 28px;
  font-weight: 600;
  line-height: 44px;
  color: #124a7b;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .req__text {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 4px;
  }
}
.req__subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  color: #333333;
  padding-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .req__subtext {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 9px;
  }
}
.req ul {
  list-style: none;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .req ul {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
.req ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #333333;
  position: relative;
  text-align: left;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .req ul li {
    font-size: 14px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .req ul li {
    line-height: 22px;
    padding-bottom: 16px;
  }
}
.req ul li:last-child {
  padding-bottom: 0;
}
.req ul li::before {
  content: "•";
  position: absolute;
  left: -29px;
  top: 10%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 64px;
  color: #0e762d;
}

@media only screen and (max-width: 767px) {
  .page-result .hero {
    margin-bottom: 258px;
  }
}
.page-result .hero__wrapper {
  padding: 91px 0 66px;
}
@media only screen and (max-width: 767px) {
  .page-result .hero__wrapper {
    padding: 98px 0 60px;
  }
}
.page-result .hero__inner {
  max-width: 613px;
  padding: 15px 25px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 991px) {
  .page-result .hero__inner {
    max-width: 460px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .hero__inner {
    padding: 12px 20px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    max-width: 100%;
  }
}
.page-result .hero__heading {
  font-size: 38px;
  padding-bottom: 37px;
  line-height: 1.5;
}
@media only screen and (max-width: 1199px) {
  .page-result .hero__heading {
    font-size: 30px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .page-result .hero__heading {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .hero__heading {
    font-size: 19px;
    padding-bottom: 5px;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .heading-primary__en {
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .hero__inner {
    bottom: -154px;
  }
}
.page-result .benefit.-reason {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  padding: 0 80px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
@media only screen and (max-width: 1199px) {
  .page-result .benefit.-reason {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 991px) {
  .page-result .benefit.-reason {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .benefit.-reason {
    padding: 0 5px;
  }
}
.page-result .benefit.-reason .benefit__row {
  padding-top: 24px;
}
@media only screen and (max-width: 767px) {
  .page-result .benefit.-reason .benefit__row {
    padding-top: 32px;
  }
}
.page-result .benefit.-reason .benefit__col {
  padding: 51px 40px;
}
@media only screen and (max-width: 1199px) {
  .page-result .benefit.-reason .benefit__col {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .benefit.-reason .benefit__col {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-result .benefit.-reason .benefit__text {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-result .benefit.-reason .desc_txt {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .benefit.-reason .desc_txt {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .benefit.-reason .heading-primary {
    padding-bottom: 16px;
  }
}
.page-result .job-type-work.job-type {
  margin-top: 74px;
}
@media only screen and (max-width: 767px) {
  .page-result .job-type-work.job-type {
    margin-top: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .job-type-work.job-type .job-type__ttl {
    margin-bottom: 33px;
  }
}
.page-result .steps {
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .page-result .steps {
    margin-bottom: 40px;
  }
}
.page-result .steps .steps__ttl {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .page-result .steps .steps__ttl {
    margin-bottom: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .steps .steps__wpr-item-desc {
    line-height: 1.78;
  }
}
.page-result .steps .desc_txt {
  text-align: center;
  margin: 20px 0 30px;
}
@media only screen and (max-width: 767px) {
  .page-result .steps .desc_txt {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    margin: 16px 15px 0;
  }
}
.page-result .register-work {
  position: relative;
  z-index: 5;
  margin-bottom: 90px !important;
}
@media only screen and (max-width: 767px) {
  .page-result .register-work {
    margin-bottom: 80px !important;
  }
}
.page-result .faq {
  margin-bottom: 67px;
}
@media only screen and (max-width: 767px) {
  .page-result .faq {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .page-result .faq__ttl {
    margin-bottom: 17px;
  }
}
.page-result .register__wrp {
  padding: 59px 0;
}
@media only screen and (max-width: 767px) {
  .page-result .register__wrp {
    padding: 35px 0 32px;
  }
}

.troubles {
  background-color: #f0f0f0;
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .troubles {
    margin-bottom: 39px !important;
  }
}
.troubles__inner {
  max-width: 1017px;
  width: 100%;
  padding: 65px 0 72px;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .troubles__inner {
    padding: 40px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .troubles__inner {
    padding: 27px 30px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .troubles__inner {
    padding: 27px 15px 30px;
  }
}
.troubles__ttl .heading-primary__jp {
  font-size: 28px;
}
@media only screen and (max-width: 767px) {
  .troubles__ttl .heading-primary__jp {
    font-size: 18px;
  }
}
.troubles__mid-sec {
  margin: 25px 0 30px;
}
@media only screen and (max-width: 767px) {
  .troubles__mid-sec {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.troubles__mid-sec picture {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.troubles__mid-sec-sp {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.troubles__mid-sec-sp .troubles__lists {
  width: 100%;
  margin-bottom: 10px;
}
.troubles__mid-sec-sp .troubles__lists-item {
  padding: 8px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22.4px;
  color: #124a7b;
  background-color: #ffffff;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 4px;
}
.troubles__mid-sec-sp .troubles__lists-item:last-child {
  margin-bottom: 20px;
}
.troubles__desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  color: #333333;
  text-align: center;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .troubles__desc {
    font-size: 14px;
    line-height: 21px;
  }
}

.services {
  max-width: 1280px;
  width: 100%;
  padding: 50px 80px;
  border-radius: 8px;
  background-color: var(--color-white);
  position: relative;
  margin: -146px auto 70px;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media only screen and (max-width: 1399px) {
  .services {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1199px) {
  .services {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .services {
    padding: 40px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .services {
    padding: 32px 20px 30px;
    margin-bottom: 28px;
  }
}
.services .desc_txt {
  margin: 17px 0 0;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .services .desc_txt {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .services .desc_txt {
    font-size: 14px;
    text-align: left;
  }
}
.services__top {
  text-align: left;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .services__top {
    margin-bottom: 32px;
  }
}
.services__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 20px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .services__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
    gap: 32px;
  }
}
.services__col:first-child {
  max-width: 345px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .services__col:first-child {
    max-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .services__col:first-child {
    max-width: 100%;
  }
}
.services__col:first-child img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 345/239;
}
@media only screen and (max-width: 767px) {
  .services__col:first-child img {
    width: 75%;
    min-width: 270px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1199px) {
  .services__col:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.services__desc {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .services__desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
.services__content .heading-primary {
  padding-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .services__content .heading-primary {
    padding-bottom: 10px;
  }
}
.services__content .heading-primary__jp {
  font-size: 28px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .services__content .heading-primary__jp {
    font-size: 18px;
    line-height: 2.8;
    text-align: center;
  }
}
.services__table-wrap {
  border-radius: 8px;
  margin-bottom: 50px;
  -webkit-transition: margin 0.08s linear;
  transition: margin 0.08s linear;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .services__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
    margin-left: -35px;
    margin-right: -35px;
    padding-left: 35px;
    padding-right: 35px;
    padding-block: 20px;
    margin-top: -20px;
    margin-bottom: 10px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    display: block;
  }
}
.services__table-wrap .scroll-indicator {
  display: none;
}
@media only screen and (max-width: 767px) {
  .services__table-wrap .scroll-indicator {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    display: block;
    pointer-events: none;
  }
  .services__table-wrap .scroll-indicator img {
    width: 35px;
    height: 35px;
    opacity: 0.8;
    -webkit-animation: scrollMove 1.2s infinite alternate ease-in-out;
    animation: scrollMove 1.2s infinite alternate ease-in-out;
  }
}
.services__table-wrap-inner {
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px 5px rgba(18, 74, 123, 0.1);
  box-shadow: 0 0 15px 5px rgba(18, 74, 123, 0.1);
}
@media (max-width: 767px) {
  .services__table-wrap-inner {
    -webkit-box-shadow: 0 0 15px 5px rgba(18, 74, 123, 0.1);
    box-shadow: 0 0 15px 5px rgba(18, 74, 123, 0.1);
    border-radius: 8px;
    min-width: 774px;
    display: inline-block;
  }
}
@-webkit-keyframes scrollMove {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
}
@keyframes scrollMove {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
}
.services .contract-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .services .contract-table {
    min-width: 774px;
  }
}
.services .contract-table th,
.services .contract-table td {
  border: 1px solid rgba(173, 173, 173, 0.4);
  padding: 15px 20px 14px;
  vertical-align: middle;
  color: #333333;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
@media only screen and (max-width: 1199px) {
  .services .contract-table th,
  .services .contract-table td {
    font-size: 15px;
    padding: 12px 15px;
  }
}
@media only screen and (max-width: 991px) {
  .services .contract-table th,
  .services .contract-table td {
    font-size: 14px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .services .contract-table th,
  .services .contract-table td {
    padding: 13px 12px 13px 20px;
    background: #fff;
  }
}
.services .contract-table th:first-child,
.services .contract-table td:first-child {
  border-left: none;
}
.services .contract-table th:last-child,
.services .contract-table td:last-child {
  border-right: none;
}
.services .contract-table thead th {
  border-top: none;
}
.services .contract-table thead th:first-child {
  border-top-left-radius: 8px;
}
.services .contract-table thead th:last-child {
  border-top-right-radius: 8px;
}
.services .contract-table thead th {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  line-height: 2.5;
  text-align: center;
  padding: 15px 20px;
}
@media only screen and (max-width: 1199px) {
  .services .contract-table thead th {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .services .contract-table thead th {
    font-size: 15px;
    line-height: 1.3;
    padding: 13px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .services .contract-table thead th {
    font-size: 16px;
    padding: 13px 15px;
  }
}
.services .contract-table thead th:first-child {
  background: #fff;
}
.services .contract-table thead th:nth-child(2),
.services .contract-table thead th:last-child {
  width: 39.1%;
  border: unset;
}
.services .contract-table thead th.light-blue {
  background: #3b5d76;
}
.services .contract-table thead th.dark-blue {
  background: #124a7b;
}
.services .contract-table tbody td.label {
  width: 21.8%;
  font-weight: 600;
  font-size: 18px;
  line-height: 2.8;
  color: #124a7b;
  background: #f9f9f9;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .services .contract-table tbody td.label {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .services .contract-table tbody td.label {
    font-size: 14px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .services .contract-table tbody td.label {
    padding: 13px 20px;
    width: 22.5%;
  }
}
.services .contract-table tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.services .contract-table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.services .req__row {
  gap: 38px;
}
@media only screen and (max-width: 991px) {
  .services .req__row {
    gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .services .req__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.services .req__row ul {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .services .req__row ul {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-left: 20px;
  }
}
.services .req__row ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #333333;
  position: relative;
  text-align: left;
  padding-bottom: 20px;
}
.services .req__row ul li::before {
  content: "•";
  position: absolute;
  left: -29px;
  top: 7%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 64px;
  color: #0e762d;
}
@media only screen and (max-width: 767px) {
  .services .req__row ul li::before {
    top: 6%;
  }
}
.services .req__row .req__col {
  padding: 30px 50px 30px 50px;
  width: -webkit-calc(50% - 19px);
  width: calc(50% - 19px);
}
@media only screen and (max-width: 991px) {
  .services .req__row .req__col {
    padding: 30px 28px 30px 40px;
    width: -webkit-calc(50% - 12.5px);
    width: calc(50% - 12.5px);
  }
}
@media only screen and (max-width: 767px) {
  .services .req__row .req__col {
    width: 100%;
    padding: 20px;
  }
}
.services .req__row .req__col .req__text {
  padding-bottom: 25px;
  line-height: 1.6;
}
@media only screen and (max-width: 1199px) {
  .services .req__row .req__col .req__text {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .services .req__row .req__col .req__text {
    padding-bottom: 10px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .services .req__row .req__col .req__text {
    padding-bottom: 5px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .services .req__row .req__col li {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .services .req__row .req__col li {
    font-size: 14px;
    padding-bottom: 14px;
  }
}
.services .req__row .req__col li:last-child {
  padding-bottom: 0;
}
.services .req__row .req__col:first-child {
  background-color: #fffbdf;
}
.services .req__row .req__col:first-child li::before {
  color: #8c7e1a;
}
.services .req__row .req__col:first-child .req__text {
  color: #8c7e1a;
}

.page-about section {
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .page-about section {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about section.hero {
    margin-bottom: 52px;
  }
}
.page-about .hero__wrapper {
  padding: 119px 0 179px;
}
@media only screen and (max-width: 767px) {
  .page-about .hero__wrapper {
    padding: 258px 0 0;
  }
}
.page-about .hero__inner {
  max-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 30px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 767px) {
  .page-about .hero__inner {
    bottom: -28px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .page-about .hero__inner {
    padding: 12px 20px;
  }
}
.page-about .hero__heading {
  font-size: 38px;
  line-height: 57px;
  padding-bottom: 37px;
}
@media only screen and (max-width: 767px) {
  .page-about .hero__heading {
    font-size: 19px;
    line-height: 31px;
    padding-bottom: 3px;
  }
}
.page-about .service_heading {
  font-weight: 600;
}
.page-about .about_us {
  margin: -231px auto;
  padding: 50px 20px;
}
@media only screen and (max-width: 767px) {
  .page-about .about_us {
    margin: 0 auto;
    padding: 32px 20px;
  }
}
.page-about .about_us .desc_txt {
  margin: 30px 0 22px;
}
@media only screen and (max-width: 767px) {
  .page-about .about_us .desc_txt {
    margin: 20px 0 17px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .about_us .btn-primary.-lg {
    max-width: 280px;
    padding-block: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .heading-primary__en {
    padding-bottom: 5px;
  }
}
.page-about .service {
  padding-top: 325px;
}
@media only screen and (max-width: 767px) {
  .page-about .service {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .service_inner-row:first-child {
    padding-top: 63px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .service_inner-row:last-child {
    padding-bottom: 0;
  }
}
.page-about .service_content {
  gap: 37px;
}
@media only screen and (max-width: 767px) {
  .page-about .service_content {
    gap: 12px;
  }
}
.page-about .service_ttl {
  font-weight: 400;
  letter-spacing: 0.01em;
}
.page-about .service_num .active {
  font-weight: 400;
  -webkit-text-fill-color: #124a7b;
}
@media only screen and (max-width: 991px) {
  .page-about .service_num .active {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .service_num .active {
    font-size: 46px;
  }
}
.page-about .service_num span:not(.active) {
  font-size: 36px;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .page-about .service_num span:not(.active) {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .service_num span:not(.active) {
    font-size: 24px;
  }
}
.page-about .client__wrapper {
  padding: 72px 0 92px;
}
@media only screen and (max-width: 767px) {
  .page-about .client__wrapper {
    padding: 40px 0 40px;
  }
}
.page-about .client__top {
  padding-bottom: 54px;
}
@media only screen and (max-width: 767px) {
  .page-about .client__top {
    padding-bottom: 17px;
  }
}
.page-about .form-details {
  margin-bottom: 76px;
}
@media only screen and (max-width: 767px) {
  .page-about .form-details {
    margin-bottom: 39px;
  }
}
.page-about .register {
  margin-bottom: 89px;
}
@media only screen and (max-width: 767px) {
  .page-about .register {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .register__wrp-inner .btn-temp {
    margin-top: 17px;
  }
}
.page-about .btn-temp {
  min-width: 262px;
}
@media only screen and (max-width: 767px) {
  .page-about .btn-temp {
    max-width: 280px;
  }
}
.page-about .benefit {
  width: 100%;
  max-width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 71px;
}
@media only screen and (max-width: 767px) {
  .page-about .benefit {
    margin-bottom: 40px;
  }
}
.page-about .benefit__row {
  padding-top: 25px;
}
@media only screen and (max-width: 767px) {
  .page-about .benefit__row {
    padding-top: 10px;
  }
}
.page-about .benefit__col:last-child {
  padding: 35px 41px;
}
@media only screen and (max-width: 991px) {
  .page-about .benefit__col:last-child {
    padding: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .benefit__col:last-child {
    padding: 20px;
  }
}
.page-about .benefit__col {
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .page-about .benefit__col {
    gap: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .case {
    padding: 38px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .case__top {
    padding-bottom: 20px;
  }
}
.page-about section.case {
  margin-bottom: 0;
}
.page-about .case__content-inner {
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .page-about .case__content-inner {
    margin-bottom: 16px;
  }
}
.page-about .case__content-inner:last-child {
  margin-bottom: 0;
}
.page-about .form-details__top {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-about .form-details__top {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .form-details__wrp {
    gap: 16px;
  }
}
.page-about .form-details-item {
  padding: 30px 38px;
}
@media only screen and (max-width: 767px) {
  .page-about .form-details-item {
    padding: 20px 20px 20px;
  }
}
.page-about .form-details-item .temp-work__desc {
  margin: 24px 0 0;
  text-align: center;
  line-height: 22.4px;
}
@media only screen and (max-width: 767px) {
  .page-about .form-details-item .temp-work__desc {
    margin-top: 12px;
  }
}
.page-about .form-details-item .btn-temp {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .page-about .form-details-item .btn-temp {
    margin-top: 14px;
    width: 280px;
    padding-block: 11px;
  }
}
@media only screen and (max-width: 575px) {
  .page-about .register__wrp-inner {
    padding: 0 !important;
  }
}

.page-contact .heading-primary {
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-contact .heading-primary {
    padding-bottom: 16px;
  }
}
.page-contact .heading-primary__en {
  font-weight: 400;
}
.page-contact .contact {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact {
    padding-top: 40px;
  }
}
.page-contact .contact__top p.desc_txt {
  text-align: center;
  margin: 0;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__top p.desc_txt {
    line-height: 21px;
  }
}
.page-contact .contact__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-block: 76px 50px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__type {
    margin-block: 40px;
    margin-inline: -15px;
  }
}
.page-contact .contact__type-item {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 50%;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  padding-bottom: 19px;
  color: #dadada;
  border-width: 3px;
  border-bottom: solid #dadada;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__type-item {
    font-size: 14px;
    padding-bottom: 15px;
    border-width: 2px;
  }
}
.page-contact .contact__type-item:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__type-item:hover {
    opacity: 1;
  }
}
.page-contact .contact__type-item.active {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-width: 3px;
  color: #124a7b;
  border-bottom: solid #124a7b;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__type-item.active {
    border-width: 2px;
  }
}
.page-contact .contact__body {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__body {
    margin-top: 40px;
  }
}
.page-contact .contact__block {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition:
    opacity 0.3s ease,
    -webkit-transform 0.3s ease;
  transition:
    opacity 0.3s ease,
    -webkit-transform 0.3s ease;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.page-contact .contact__block.active {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.page-contact .contact .form-group-inquiry {
  max-width: 370px;
  width: 100%;
  cursor: pointer;
  outline: none;
  padding: 12px 20px;
  border: 1px solid #adadad;
  width: 370px;
  height: 46px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.710938L5.70703 5.71094L10.707 0.710938' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: -webkit-calc(100% - 16px) center;
  background-position: -webkit-calc(100% - 17px) center;
  background-position: calc(100% - 17px) center;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  border-radius: 4px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .form-group-inquiry {
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding: 12px 22px 12px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .contact input,
  .page-contact .contact textarea,
  .page-contact .contact select {
    padding-top: 11px;
  }
}
.page-contact .contact input {
  padding: 13px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact input {
    padding: 12px 12px 11px;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .form-group {
    padding-bottom: 13px;
  }
}
.page-contact .contact .form-group label {
  line-height: 2.6;
}
.page-contact .contact .address-input-content {
  margin-bottom: 5px;
}
.page-contact .contact .form-group-inner.pt-5 {
  padding-top: 5px;
}
.page-contact .contact .form-group.pb-23 {
  margin-bottom: 23px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .form-group.pb-23 {
    margin-bottom: 8px;
  }
}
.page-contact .contact .form-group.last {
  padding-bottom: 23px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .form-group.last {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .form-group-label {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .form-group-inner {
    gap: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .privacy-box {
    margin-top: 10px;
  }
}

.sales_promotion .business__desc.-reason {
  padding-top: 16px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .business__desc.-reason {
    text-align: left;
    padding-top: 12px;
    font-size: 16px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .temp-work-content {
    margin-top: 32px;
  }
}
.sales_promotion .business__desc {
  padding-top: 18px;
}
.sales_promotion .hero {
  margin-bottom: 103px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .hero {
    margin-bottom: 280px;
  }
}
.sales_promotion .hero__inner {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.sales_promotion .hero__inner-sales {
  max-width: 613px;
  padding: 13px 25px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .hero__inner-sales {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding: 12px 20px;
    bottom: -181px;
  }
}
.sales_promotion .hero__heading {
  font-size: 38px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 1199px) {
  .sales_promotion .hero__heading {
    font-size: 30px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .hero__heading {
    font-size: 19px;
    padding-bottom: 7px;
  }
}
.sales_promotion .hero__wrapper {
  padding: 117px 0 67px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .hero__wrapper {
    padding: 67px 0;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .steps__wpr-item-ttl {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .steps .business__desc.-reason {
    line-height: 1.6;
    padding-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .business__desc {
    padding-top: 20px;
  }
}
.sales_promotion .business.-sales {
  margin-bottom: 72px;
  padding: 50px 80px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .business.-sales {
    margin-bottom: 40px;
    padding: 32px 20px;
  }
}
.sales_promotion .reasons {
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .reasons {
    margin-bottom: 40px;
  }
}
.sales_promotion .reasons .benefit__col {
  padding: 40px 40px 38px;
}
@media only screen and (max-width: 991px) {
  .sales_promotion .reasons .benefit__col {
    padding: 21px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .heading-primary__en {
    padding-bottom: 5px;
  }
}
.sales_promotion .job-type-work.job-type {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .job-type-work .job-type__ttl {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .job-type-work.job-type .job-type__links-wpr {
    margin-bottom: 20px;
  }
}
.sales_promotion .services {
  margin: -148px auto 70px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .services {
    margin: -146px auto 42px;
  }
}
.sales_promotion .services__row {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .services__row {
    gap: 20px;
  }
}
.sales_promotion .services .desc_txt {
  margin: 20px 0 0;
}
.sales_promotion .services__top {
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .services__top {
    margin-bottom: 32px;
  }
}
.sales_promotion .steps.-tostart .steps__ttl {
  margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .steps.-tostart .steps__ttl {
    margin-bottom: 2px;
  }
}
.sales_promotion .steps__img {
  height: auto;
}
.sales_promotion .steps__wpr {
  margin-top: 53px;
  gap: 53px 32px;
}
@media only screen and (max-width: 991px) {
  .sales_promotion .steps__wpr {
    gap: 50px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .steps__wpr {
    margin-top: 42px;
    gap: 45px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .sales_promotion .steps__wpr {
    gap: 45px;
  }
}
.sales_promotion
  .steps
  .steps__wpr-item:nth-of-type(2)
  .steps__wpr-item-ttl
  .steps__img {
  margin-top: 0;
}
.sales_promotion .steps__wpr.--col2 .steps__wpr-item {
  padding: 48px 32px 27px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .steps__wpr.--col2 .steps__wpr-item {
    padding: 28px 20px 20px;
  }
}
.sales_promotion .register.-sales {
  margin-bottom: 80px !important;
  position: relative;
  z-index: 9;
}
.sales_promotion .register__wrp-inner-text {
  margin: 30px 0 0;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .register__wrp-inner-text {
    margin: 23px 0 0;
  }
}
.sales_promotion .faq {
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .faq {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .faq__ttl {
    margin-bottom: 22px;
  }
}
.sales_promotion .register__wrp {
  padding: 60px 0 62px;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .register__wrp {
    padding: 34px 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .register__wrp .btn-temp.-work {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .service {
    margin: 0px auto 40px;
  }
}
.sales_promotion .service__row {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .sales_promotion .service__row {
    gap: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .service__top {
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .sales_promotion .steps__wpr.--col2 .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 25px) / 2);
    flex: 0 0 -webkit-calc((100% - 25px) / 2);
    flex: 0 0 calc((100% - 25px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .sales_promotion .steps__wpr.--col2 .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 20px) / 2);
    flex: 0 0 -webkit-calc((100% - 20px) / 2);
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .sales_promotion .steps__wpr.--col2 .steps__wpr-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page-people .hero {
    margin-bottom: 252px;
  }
}
.page-people .hero__wrapper {
  padding: 141px 0 90px;
}
@media only screen and (max-width: 767px) {
  .page-people .hero__wrapper {
    padding: 129px 0 60px;
  }
}
.page-people .hero__inner {
  max-width: 613px;
  padding: 15px 25px !important;
}
@media only screen and (max-width: 767px) {
  .page-people .hero__inner {
    padding: 12px 19px !important;
    max-width: 100%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto;
    bottom: -121px;
  }
}
.page-people .hero__heading {
  font-size: 38px;
  padding-bottom: 31px;
}
@media only screen and (max-width: 1199px) {
  .page-people .hero__heading {
    font-size: 30px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .page-people .hero__heading {
    font-size: 25px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .hero__heading {
    font-size: 19px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .heading-primary__en {
    padding-bottom: 7px;
  }
}
.page-people .hero__inner {
  padding: 30px 25px;
  -webkit-box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
  box-shadow: 0 0 10px rgba(74, 180, 229, 0.16);
}
.page-people .benefit {
  margin: -170px auto 74px;
}
@media only screen and (max-width: 991px) {
  .page-people .benefit {
    padding: 32px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .benefit {
    padding: 32px 20px;
    margin: -170px auto 40px;
  }
}
.page-people .benefit .desc_txt {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4166666667;
}
@media only screen and (max-width: 1199px) {
  .page-people .benefit .desc_txt {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .benefit .desc_txt {
    font-size: 14px;
    line-height: 1.6;
  }
}
.page-people .benefit .btn-temp {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0;
  padding: 12px 10px;
  max-width: 262px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .page-people .benefit .btn-temp {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .benefit .btn-temp {
    min-width: unset;
    padding: 12px 10px;
  }
}
.page-people .benefit .btn-temp.disabled {
  pointer-events: none;
  opacity: 50%;
}
.page-people .benefit .btn-temp.dimmed {
  opacity: 0.5;
}
.page-people .benefit .btn-temp.-green {
  color: var(--color-white);
  background-color: #0e762d;
}
.page-people .benefit .btn-temp.-green:hover {
  color: #0e762d;
  border-color: #0e762d;
  background-color: var(--color-white);
}
.page-people .benefit .btn-temp.-yellow {
  color: var(--color-white);
  background-color: #8c7e1a;
}
.page-people .benefit .btn-temp.-yellow:hover {
  color: #8c7e1a;
  border-color: #8c7e1a;
  background-color: var(--color-white);
}
.page-people .benefit .btn-temp.-blue {
  color: var(--color-white);
  background-color: #124a7b;
}
.page-people .benefit .btn-temp.-blue:hover {
  color: #124a7b;
  border-color: #124a7b;
  background-color: var(--color-white);
}
.page-people .peoples__text {
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  color: var(--color-yellow);
  text-align: center;
  padding-bottom: 9px;
}
.page-people .peoples__subtext {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75;
  color: var(--color-black);
  text-align: center;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
  .page-people .peoples__subtext {
    font-size: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .page-people .peoples__subtext {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .peoples__subtext {
    font-size: 16px;
    padding-bottom: 5px;
  }
}
.page-people .peoples__desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 25.6px;
  color: var(--color-black-1);
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .page-people .peoples__desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
.page-people .peoples__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 1199px) {
  .page-people .peoples__row {
    gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .peoples__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
    gap: 24px;
  }
}
.page-people .peoples__col {
  width: -webkit-calc(33.3333333333% - 13.3333333333px);
  width: calc(33.3333333333% - 13.3333333333px);
  background-color: var(--color-light-yellow);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 1199px) {
  .page-people .peoples__col {
    width: -webkit-calc(33.3333333333% - 10px);
    width: calc(33.3333333333% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .page-people .peoples__col {
    width: 100%;
    border-radius: 0;
  }
}
.page-people .peoples__col-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 40px 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .page-people .peoples__col-content {
    padding: 0 20px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .peoples__col-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.page-people .peoples__col:nth-child(2) {
  background-color: var(--color-light-green);
}
.page-people .peoples__col:nth-child(2) .peoples__text {
  color: #0e762d;
}
.page-people .peoples__col:last-child {
  background-color: var(--color-light-blue);
}
.page-people .peoples__col:last-child .peoples__text {
  color: #124a7b;
}
.page-people .peoples__col-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-people .peoples__col img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 360/240;
}
@media only screen and (max-width: 767px) {
  .page-people .peoples__col img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .form-details {
    margin-bottom: 120px;
  }
}
.page-people .form-details .heading-primary {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .page-people .form-details .heading-primary {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .form-details .heading-primary__en {
    padding-bottom: 5px;
  }
}
.page-people .form-details .btn-temp {
  margin-top: 24px;
  max-width: 262px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-people .form-details .btn-temp {
    margin-top: 20px;
    width: 100%;
    max-width: 280px;
    padding: 13px 10px;
    font-size: 14px;
    margin-top: 18px;
  }
}
.page-people .form-details .temp-work__desc {
  margin: 20px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .page-people .form-details__wrp {
    gap: 16px;
  }
}
.page-people .form-details .form-details-item {
  padding: 30px 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .page-people .form-details .form-details-item {
    padding: 20px 12px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .form-details .form-details-item {
    margin-top: 0;
    padding: 20px;
  }
}
.page-people .form-details .form-details-item.-lblue {
  background-color: #e9f6ff;
}
.page-people .form-details .form-details-item.-lblue .temp-work__heading {
  color: #124a7b;
}
.page-people .form-details .form-details-item.-lblue .btn-temp {
  background-color: #124a7b;
  color: #fff;
}
.page-people .form-details .form-details-item.-lblue .btn-temp:hover {
  color: #124a7b;
  background-color: #fff;
  border-color: #124a7b;
}
.page-people .form-details .temp-work__desc {
  text-align: center;
  line-height: 1.5;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .page-people .form-details .temp-work__desc {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .form-details .temp-work__desc {
    margin: 13px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .form-details .form-details__wrp {
    gap: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .register {
    margin-bottom: 40px !important;
  }
}
.page-people .register__wrp {
  padding: 58px 0 62px;
}
@media only screen and (max-width: 767px) {
  .page-people .register__wrp {
    padding: 32px;
  }
}
.page-people .register__wrp .btn-temp {
  min-width: 262px;
  padding: 12px 10px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .page-people .register__wrp .btn-temp {
    min-width: 280px;
    padding: 11px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-people .register__wrp-inner {
    padding: 0 !important;
  }
}

.custom-modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
  transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
  padding: 60px 15px;
}
@media only screen and (max-width: 767px) {
  .custom-modal {
    padding: 60px 15px;
  }
}

.custom-modal.active {
  opacity: 1;
  visibility: visible;
}

.custom-modal__content {
  background: #fff;
  padding: 65px 60px 60px;
  border-radius: 8px;
  position: relative;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  -webkit-transition:
    opacity 0.4s ease,
    -webkit-transform 0.4s ease;
  transition:
    opacity 0.4s ease,
    -webkit-transform 0.4s ease;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease,
    -webkit-transform 0.4s ease;
  max-height: 100%;
  overflow-y: auto;
}
@media only screen and (max-width: 1199px) {
  .custom-modal__content {
    padding: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .custom-modal__content {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-modal__content {
    padding: 30px 15px;
  }
}
.custom-modal__content .recruit {
  margin-bottom: 72px;
}
@media only screen and (max-width: 1199px) {
  .custom-modal__content .recruit {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .recruit {
    margin-bottom: 24px;
  }
}
.custom-modal__content .recruit .heading-primary {
  padding-bottom: 36px;
}
@media only screen and (max-width: 1199px) {
  .custom-modal__content .recruit .heading-primary {
    padding-bottom: 24px;
  }
}
.custom-modal__content .recruit__table-content {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(173, 173, 173, 0.4);
}
.custom-modal__content .recruit__table-content:first-child {
  border-top: 1px solid rgba(173, 173, 173, 0.4);
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .recruit__table-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.custom-modal__content .recruit__table-text {
  border-radius: 0;
  padding: 17px 20px 17px 30px;
  max-width: 270px;
  background-color: #f9f9f9;
  color: #124a7b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  .custom-modal__content .recruit__table-text {
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .custom-modal__content .recruit__table-text {
    padding: 15px;
    max-width: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .recruit__table-text {
    padding: 10px;
    max-width: 80px;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.custom-modal__content .recruit__table-subtext {
  padding: 18px 20px 17px 30px;
  text-align: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .custom-modal__content .recruit__table-subtext {
    padding: 12px 0 12px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .recruit__table-subtext {
    padding: 10px 4px 10px 20px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 57px;
  }
}
.custom-modal__content .btn-temp {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .btn-temp {
    max-width: 262px;
    padding: 12px;
    margin-top: 24px;
  }
}
.custom-modal__content .btn-temp.-blue {
  color: var(--color-white);
  background-color: #124a7b;
}
.custom-modal__content .btn-temp.-blue:hover {
  color: #124a7b;
  border-color: #124a7b;
  background-color: var(--color-white);
}
.custom-modal__content .process {
  margin-bottom: 0;
}
.custom-modal__content .process__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .process__tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-top: 23px;
  }
}
.custom-modal__content .process__tab-link {
  width: -webkit-calc(20% - 16px);
  width: calc(20% - 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(80, 129, 165, 0.2);
  min-height: 97px;
  padding: 10px;
  border-radius: 4px;
}
@media only screen and (max-width: 991px) {
  .custom-modal__content .process__tab-link {
    min-height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .process__tab-link {
    width: 80%;
    min-height: 60px;
    gap: 4px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-modal__content .process__tab-link {
    width: 100%;
  }
}
.custom-modal__content .process__tab-text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  color: #124a7b;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .process__tab-text {
    font-size: 12px;
  }
}
.custom-modal__content .process__tab-subtext {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
  color: #124a7b;
}
@media only screen and (max-width: 991px) {
  .custom-modal__content .process__tab-subtext {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-modal__content .process__tab-subtext {
    font-size: 12px;
  }
}

.custom-modal.active .custom-modal__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.custom-model-body {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 1120px;
  width: 100%;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .custom-model-body {
    max-width: 100%;
  }
}

.custom-modal__close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  z-index: 100;
}

.profile {
  margin-bottom: 0;
}
.profile .hero {
  margin-bottom: 0;
}
.profile .hero__box-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 0;
}
.profile .hero__wrapper {
  padding: 100px 0 317px;
}
@media only screen and (max-width: 767px) {
  .profile .hero__wrapper {
    padding: 88px 0 221px;
  }
}
.profile .access__iframe-ttl {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .profile .access__iframe-ttl {
    font-size: 14px;
  }
}
.profile .services {
  margin: -239px auto 72px;
}
@media only screen and (max-width: 767px) {
  .profile .services {
    margin: -136px auto 55px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .services {
    margin-bottom: 40px;
  }
}
.profile .services .heading-primary__jp {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .profile .services .heading-primary__jp {
    margin-bottom: 18px;
  }
}
.profile .services__desc {
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .profile .services__desc {
    margin-bottom: 21px;
  }
}
.profile .services__desc:last-child {
  margin-bottom: 0;
}
.profile .services__col:last-child {
  max-width: 755px;
}
.profile .services .services__col:first-child img {
  /*aspect-ratio: 345/264;*/
  aspect-ratio: 345/371;
}
@media only screen and (max-width: 767px) {
  .profile .services .services__row {
    gap: 19px;
    margin-bottom: 0;
  }
}
.profile .company-profile {
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .profile .company-profile {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .company-profile .container {
    padding: 0 30px;
  }
}
.profile .access {
  margin-bottom: 72px;
  background-color: #e9f6ff;
  padding: 72px 0;
}
@media only screen and (max-width: 767px) {
  .profile .access {
    margin-bottom: 43px;
    padding: 42px 0 32px;
  }
}
.profile .access__wrpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  margin-top: 55px;
}
@media only screen and (max-width: 1199px) {
  .profile .access__wrpr {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .profile .access__wrpr {
    gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .access__wrpr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 31px;
  }
}
.profile .access__items {
  width: -webkit-calc(50% - 25px);
  width: calc(50% - 25px);
}
@media only screen and (max-width: 1199px) {
  .profile .access__items {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 991px) {
  .profile .access__items {
    width: -webkit-calc(50% - 12.5px);
    width: calc(50% - 12.5px);
  }
}
@media only screen and (max-width: 767px) {
  .profile .access__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .profile .access__items-ttl {
    width: 100%;
    max-width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
.profile .access__iframe {
  display: block;
  max-width: 535px;
  width: 100%;
  height: 480px;
  background-color: #d9d9d9;
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .profile .access__iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .profile .access__iframe {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .access__iframe {
    margin-top: 10px;
    height: 310px;
    max-width: 100%;
  }
}
.profile .access__iframe iframe {
  width: 100%;
  height: 100%;
}
.profile .history {
  margin-bottom: 72px;
}
@media only screen and (max-width: 1199px) {
  .profile .history {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .history {
    margin-bottom: 40px;
  }
}
.profile .history__details {
  margin-top: 57px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .profile .history__details {
    margin-top: 18px;
  }
}
.profile .history__details-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  border-top: 1px solid rgba(173, 173, 173, 0.4);
  padding: 14px 15px 14px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .profile .history__details-items {
    gap: 11px;
    padding: 10px 10px 10px 0;
    min-height: 52px;
  }
}
.profile .history__details-items::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 96px;
  height: 1px;
  background-color: #124a7b;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .profile .history__details-items::before {
    width: 70px;
  }
}
.profile .history__details-items:last-of-type {
  padding: 19px 0 0 0;
}
.profile .history__date {
  color: #3b5d76;
  font-family: "Helvetica LT Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  max-width: 95px;
  width: 100%;
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .profile .history__date {
    font-size: 12px;
    max-width: 70px;
    margin-right: 0;
    text-align: left;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .profile .history__date.-pdr {
    padding-right: 10px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.profile .history__event {
  color: #333333;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .profile .history__event {
    font-size: 12px;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.profile .results {
  padding: 72px 0;
  background-color: #f9f9f9;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .profile .results {
    padding: 46px 0 44px;
  }
}
.profile .results__ttl {
  margin-left: 20px;
}
.profile .results .worker__cnt {
  margin-top: 52px;
}
@media only screen and (max-width: 767px) {
  .profile .results .worker__cnt {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .register {
    margin-bottom: 40px !important;
  }
}
.profile .register__wrp {
  padding: 59px 0;
}
@media only screen and (max-width: 767px) {
  .profile .register__wrp {
    padding: 34px 0 28px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .register__wrp-inner {
    padding: 0 32px !important;
  }
}
.profile .register .btn-temp {
  min-width: 262px;
  padding: 12px 10px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .profile .register .btn-temp {
    min-width: 280px;
    padding: 11px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .profile .group_companies {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 575px) {
  .profile .group_companies {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.profile .record {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .profile .record {
    padding: 0;
    margin-bottom: 80px;
  }
}
.profile .record__wrapper {
  padding: 50px 80px 43px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(80, 129, 165, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(80, 129, 165, 0.2);
}
@media (max-width: 1400px) {
  .profile .record__wrapper {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .profile .record__wrapper {
    padding: 20px 15px;
    max-width: 100%;
  }
}
.profile .record .heading-primary__jp {
  font-size: 24px;
  line-height: 2.13;
}
@media only screen and (max-width: 767px) {
  .profile .record .heading-primary__jp {
    font-size: 18px;
    line-height: 2.84;
    margin-right: auto;
  }
}
.profile .record__desc {
  font-size: 16px;
  color: #333333;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
  margin: 13px 0 10px;
}
@media only screen and (max-width: 767px) {
  .profile .record__desc {
    font-size: 16px;
    text-align: left;
  }
}
.profile .record .group_companies {
  max-width: 582px;
}
@media only screen and (max-width: 767px) {
  .profile .record .group_companies {
    gap: 28px;
    margin-top: 16px;
  }
}
.profile .record__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 660px;
  width: 100%;
  gap: 20px;
  margin: 32px auto;
}
@media only screen and (max-width: 767px) {
  .profile .record__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px auto 20px;
  }
}
.profile .record__details-item {
  max-width: 320px;
  width: 100%;
  background-color: #e9f6ff;
  padding: 9px 29px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 33px;
}
@media only screen and (max-width: 767px) {
  .profile .record__details-item {
    padding: 10px 20px;
    gap: 37px;
  }
}
@media only screen and (max-width: 991px) {
  .profile .record__details-item {
    max-width: 660px;
  }
}
.profile .record__details-txt {
  font-size: 16px;
  color: #124a7b;
  font-weight: 300;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .profile .record__details-txt {
    font-size: 14px;
    line-height: 1.8;
  }
}
.profile .record__details-total {
  margin-left: auto;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.28;
  color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .profile .record__details-total {
    font-size: 20px;
    line-height: 1.28;
  }
}
.profile .record__more-details {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .profile .record__more-details {
    text-align: left;
    margin: 0 25px;
  }
}
@media only screen and (max-width: 575px) {
  .profile .record__more-details {
    text-align: left;
    margin: 0;
  }
}
.profile .record__more-details-desc {
  font-size: 16px;
  line-height: 2;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .profile .record__more-details-desc {
    line-height: 1.3;
  }
}
.profile .record__more-details-links {
  font-size: 14px;
  font-weight: 300;
  line-height: 2.9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .profile .record__more-details-links {
    line-height: 2.5;
    font-size: 13px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    margin-top: 10px;
  }
}
.profile .record__more-details-links a {
  text-decoration: underline;
  color: #124a7b;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  cursor: pointer;
}
.profile .record__more-details-links a:hover {
  opacity: 0.8;
}
.profile .services .heading-secondary-jp {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .profile .services .heading-secondary-jp {
    font-size: 14px;
    text-align: center;
  }
}
.profile .services__row {
  margin-bottom: 0;
}

.profile .company-profile-table,
.recruit__content-two .company-profile-table {
  margin-top: 40px;
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .profile .company-profile-table,
  .recruit__content-two .company-profile-table {
    margin-top: 26px;
  }
}
.profile .company-profile-table tr,
.recruit__content-two .company-profile-table tr {
  border-bottom: 1px solid rgba(173, 173, 173, 0.4);
}
@media only screen and (max-width: 767px) {
  .profile .company-profile-table tr,
  .recruit__content-two .company-profile-table tr {
    min-height: 57px;
  }
}
.profile .company-profile-table tr:first-child,
.recruit__content-two .company-profile-table tr:first-child {
  border-top: 1px solid rgba(173, 173, 173, 0.4);
}
.profile .company-profile-table th,
.recruit__content-two .company-profile-table th {
  width: 270px;
  color: #124a7b;
  background-color: #f9f9f9;
  padding: 17px 30px;
  font-weight: 600;
  line-height: 1.6;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media only screen and (max-width: 991px) {
  .profile .company-profile-table th,
  .recruit__content-two .company-profile-table th {
    width: 180px;
    padding: 14px 10px 14px 10px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .profile .company-profile-table th,
  .recruit__content-two .company-profile-table th {
    width: 100px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .profile .company-profile-table th,
  .recruit__content-two .company-profile-table th {
    width: 80px;
  }
}
.profile .company-profile-table td,
.recruit__content-two .company-profile-table td {
  padding: 17px 30px 17px 30px;
  line-height: 1.6;
  font-weight: 300;
  color: #333333;
}
@media only screen and (max-width: 1199px) {
  .profile .company-profile-table td,
  .recruit__content-two .company-profile-table td {
    padding: 10px 15px 10px 20px;
    font-size: 14px;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .profile .company-profile-table td,
  .recruit__content-two .company-profile-table td {
    padding: 10px 12px 10px 20px;
    font-size: 12px;
    line-height: 1.5;
  }
}
.profile .company-profile-table ul.mb,
.recruit__content-two .company-profile-table ul.mb {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .profile .company-profile-table ul.mb,
  .recruit__content-two .company-profile-table ul.mb {
    margin-bottom: 0;
  }
}
.profile .company-profile-table-text,
.recruit__content-two .company-profile-table-text {
  margin-right: auto;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .profile .company-profile-table-text,
  .recruit__content-two .company-profile-table-text {
    font-size: 12px;
    line-height: 1.5;
  }
}
.profile .company-profile-table-text.-mt,
.recruit__content-two .company-profile-table-text.-mt {
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .profile .company-profile-table-text.-mt,
  .recruit__content-two .company-profile-table-text.-mt {
    margin-top: 0;
  }
}

.page-news .hero {
  margin-bottom: 0;
}
.page-news .hero__box-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 0;
}
.page-news .hero__wrapper {
  padding: 109px 0 309px;
}
@media only screen and (max-width: 767px) {
  .page-news .hero__wrapper {
    padding: 88px 0 221px;
  }
}
.page-news .news_list {
  margin-top: 0;
}
.page-news .news_item {
  border-bottom: 1px solid rgba(173, 173, 173, 0.4);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  padding: 19px 0 19px 0;
}
@media only screen and (max-width: 767px) {
  .page-news .news_item {
    padding: 10px 0 10px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .page-news .news_item:first-child {
    padding: 0 0 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .news_item:first-child {
    padding: 0 0 10px 0;
  }
}
.page-news .news_date {
  margin-left: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  color: #fff;
  background-color: #124a7b;
  border-radius: 2px;
  padding: 4px 12px;
  max-width: 99px;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .page-news .news_date {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .news_date {
    font-size: 10px;
    padding: 2px 5px 3px;
    max-width: 75px;
  }
}
.page-news .news_title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5625;
  color: #333333;
  position: relative;
  width: 100%;
  padding-right: 20px;
}
@media only screen and (max-width: 991px) {
  .page-news .news_title {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .news_title {
    font-size: 14px;
    line-height: 1.7857142857;
    padding-right: 15px;
  }
}
.page-news .news_title::before {
  display: block;
  content: "";
  width: 10px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 10.7109L5.70703 5.71094L0.707031 0.710938' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .page-news .news_title::before {
    right: -2px;
  }
}
.page-news .faq {
  max-width: 1280px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: -240px auto 72px;
  z-index: 2;
}
@media (max-width: 1400px) {
  .page-news .faq {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 991px) {
  .page-news .faq {
    margin: -180px auto 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .faq {
    margin: -135px auto 40px;
  }
}
.page-news .faq-text {
  margin-left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .page-news .faq-text {
    font-size: 16px;
    line-height: 1.5625;
  }
}
.page-news .faq__accordion-item {
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  border: unset;
  background-color: #fff;
  margin-bottom: 40px;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .page-news .faq__accordion-item {
    margin: 0 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .faq__accordion-item {
    margin: 0 0 22px;
  }
}
.page-news .faq__accordion-item-question {
  padding: 32px 80px;
}
@media only screen and (max-width: 991px) {
  .page-news .faq__accordion-item-question {
    padding: 25px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .faq__accordion-item-question {
    padding: 15px;
  }
}
.page-news .faq-toggle-icon {
  margin-right: 0;
}
.page-news .faq__accordion-item::before {
  content: unset;
}
.page-news .faq__accordion-item-answer-inner {
  padding: 0 80px 32px;
}
@media only screen and (max-width: 991px) {
  .page-news .faq__accordion-item-answer-inner {
    padding: 0 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .faq__accordion-item-answer-inner {
    padding: 5px 14px 15px 15px;
  }
}
.page-news .form-details {
  background-color: #f9f9f9;
  padding-block: 72px;
}
@media only screen and (max-width: 991px) {
  .page-news .form-details {
    padding-block: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .form-details {
    padding-block: 40px;
  }
}
.page-news .form-details .heading-primary {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .page-news .form-details .heading-primary {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .form-details .heading-primary__en {
    padding-bottom: 5px;
  }
}
.page-news .form-details .btn-temp {
  margin-top: 24px;
  max-width: 262px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-news .form-details .btn-temp {
    margin-top: 20px;
    width: 100%;
    max-width: 280px;
    padding: 13px 10px;
    font-size: 14px;
    margin-top: 18px;
  }
}
.page-news .form-details .temp-work__desc {
  margin: 20px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .page-news .form-details__wrp {
    gap: 16px;
  }
}
.page-news .form-details .form-details-item {
  padding: 30px 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .page-news .form-details .form-details-item {
    padding: 20px 12px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .form-details .form-details-item {
    margin-top: 0;
    padding: 20px;
  }
}
.page-news .form-details .form-details-item.-lblue {
  background-color: #e9f6ff;
}
.page-news .form-details .form-details-item.-lblue .temp-work__heading {
  color: #124a7b;
}
.page-news .form-details .form-details-item.-lblue .btn-temp {
  background-color: #124a7b;
  color: #fff;
}
.page-news .form-details .form-details-item.-lblue .btn-temp:hover {
  color: #124a7b;
  background-color: #fff;
  border-color: #124a7b;
}
.page-news .form-details .temp-work__desc {
  text-align: center;
  line-height: 1.5;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .page-news .form-details .temp-work__desc {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .form-details .temp-work__desc {
    margin: 13px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .form-details .form-details__wrp {
    gap: 17px;
  }
}

.page-news__detail {
  max-width: 1120px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: -240px auto 112px;
  background-color: #ffffff;
  padding: 32px 80px;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media (max-width: 1400px) {
  .page-news__detail {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 991px) {
  .page-news__detail {
    margin: -180px auto 50px;
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news__detail {
    margin: -135px auto 80px;
    padding: 20px 15px;
  }
}
.page-news__detail .hero {
  margin-bottom: 0;
}
.page-news__detail .hero__box-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 0;
}
.page-news__detail .hero__wrapper {
  padding: 100px 0 317px;
}
@media only screen and (max-width: 767px) {
  .page-news__detail .hero__wrapper {
    padding: 100px 0 209px;
  }
}
.page-news__detail .news_list {
  color: #333;
}
.page-news__detail .news_item {
  border: unset;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  padding: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .page-news__detail .news_item {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .page-news__detail .news_item {
    gap: 12px;
    margin-bottom: 12px;
  }
}
.page-news__detail .news_item:hover {
  opacity: 1;
}
.page-news__detail .news_item::before {
  content: unset;
}
.page-news__detail .news_title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  display: block;
  overflow: visible;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .page-news__detail .news_title {
    font-size: 16px;
    line-height: 1.5;
  }
}
.page-news__detail .news_title:before {
  content: unset;
}
@media only screen and (max-width: 767px) {
  .page-news__detail .news_date {
    font-size: 8px;
    padding: 3px 5px 3px;
    max-width: 66px;
  }
}
.page-news__detail .page-news-btn {
  text-align: center;
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .page-news__detail .page-news-btn {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-news__detail .page-news-btn {
    margin-top: 32px;
  }
}
.page-news__detail .page-news-btn .btn-temp {
  margin-top: 0;
}
.page-news__detail .btn-temp {
  padding: 12px 10px;
}
.wp-content p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5625;
  color: #333333;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .wp-content p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
  }
}
.wp-content .has-text-align-left,
.wp-content .text-left {
  text-align: left;
}
.wp-content .has-text-align-right,
.wp-content .text-right {
  text-align: right;
}
.wp-content .has-text-align-center,
.wp-content .text-center {
  text-align: center;
}
.wp-content sup {
  vertical-align: super;
}
.wp-content sub {
  vertical-align: sub;
}
.wp-content h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: #333;
  display: block;
  overflow: visible;
  padding-right: 0;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .wp-content h1 {
    font-size: 16px;
    line-height: 1.5;
  }
}
.wp-content h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  color: #333;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .wp-content h2 {
    font-size: 14px;
    padding-bottom: 20px;
  }
}
.wp-content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  color: #333333;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .wp-content h3 {
    font-size: 14px;
  }
}
.wp-content h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  color: #333333;
  padding-bottom: 10px;
}
.wp-content h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: #333333;
  padding-bottom: 10px;
}
.wp-content h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  color: #333333;
  padding-bottom: 10px;
}
.wp-content strong {
  font-weight: 700;
  font-size: 16px;
}
.wp-content em {
  font-style: italic;
}
.wp-content ol {
  margin: 0 0 25px;
  list-style: decimal;
  padding-left: 20px;
}
.wp-content ol li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #333;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .wp-content ol li {
    font-size: 14px;
  }
}
.wp-content ol li:last-of-type {
  margin-bottom: 0;
}
.wp-content ul {
  list-style: disc;
  margin: 0 0 25px;
  padding-left: 20px;
}
.wp-content ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #333;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .wp-content ul li {
    font-size: 14px;
  }
}
.wp-content ul li:last-of-type {
  margin-bottom: 0;
}
.wp-content blockquote {
  padding-left: 20px;
  margin-bottom: 35px;
  position: relative;
}
.wp-content blockquote::before {
  content: "";
  background-color: #e3e3e3;
  width: 5px;
  height: 100%;
  border-radius: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wp-content img {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .wp-content img {
    width: 100%;
    margin-bottom: 12px;
  }
}
.wp-content a {
  color: #333;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  margin-bottom: 15px;
  display: inline-block;
}
.wp-content a:hover {
  opacity: 0.7;
}
.wp-content a[target="_blank"] {
  position: relative;
  padding-right: 18px;
}
.wp-content a[target="_blank"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.239' height='13.239' viewBox='0 0 13.239 13.239'%3E%3Cpath d='M141.408-806.761a1.359,1.359,0,0,1-1-.409,1.359,1.359,0,0,1-.409-1v-10.423a1.359,1.359,0,0,1,.409-1,1.359,1.359,0,0,1,1-.409h4.912v1.168h-4.912a.229.229,0,0,0-.165.075.229.229,0,0,0-.075.165v10.423a.229.229,0,0,0,.075.165.229.229,0,0,0,.165.075h10.423A.229.229,0,0,0,152-808a.229.229,0,0,0,.075-.165v-4.912h1.168v4.912a1.359,1.359,0,0,1-.409,1,1.359,1.359,0,0,1-1,.409Zm3.435-4.023-.821-.821,7.227-7.227h-3.073V-820h5.062v5.062h-1.168v-3.073Z' fill='%23097bb7' transform='translate(-140 820)'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-contact .contact__block.-business_outsourcing {
  margin-top: 78px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__block.-business_outsourcing {
    margin-top: 40px;
  }
}

.contact .checkbox-box {
  padding: 0 !important;
}

.mt42 {
  margin-top: 42px !important;
}

.pb20 {
  margin-bottom: 5px !important;
  padding-bottom: 20px !important;
}
@media only screen and (max-width: 767px) {
  .pb20 {
    padding-bottom: 21px !important;
  }
}

.pb8 {
  padding-bottom: 8px !important;
}
@media only screen and (max-width: 767px) {
  .pb8 {
    padding-bottom: 10px !important;
  }
}

.mb4 {
  margin-bottom: 4px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.privacy-policy__detail {
  max-width: 1120px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: -239px auto 112px;
  background-color: #ffffff;
  padding: 32px 80px;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media (max-width: 1400px) {
  .privacy-policy__detail {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 991px) {
  .privacy-policy__detail {
    margin: -180px auto 50px;
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .privacy-policy__detail {
    margin: -135px auto 80px;
    padding: 20px 15px;
  }
}
.privacy-policy__detail .heading_sec {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #124a7b;
}
@media only screen and (max-width: 767px) {
  .privacy-policy__detail .heading_sec {
    font-size: 16px;
    line-height: 1.5;
  }
}
.privacy-policy__detail .desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 26px;
}
.privacy-policy__detail .desc:last-child {
  margin-bottom: 0;
}
.privacy-policy__detail .desc.signature {
  text-align: right;
  margin-top: 52px;
}
@media only screen and (max-width: 767px) {
  .privacy-policy__detail .desc.signature {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .privacy-policy__detail .desc {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 14px;
  }
}
.privacy-policy .hero {
  margin-bottom: 0;
}
.privacy-policy .hero__box-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 0;
}
.privacy-policy .hero__wrapper {
  padding: 111px 0 306px;
}
@media only screen and (max-width: 767px) {
  .privacy-policy .hero__wrapper {
    padding: 100px 0 209px;
  }
}

.disclosure ol {
  list-style: auto;
  margin-left: 23px;
}
@media only screen and (max-width: 767px) {
  .disclosure ol {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
  }
}
.disclosure__detail {
  max-width: 1120px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: -240px auto 98px;
  background-color: #ffffff;
  padding: 32px 80px 32px 82px;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media (max-width: 1400px) {
  .disclosure__detail {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 991px) {
  .disclosure__detail {
    margin: -180px auto 50px;
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .disclosure__detail {
    margin: -135px auto 80px;
    padding: 20px 15px;
  }
}
.disclosure__detail .desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 26px;
}
.disclosure__detail .desc:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .disclosure__detail .desc {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
  }
}
.disclosure .hero {
  margin-bottom: 0;
}
.disclosure .hero__box-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 0;
}
.disclosure .hero__wrapper {
  padding: 111px 0 306px;
}
@media only screen and (max-width: 767px) {
  .disclosure .hero__wrapper {
    padding: 100px 0 209px;
  }
}
.disclosure .worker__pdf-wpr {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .disclosure .worker__pdf-wpr {
    margin-top: 25pxF;
  }
}

.site-map__detail {
  max-width: 1120px;
  width: 100%;
  border-radius: 8px;
  position: relative;
  margin: -240px auto 112px;
  background-color: #ffffff;
  padding: 32px 80px;
  z-index: 2;
  -webkit-box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
  box-shadow: 0 0 15px rgba(80, 129, 165, 0.2);
}
@media (max-width: 1400px) {
  .site-map__detail {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 991px) {
  .site-map__detail {
    margin: -180px auto 50px;
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .site-map__detail {
    margin: -135px auto 80px;
    padding: 20px 15px;
  }
}
.site-map .hero {
  margin-bottom: 0;
}
.site-map .hero__box-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5081a5;
  opacity: 0.8;
  z-index: 0;
}
.site-map .hero__wrapper {
  padding: 111px 0 306px;
}
@media only screen and (max-width: 767px) {
  .site-map .hero__wrapper {
    padding: 100px 0 209px;
  }
}

.smap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}
@media only screen and (max-width: 991px) {
  .smap {
    gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .smap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}

.smap-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.smap-group {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .smap-group {
    margin: 0 0 22px;
  }
}
.smap-group:last-child {
  margin-bottom: 0;
}

.smap-item {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 300;
}
.smap-item.-ind1 a {
  padding-left: 16px;
}
.smap-item.-ind2 a {
  padding-left: 32px;
}
.smap-item.-ind3 a {
  padding-left: 48px;
}
@media only screen and (max-width: 767px) {
  .smap-item {
    font-size: 14px;
  }
  .smap-item.-ind1 a {
    padding-left: 12px;
  }
  .smap-item.-ind2 a {
    padding-left: 24px;
  }
  .smap-item.-ind3 a {
    padding-left: 36px;
  }
}

.smap-link {
  color: #124a7b;
  text-decoration: none;
  font-size: inherit;
  white-space: nowrap;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  position: relative;
}
.smap-link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: #124a7b;
}
.smap-link:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .smap-link {
    white-space: normal;
    word-break: break-word;
  }
}

.smap-link.-locked {
  position: relative;
}

.smap-link.-locked::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 13px;
  height: 14px;
  margin-left: 5px;
  vertical-align: middle;
  background: url("../img/site-map/lock.svg") no-repeat center/contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-contact .contact .desc_txt.-resume {
  max-width: 824px;
  margin: 0 auto;
  text-align: left;
}
.page-contact .contact .desc_txt.-resume li {
  position: relative;
  padding-left: 15px;
  list-style: none;
}
.page-contact .contact .desc_txt.-resume li:before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
}
.page-contact .contact__block.-resume {
  margin-top: 28px;
}
.page-contact .heading_contact {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  width: 100%;
  text-align: center;
  color: #124a7b;
  background-color: #f3f3f3;
  padding: 13px 0;
  margin: 0 0 23px;
}
@media only screen and (max-width: 767px) {
  .page-contact .heading_contact {
    font-size: 16px;
    padding: 8px 0;
  }
}
.page-contact .contact__body.-resume {
  padding: 11px 59.5px 63px 59.5px;
  margin-top: 40px;
}
@media only screen and (max-width: 991px) {
  .page-contact .contact__body.-resume {
    padding: 10px 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .contact__body.-resume {
    padding: 10px 20px 40px;
  }
}
.page-contact .contact .zip-btn.-resume {
  width: 138px;
  max-width: 100%;
}
.page-contact .form-group.nobdr {
  border: none;
}
.page-contact .form-group.nobdr.mp0 {
  margin: 0;
  padding: 0;
}
.page-contact .contact_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-contact .contact_flex .notice {
  font-size: 14px;
  font-weight: 300;
  line-height: 2.3;
  color: #000000;
  margin-top: 9px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact_flex .notice {
    font-size: 12px;
    line-height: 1.6;
  }
}
.page-contact .form-group select {
  max-width: 191px;
  width: 100%;
  height: 45px;
  cursor: pointer;
  outline: none;
  padding: 10px 30px 10px 16px;
  border: 1px solid #adadad;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.710938L5.70703 5.71094L10.707 0.710938' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: -webkit-calc(100% - 17px) center;
  background-position: calc(100% - 17px) center;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  border-radius: 4px;
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-group select {
    max-width: 200px;
    width: 100%;
    padding: 12px 30px 12px 16px;
    margin-bottom: 10px;
  }
}
.page-contact .contact .radio-group {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -15px;
}
@media only screen and (max-width: 767px) {
  .page-contact .contact .radio-group {
    margin-top: 0;
  }
}
.page-contact .contact .checkbox-group {
  gap: 0 20px;
  max-width: 645px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-contact .contact .checkbox-group.mw600 {
  max-width: 600px;
}
.page-contact .form-group-label.-resume {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.page-contact .contact .form-group {
  margin-bottom: 21px;
  padding-bottom: 21px;
}
.page-contact .contact .form-checkbox {
  margin-bottom: 23px;
  padding-bottom: 27px;
}
.page-contact .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .page-contact .flex-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.page-contact .contact__body.-recruitment {
  margin-top: 42px;
}

.page-contact .contact .form-group.pb-5 {
  margin-bottom: 5px;
}

.page-contact .contact .form-group.last.-rec {
  padding-bottom: 15px;
}
/*# sourceMappingURL=app.css.map */