@charset "UTF-8";
/*
Theme Name: ATJC 2023
Author: Qoil
Description: test
Version: 1.0
*/
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
hr:not([size]) {
  height: 1px;
}

h6, h5, h4, h3, h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: bold;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: bold;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title], abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol, ul {
  padding-left: 2rem;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  text-decoration: underline;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre, code, kbd, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}

input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
legend + * {
  clear: left;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

body {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  font-weight: 400;
}

html {
  height: 100%;
  overflow-y: scroll;
}

body {
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 100%;
  height: 100%;
  overflow-wrap: break-word;
  color: #000000;
}

ol, ul, li {
  padding-left: 0;
  list-style: none;
}

picture {
  display: block;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

a {
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease;
}
a::before, a::after {
  transition: all 0.3s ease;
}
a:hover {
  color: #009F9F;
  text-decoration: none;
}

button {
  transition: all 0.3s ease;
}
button::before, button::after {
  transition: all 0.3s ease;
}

@media (max-width: 768.98px) {
  .pc {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media (max-width: 1400.98px) {
  .maxxxl {
    display: none;
  }
}

@media (max-width: 1200.98px) {
  .maxxl {
    display: none;
  }
}

@media (max-width: 992.98px) {
  .maxlg {
    display: none;
  }
}

@media (max-width: 768.98px) {
  .maxmd {
    display: none;
  }
}

@media (max-width: 576.98px) {
  .maxsm {
    display: none;
  }
}

@media (min-width: 1401px) {
  .minxxl {
    display: none;
  }
}

@media (min-width: 1201px) {
  .minxl {
    display: none;
  }
}

@media (min-width: 993px) {
  .minlg {
    display: none;
  }
}

@media (min-width: 769px) {
  .minmd {
    display: none;
  }
}

@media (min-width: 577px) {
  .minsm {
    display: none;
  }
}

h1, h2, h3, h4, h5,
p, ul, ol, dl, dt, dd {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5 {
  font-size: 1rem;
  font-weight: normal;
}

*:focus {
  outline: none !important;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.gf-notosans {
  font-family: "Noto Sans JP", sans-serif;
}

.gf-poppins, body#notfound section.head h1.page-title .en, body#positions section.faq .faq-q::before,
body#positions section.faq .faq-a::before, body#staff section.interview .int-img-doc, footer#footer .footer-copyright, header#header .gnav-translate, section.page-b-head .page-title .en, section.page-a-head .page-title .en, .section-title .en {
  font-family: "Poppins", sans-serif;
}

.d-none {
  display: none !important;
}

html {
  position: relative;
  scroll-padding-top: 80px;
}
@media (max-width: 768.98px) {
  html {
    scroll-padding-top: 72px;
  }
}

body {
  top: 0 !important;
  min-height: auto !important;
}

#load {
  width: var(--vw);
  height: var(--vh);
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFF;
  z-index: 10000;
  transition: all 1s ease;
}
#load.is-active {
  opacity: 0;
  visibility: hidden;
}

.section-wrap {
  max-width: 1038px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768.98px) {
  .section-wrap {
    padding-right: 22px;
    padding-left: 22px;
  }
}

.section-title {
  line-height: 1;
  margin-bottom: 60px;
}
@media (max-width: 768.98px) {
  .section-title {
    margin-bottom: 40px;
  }
}
.section-title .en {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.24em;
  margin-bottom: 26px;
}
@media (max-width: 768.98px) {
  .section-title .en {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.section-title .ja {
  font-weight: 700;
  letter-spacing: 0.12em;
}
@media (max-width: 768.98px) {
  .section-title .ja {
    font-size: 12px;
  }
}

.link-btn {
  display: block;
  position: relative;
  border: 2px solid #009F9F;
  background-color: #009F9F;
  max-width: 286px;
  width: 100%;
  color: #FFF;
  font-weight: bold;
  border-radius: 8px;
  padding: 12px 20px 13px;
  overflow: hidden;
}
@media (max-width: 768.98px) {
  .link-btn {
    max-width: 283px;
    font-size: 14px;
    padding: 15px 20px 16px;
  }
}
.link-btn:hover {
  color: #009F9F;
}
.link-btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 349px;
  bottom: -158px;
  width: 500px;
  height: 500px;
  z-index: 0;
  background-color: #FFF;
  transform: rotate(45deg);
}
.link-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  width: 15px;
  height: 8px;
  z-index: 1;
  background-image: url(assets/img/common/arw_w.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.link-btn div {
  position: relative;
  z-index: 1;
}
.link-btn:hover::before {
  right: 0;
}
.link-btn:hover::after {
  background-image: url(assets/img/common/arw_g.svg);
}

.is-scroll {
  opacity: 0;
  transform: translateY(100px);
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.is-scroll.is-active {
  animation-name: fadeInUp;
}
@media (min-width: 769px) {
  .is-scroll:nth-child(1) {
    animation-delay: 0.3s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(2) {
    animation-delay: 0.6s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(3) {
    animation-delay: 0.9s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(4) {
    animation-delay: 1.2s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(5) {
    animation-delay: 1.5s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(6) {
    animation-delay: 1.8s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(7) {
    animation-delay: 2.1s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(8) {
    animation-delay: 2.4s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(9) {
    animation-delay: 2.7s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(10) {
    animation-delay: 3s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(11) {
    animation-delay: 3.3s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(12) {
    animation-delay: 3.6s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(13) {
    animation-delay: 3.9s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(14) {
    animation-delay: 4.2s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(15) {
    animation-delay: 4.5s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(16) {
    animation-delay: 4.8s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(17) {
    animation-delay: 5.1s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(18) {
    animation-delay: 5.4s;
  }
}
@media (min-width: 769px) {
  .is-scroll:nth-child(19) {
    animation-delay: 5.7s;
  }
}
.is-scroll.nodelay {
  animation-delay: 0s !important;
}

section.breadcrumb {
  padding: 40px 0;
}
section.breadcrumb .bc-list {
  display: flex;
  flex-wrap: wrap;
}
section.breadcrumb .bc-item {
  display: flex;
}
@media (max-width: 768.98px) {
  section.breadcrumb .bc-item {
    font-size: 14px;
  }
}
section.breadcrumb .bc-item:not(:last-child)::after {
  content: "・";
  display: block;
  padding: 0 0.5em;
}
section.breadcrumb span.bc-link {
  color: #646464;
}

section.page-a-head {
  background-color: #009F9F;
  color: #FFF;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  min-height: 400px;
  padding-top: 124px;
}
@media (max-width: 768.98px) {
  section.page-a-head {
    min-height: 254px;
    padding-top: 80px;
  }
}
section.page-a-head .page-title {
  line-height: 1;
  text-align: left;
}
section.page-a-head .page-title .en {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.24em;
  margin-bottom: 25px;
}
@media (max-width: 768.98px) {
  section.page-a-head .page-title .en {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
section.page-a-head .page-title .ja {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.12em;
}
@media (max-width: 768.98px) {
  section.page-a-head .page-title .ja {
    font-size: 12px;
  }
}
section.page-a-head .kv-copy {
  font-size: 32px;
  line-height: 60px;
  letter-spacing: 0.12em;
  font-weight: bold;
  margin-top: 48px;
}
@media (max-width: 768.98px) {
  section.page-a-head .kv-copy {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.1em;
    font-feature-settings: "palt" 1;
  }
}
@media (max-width: 768.98px) {
  section.page-a-head .kv-copy {
    margin-top: 35px;
  }
}
@media (max-width: 768.98px) {
  section.page-a-head .kv-copy.line2 {
    margin-top: 35px;
  }
}
@media (max-width: 768.98px) {
  section.page-a-head .kv-copy.line3 {
    margin-top: 18px;
  }
}

body#about section.page-a-head {
  background-image: url(assets/img/about/kv.webp);
}
@media (max-width: 768.98px) {
  body#about section.page-a-head {
    background-image: url(assets/img/about/kv@2x.webp);
  }
}

body#strength section.page-a-head {
  background-image: url(assets/img/strength/kv.webp);
}
@media (max-width: 768.98px) {
  body#strength section.page-a-head {
    background-image: url(assets/img/strength/kv@2x.webp);
  }
}

body#services section.page-a-head {
  background-image: url(assets/img/services/kv.webp);
}
@media (max-width: 768.98px) {
  body#services section.page-a-head {
    background-image: url(assets/img/services/kv@2x.webp);
  }
}

body#engineering-sv section.page-a-head {
  background-image: url(assets/img/engineering-sv/kv.webp);
}
@media (max-width: 768.98px) {
  body#engineering-sv section.page-a-head {
    background-image: url(assets/img/engineering-sv/kv@2x.webp);
  }
}

body#dxconsulting section.page-a-head {
  background-image: url(assets/img/dxconsulting/kv.webp);
}
@media (max-width: 768.98px) {
  body#dxconsulting section.page-a-head {
    background-image: url(assets/img/dxconsulting/kv@2x.webp);
  }
}

body#system-dev section.page-a-head {
  background-image: url(assets/img/system-dev/kv.webp);
}
@media (max-width: 768.98px) {
  body#system-dev section.page-a-head {
    background-image: url(assets/img/system-dev/kv@2x.webp);
  }
}

body#research-and-dev section.page-a-head {
  background-image: url(assets/img/research-and-dev/kv.webp);
}
@media (max-width: 768.98px) {
  body#research-and-dev section.page-a-head {
    background-image: url(assets/img/research-and-dev/kv@2x.webp);
  }
}

body#support-results section.page-a-head {
  background-image: url(assets/img/support-results/kv.webp);
}
@media (max-width: 768.98px) {
  body#support-results section.page-a-head {
    background-image: url(assets/img/support-results/kv@2x.webp);
  }
}

body#company section.page-a-head {
  background-image: url(assets/img/company/kv.webp);
}
@media (max-width: 768.98px) {
  body#company section.page-a-head {
    background-image: url(assets/img/company/kv@2x.webp);
  }
}

body#archive section.page-a-head {
  background-image: url(assets/img/archive/kv.webp);
}
@media (max-width: 768.98px) {
  body#archive section.page-a-head {
    background-image: url(assets/img/archive/kv@2x.webp);
  }
}

body#contact section.page-a-head {
  background-image: url(assets/img/contact/kv.webp);
}
@media (max-width: 768.98px) {
  body#contact section.page-a-head {
    background-image: url(assets/img/contact/kv@2x.webp);
  }
}

body#policy section.page-a-head {
  background-image: url(assets/img/policy/kv.webp);
}
@media (max-width: 768.98px) {
  body#policy section.page-a-head {
    background-image: url(assets/img/policy/kv@2x.webp);
  }
}

body#contact-partner-co section.page-a-head,
body#contact-system-dev section.page-a-head,
body#contact section.page-a-head {
  background-image: url(assets/img/contact/kv.webp);
}
@media (max-width: 768.98px) {
  body#contact-partner-co section.page-a-head,
body#contact-system-dev section.page-a-head,
body#contact section.page-a-head {
    background-image: url(assets/img/contact/kv@2x.webp);
  }
}

section.page-b-head {
  background-color: #009F9F;
  position: relative;
  width: 100%;
  color: #FFF;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  min-height: 620px;
  padding-top: 124px;
}
@media (max-width: 768.98px) {
  section.page-b-head {
    min-height: 314px;
    padding-top: 80px;
  }
}
section.page-b-head::after {
  content: "";
  display: block;
  background-image: url(assets/img/recruit/arc2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  aspect-ratio: 1366/108;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  min-height: 108px;
}
@media (max-width: 768.98px) {
  section.page-b-head::after {
    background-image: url(assets/img/recruit/arc2@2x.svg);
    aspect-ratio: 375/31;
    min-height: auto;
  }
}
section.page-b-head .page-title {
  line-height: 1;
  text-align: left;
}
section.page-b-head .page-title .en {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.24em;
  margin-bottom: 25px;
}
@media (max-width: 768.98px) {
  section.page-b-head .page-title .en {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
section.page-b-head .page-title .ja {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.12em;
}
@media (max-width: 768.98px) {
  section.page-b-head .page-title .ja {
    font-size: 12px;
  }
}

body#recruit section.page-b-head {
  background-image: url(assets/img/recruit/kv.webp);
}
@media (max-width: 768.98px) {
  body#recruit section.page-b-head {
    background-image: url(assets/img/recruit/kv@2x.webp);
  }
}
body#recruit section.breadcrumb {
  background-color: #CCECEC;
}

body#data section.page-b-head {
  background-image: url(assets/img/data/kv.webp);
}
@media (max-width: 768.98px) {
  body#data section.page-b-head {
    background-image: url(assets/img/data/kv@2x.webp);
  }
}
body#data section.breadcrumb {
  background-color: #CCECEC;
}

body#training section.page-b-head {
  background-image: url(assets/img/training/kv.webp);
}
@media (max-width: 768.98px) {
  body#training section.page-b-head {
    background-image: url(assets/img/training/kv@2x.webp);
  }
}
body#training section.breadcrumb {
  background-color: #CCECEC;
}

body#welfare-and-culture section.page-b-head {
  background-image: url(assets/img/welfare-and-culture/kv.webp);
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.page-b-head {
    background-image: url(assets/img/welfare-and-culture/kv@2x.webp);
  }
}
body#welfare-and-culture section.breadcrumb {
  background-color: #CCECEC;
}

body#positions section.page-b-head {
  background-image: url(assets/img/positions/kv.webp);
}
@media (max-width: 768.98px) {
  body#positions section.page-b-head {
    background-image: url(assets/img/positions/kv@2x.webp);
  }
}
body#positions section.breadcrumb {
  background-color: #CCECEC;
}

body#staff section.page-b-head {
  background-image: url(assets/img/staff/kv.webp);
}
@media (max-width: 768.98px) {
  body#staff section.page-b-head {
    background-image: url(assets/img/staff/kv@2x.webp);
  }
}
body#staff section.breadcrumb {
  background-color: #CCECEC;
}

body#interview-ishii section.page-b-head {
  background-image: url(assets/img/interview-ishii/kv.webp);
}
@media (max-width: 768.98px) {
  body#interview-ishii section.page-b-head {
    background-image: url(assets/img/interview-ishii/kv@2x.webp);
  }
}
body#interview-ishii section.breadcrumb {
  background-color: #CCECEC;
}

body#interview-fukushima section.page-b-head {
  background-image: url(assets/img/interview-fukushima/kv.webp);
}
@media (max-width: 768.98px) {
  body#interview-fukushima section.page-b-head {
    background-image: url(assets/img/interview-fukushima/kv@2x.webp);
  }
}
body#interview-fukushima section.breadcrumb {
  background-color: #CCECEC;
}

body#dev-engineer section.page-b-head,
body#infra-engineer section.page-b-head,
body#it-consultant section.page-b-head {
  background-image: url(assets/img/positions/kv.webp);
}
@media (max-width: 768.98px) {
  body#dev-engineer section.page-b-head,
body#infra-engineer section.page-b-head,
body#it-consultant section.page-b-head {
    background-image: url(assets/img/positions/kv@2x.webp);
  }
}
body#dev-engineer section.breadcrumb,
body#infra-engineer section.breadcrumb,
body#it-consultant section.breadcrumb {
  background-color: #CCECEC;
}

body#newgraduate section.page-b-head,
body#career section.page-b-head {
  background-image: url(assets/img/positions/kv.webp);
}
@media (max-width: 768.98px) {
  body#newgraduate section.page-b-head,
body#career section.page-b-head {
    background-image: url(assets/img/positions/kv@2x.webp);
  }
}
body#newgraduate section.breadcrumb,
body#career section.breadcrumb {
  background-color: #CCECEC;
}

body#staff section.page-b-head::after,
body#interview-ishii section.page-b-head::after,
body#interview-fukushima section.page-b-head::after,
body#positions section.page-b-head::after,
body#dev-engineer section.page-b-head::after,
body#infra-engineer section.page-b-head::after,
body#it-consultant section.page-b-head::after {
  background-image: url(assets/img/recruit/arc2_w.svg);
}
@media (max-width: 768.98px) {
  body#staff section.page-b-head::after,
body#interview-ishii section.page-b-head::after,
body#interview-fukushima section.page-b-head::after,
body#positions section.page-b-head::after,
body#dev-engineer section.page-b-head::after,
body#infra-engineer section.page-b-head::after,
body#it-consultant section.page-b-head::after {
    background-image: url(assets/img/recruit/arc2_w@2x.svg);
  }
}

section.entry {
  position: relative;
  background-color: #CCECEC;
  padding-top: 90px;
  padding-bottom: 60px;
}
@media (max-width: 768.98px) {
  section.entry {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
section.entry::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  background-color: #CCECEC;
  width: 100%;
  bottom: 100%;
  height: 289px;
}
@media (max-width: 768.98px) {
  section.entry::before {
    height: 78.4vw;
  }
}
section.entry .section-wrap {
  position: relative;
  z-index: 1;
}
section.entry .section-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 60px;
  text-align: center;
  letter-spacing: 0.12em;
}
@media (max-width: 768.98px) {
  section.entry .section-title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media (min-width: 769px) {
  section.entry .entry-wrap {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
  }
}
@media (min-width: 769px) {
  section.entry .entry-item {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 768.98px) {
  section.entry .entry-item {
    margin-bottom: 20px;
  }
}
section.entry .entry-btn {
  display: block;
  background-color: #009F9F;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 31px 0;
  border-radius: 8px;
  border: 3px solid #009F9F;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768.98px) {
  section.entry .entry-btn {
    font-size: 20px;
    padding: 18px 0;
  }
}
section.entry .entry-btn::before {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  width: 600px;
  height: 600px;
  background-color: #FFF;
  top: -304px;
  left: -720px;
}
section.entry .entry-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  right: 28px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 15px;
  height: 9px;
  background-image: url(assets/img/recruit/arw.svg);
  background-repeat: no-repeat;
  background-position: left top;
}
section.entry .entry-btn div {
  position: relative;
  z-index: 1;
}
section.entry .entry-btn:hover {
  color: #009F9F;
}
section.entry .entry-btn:hover::before {
  left: 0;
}
section.entry .entry-btn:hover::after {
  background-image: url(assets/img/services/arw_g.svg);
}

a.brand {
  display: block;
  height: 26px;
  aspect-ratio: 96.24/26;
}
@media (max-width: 768.98px) {
  a.brand {
    height: 24px;
  }
}
a.brand:hover {
  opacity: 0.6;
}

header#header {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  width: 100%;
  height: 80px;
  padding-right: 50px;
  padding-left: 50px;
  font-size: 14px;
  background-color: transparent;
}
@media (max-width: 768.98px) {
  header#header {
    height: 72px;
    padding-right: 22px;
    padding-left: 20px;
  }
}
@media (max-width: 768.98px) {
  header#header a.brand {
    z-index: 9998;
  }
}
header#header a.brand svg path {
  fill: #FFF;
}
@media (min-width: 769px) {
  header#header nav#gnav {
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 768.98px) {
  header#header nav#gnav {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    padding-top: var(--headerHeight);
    height: var(--vh);
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease;
    z-index: 9990;
    overflow-y: scroll;
    padding-bottom: 60px;
  }
}
@media (max-width: 768.98px) {
  header#header nav#gnav.is-active {
    left: 0;
  }
}
@media (min-width: 769px) {
  header#header .gnav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-list {
    padding: 0 22px;
  }
}
header#header .gnav-item {
  margin: 0 16px;
}
@media (max-width: 1200.98px) {
  header#header .gnav-item {
    margin: 0 8px;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-item {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #C8C8C8;
  }
}
header#header .gnav-link,
header#header .gnav-sub-link,
header#header .gnav-translate-btn {
  color: #FFF;
}
header#header .gnav-link {
  display: block;
}
@media (max-width: 1200.98px) {
  header#header .gnav-link {
    font-size: 12px;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-link {
    font-size: 16px;
    padding: 24px 0 24px 24px;
  }
}
header#header .gnav-link:hover {
  color: #009F9F;
}
@media (min-width: 769px) {
  header#header .gnav-sub-list {
    display: none !important;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sub-list {
    display: none;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sub-item {
    padding-left: 48px;
    margin-bottom: 28px;
  }
}
@media (min-width: 769px) {
  header#header .gnav-sub-btn {
    display: none;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sub-btn {
    cursor: pointer;
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 72px;
    z-index: 2;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sub-btn::before, header#header .gnav-sub-btn::after {
    content: "";
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all 0.3s ease;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sub-btn::before {
    width: 13px;
    height: 1px;
    right: 20px;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sub-btn::after {
    width: 1px;
    height: 13px;
    right: 26px;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sub-btn.is-active::after {
    height: 1px;
  }
}
header#header .gnav-btn-wrap {
  margin: 0 20px 0 16px;
  width: 124px;
}
@media (max-width: 768.98px) {
  header#header .gnav-btn-wrap {
    margin: 60px 0 20px;
    padding: 0 20px;
    width: 100%;
  }
}
header#header .gnav-btn {
  display: block;
  border-radius: 8px;
  background-color: #009F9F;
  color: #FFF;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 8px;
  border: 2px solid #009F9F;
  width: 100%;
  position: relative;
  overflow: hidden;
}
header#header .gnav-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: -104px;
  left: -236px;
  width: 200px;
  height: 200px;
  transform: rotate(45deg);
  z-index: 0;
  background-color: #FFF;
}
header#header .gnav-btn div {
  position: relative;
  z-index: 1;
}
header#header .gnav-btn:hover {
  color: #009F9F;
}
header#header .gnav-btn:hover::before {
  left: 0;
}
@media (max-width: 768.98px) {
  header#header .gnav-translate {
    position: relative;
    margin-bottom: 20px;
    display: flex;
  }
}
header#header .gnav-translate-btn {
  cursor: pointer;
}
@media (max-width: 768.98px) {
  header#header .gnav-translate-btn {
    text-align: center;
    padding: 0 22px;
    width: 106px;
  }
}
header#header .gnav-translate-btn .en {
  opacity: 0.4;
}
header#header .gnav-translate-btn:hover {
  opacity: 0.6;
}
header#header .gnav-translate-btn.is-active .ja {
  opacity: 0.4;
}
header#header .gnav-translate-btn.is-active .en {
  opacity: 1;
}
header#header .gnav-translate-box {
  background-color: transparent;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
@media (min-width: 769px) {
  header#header .gnav-translate-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 100%;
    left: 0;
    padding-bottom: 20px;
    padding-right: 50px;
    justify-content: flex-end;
  }
}
header#header .gnav-translate-box.is-active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 769px) {
  header#header .gnav-sns {
    display: none;
  }
}
@media (max-width: 768.98px) {
  header#header .gnav-sns {
    display: flex;
    margin-left: 22px;
  }
}
header#header .gnav-sns-link {
  display: block;
  margin-right: 20px;
  width: 24px;
  height: 24px;
}
header#header #humberger {
  margin-left: auto;
  position: relative;
  width: 20px;
  height: 17px;
  z-index: 9998;
}
@media (min-width: 769px) {
  header#header #humberger {
    display: none;
  }
}
header#header #humberger::before, header#header #humberger::after,
header#header #humberger .humberger {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 1px;
  background-color: #FFF;
}
header#header #humberger::before {
  top: 0;
  transform-origin: left top;
}
header#header #humberger::after {
  bottom: 0;
  transform-origin: left bottom;
}
header#header #humberger .humberger {
  top: 0;
  bottom: 0;
  margin: auto;
}
header#header #humberger.is-active::before {
  transform: rotate(45deg);
  width: 23px;
}
header#header #humberger.is-active::after {
  transform: rotate(-45deg);
  width: 23px;
}
header#header #humberger.is-active .humberger {
  transform: translatex(20px);
  opacity: 0;
}
header#header {
  transition: all 0.3s ease;
}
header#header a.brand svg path {
  transition: all 0.3s ease;
}
header#header .gnav-sub-link,
header#header .gnav-link,
header#header .gnav-translate-btn {
  transition: all 0.3s ease;
}
header#header .gnav-translate-box {
  transition: all 0.3s ease;
}
header#header #humberger::before, header#header #humberger::after,
header#header #humberger .humberger {
  transition: all 0.3s ease;
}
header#header.header-white:not(.is-active), header#header.is-scrolled {
  background-color: #FFF;
}
header#header.header-white:not(.is-active) a.brand svg path, header#header.is-scrolled a.brand svg path {
  fill: #000;
}
header#header.header-white:not(.is-active) .gnav-sub-link,
header#header.header-white:not(.is-active) .gnav-link,
header#header.header-white:not(.is-active) .gnav-translate-btn, header#header.is-scrolled .gnav-sub-link,
header#header.is-scrolled .gnav-link,
header#header.is-scrolled .gnav-translate-btn {
  color: #000;
}
header#header.header-white:not(.is-active) .gnav-sub-link:hover,
header#header.header-white:not(.is-active) .gnav-link:hover, header#header.is-scrolled .gnav-sub-link:hover,
header#header.is-scrolled .gnav-link:hover {
  color: #009F9F;
}
header#header.header-white:not(.is-active) .gnav-translate-box, header#header.is-scrolled .gnav-translate-box {
  background-color: #FFF;
}
header#header.header-white:not(.is-active) #humberger::before, header#header.header-white:not(.is-active) #humberger::after,
header#header.header-white:not(.is-active) #humberger .humberger, header#header.is-scrolled #humberger::before, header#header.is-scrolled #humberger::after,
header#header.is-scrolled #humberger .humberger {
  background-color: #000;
}

footer#footer {
  position: relative;
  background-color: #282828;
  padding-bottom: 40px;
}
footer#footer .footer-wrap {
  max-width: 1038px;
  margin: auto;
  width: 100%;
}
@media (max-width: 768.98px) {
  footer#footer .footer-wrap {
    padding-right: 22px;
    padding-left: 22px;
  }
}
footer#footer .fnav {
  padding: 60px 0;
  border-bottom: 1px solid #FFF;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768.98px) {
  footer#footer .fnav {
    padding: 28px 0 0;
    border-bottom: none;
    flex-direction: column;
  }
}
footer#footer .fnav-list {
  width: 33.3333%;
}
@media (max-width: 768.98px) {
  footer#footer .fnav-list {
    width: 100%;
  }
}
footer#footer .fnav-item {
  position: relative;
  margin-bottom: 38px;
}
@media (max-width: 768.98px) {
  footer#footer .fnav-item {
    margin-bottom: 0;
    border-bottom: 1px solid #FFF;
  }
}
footer#footer .fnav-link,
footer#footer .fnav-sub-link {
  display: block;
  color: #FFF;
  line-height: 1;
}
footer#footer .fnav-link:hover,
footer#footer .fnav-sub-link:hover {
  color: #009F9F;
}
@media (max-width: 768.98px) {
  footer#footer .fnav-link {
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 24px;
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 769px) {
  footer#footer .fnav-sub-btn {
    display: none;
  }
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-btn {
    cursor: pointer;
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 72px;
    z-index: 2;
  }
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-btn::before, footer#footer .fnav-sub-btn::after {
    content: "";
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all 0.3s ease;
  }
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-btn::before {
    width: 13px;
    height: 1px;
    right: 20px;
  }
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-btn::after {
    width: 1px;
    height: 13px;
    right: 26px;
  }
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-btn.is-active::after {
    height: 1px;
  }
}
footer#footer .fnav-sub-list {
  margin-top: 16px;
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-list {
    margin-top: 0;
    display: none;
    padding-bottom: 28px;
  }
}
footer#footer .fnav-sub-item:not(:last-child) {
  margin-bottom: 14px;
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-item:not(:last-child) {
    margin-bottom: 28px;
  }
}
footer#footer .fnav-sub-link {
  font-size: 14px;
}
@media (max-width: 768.98px) {
  footer#footer .fnav-sub-link {
    padding-left: 48px;
  }
}
footer#footer .footer-foot {
  padding: 40px 0;
}
@media (min-width: 769px) {
  footer#footer .footer-foot {
    padding: 60px 0 40px;
    display: flex;
    align-items: center;
  }
}
footer#footer .footer-foot a.brand svg path {
  fill: #FFF;
}
footer#footer .footer-sns {
  display: flex;
}
@media (min-width: 769px) {
  footer#footer .footer-sns {
    margin-left: 80px;
  }
}
@media (max-width: 768.98px) {
  footer#footer .footer-sns {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
footer#footer .footer-sns-link {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
footer#footer .footer-sns-link:hover {
  opacity: 0.6;
}
footer#footer .footer-policy {
  display: block;
  margin-left: auto;
  margin-right: 38px;
  color: #FFF;
}
@media (max-width: 768.98px) {
  footer#footer .footer-policy {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
footer#footer .footer-policy:hover {
  color: #009F9F;
}
footer#footer .footer-group {
  background-color: #FFF;
  padding: 20px 41px;
  border-radius: 12px;
}
@media (min-width: 769px) {
  footer#footer .footer-group {
    display: flex;
  }
}
footer#footer .footer-group-link {
  display: block;
  height: 24px;
}
@media (max-width: 768.98px) {
  footer#footer .footer-group-link {
    margin-right: auto;
    margin-left: auto;
  }
}
footer#footer .footer-group-link.worldco {
  aspect-ratio: 114.192/24;
}
footer#footer .footer-group-link.narerug {
  aspect-ratio: 142.918/24;
  margin-right: 41px;
}
@media (max-width: 768.98px) {
  footer#footer .footer-group-link.narerug {
    margin-right: auto;
    margin-bottom: 20px;
  }
}
footer#footer .footer-group-link:hover {
  opacity: 0.6;
}
footer#footer .footer-copyright {
  font-weight: 500;
  font-size: 12px;
  color: #FFF;
}

#topback {
  position: absolute;
  right: 50px;
  bottom: 84px;
  width: 40px;
  height: 40px;
  z-index: 9999;
  display: block;
}
@media (max-width: 768.98px) {
  #topback {
    right: 22px;
    bottom: 25px;
  }
}
#topback:hover {
  opacity: 0.6;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
body#index main#main {
  padding-top: var(--headerHeight);
}
body#index section.kv {
  position: relative;
  padding-top: 40px;
  padding-bottom: 54px;
}
@media (max-width: 768.98px) {
  body#index section.kv {
    padding-top: 0;
    padding-bottom: 60px;
  }
}
body#index section.kv .kv-img {
  position: absolute;
  top: 0;
  right: max(0px, 50% - 633px);
  max-width: 1266px;
  width: calc(100vw - var(--scrollbarWidth));
  z-index: 1;
}
@media (max-width: 768.98px) {
  body#index section.kv .kv-img {
    top: 25.7vw;
    top: 96px;
    width: 94.1333vw;
    right: 0;
  }
}
body#index section.kv .section-wrap {
  position: relative;
  z-index: 2;
}
@media (max-width: 768.98px) {
  body#index section.kv .section-wrap {
    padding-right: 0;
    padding-left: 0;
  }
}
body#index section.kv .kv-copy {
  max-width: 532px;
  width: 100%;
  font-size: 28px;
  line-height: 52px;
  font-weight: 900;
  margin-bottom: 12px;
  color: #FFF;
}
@media (max-width: 768.98px) {
  body#index section.kv .kv-copy {
    margin-left: 34px;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 75.73333vw;
    max-width: 315px;
  }
}
body#index section.kv .kv-copy-line {
  padding: 1px 12px;
  background-color: rgba(0, 0, 0, 0.6);
  margin-bottom: 8px;
}
@media (max-width: 768.98px) {
  body#index section.kv .kv-copy-line {
    padding: 6px 6px;
    font-feature-settings: "palt" 1;
  }
}
body#index section.kv .kv-text {
  margin-bottom: 20px;
  background-color: #FFF;
  padding: 8px 12px;
  max-width: 379px;
}
@media (max-width: 768.98px) {
  body#index section.kv .kv-text {
    font-size: 14px;
    padding: 0;
    margin-bottom: 30px;
    padding-left: 34px;
  }
}
@media (max-width: 768.98px) {
  body#index section.kv .link-btn {
    margin-right: auto;
    margin-left: auto;
  }
}
body#index section.recruit {
  position: relative;
  z-index: 2;
  padding-bottom: 160px;
}
@media (max-width: 768.98px) {
  body#index section.recruit {
    padding-bottom: 100px;
  }
}
@media (min-width: 769px) {
  body#index section.recruit .recruit-inner {
    border-radius: 12px;
    background-color: #eaeaea;
    padding: 80px;
  }
}
@media (max-width: 768.98px) {
  body#index section.recruit .recruit-inner {
    padding-top: 60px;
  }
}
@media (max-width: 768.98px) {
  body#index section.recruit .section-title {
    color: #FFF;
  }
}
@media (min-width: 769px) {
  body#index section.recruit .recruit-wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  body#index section.recruit .recruit-img {
    width: 51.025%;
  }
}
@media (max-width: 768.98px) {
  body#index section.recruit .recruit-img {
    position: absolute;
    top: 0;
    left: -22px;
    width: 100%;
    z-index: -1;
    width: calc(100% + 22px);
  }
}
@media (min-width: 769px) {
  body#index section.recruit .recruit-doc {
    padding-right: 20px;
    width: 48.975%;
  }
}
body#index section.recruit .recruit-title {
  margin-top: -10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.833333;
  margin-bottom: 30px;
}
@media (max-width: 768.98px) {
  body#index section.recruit .recruit-title {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 28px;
    color: #FFF;
  }
}
body#index section.recruit .recruit-text {
  line-height: 2;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#index section.recruit .recruit-text {
    font-size: 14px;
    line-height: 1.724;
    margin-bottom: 28px;
  }
}
@media (max-width: 768.98px) {
  body#index section.recruit .recruit-doc-box {
    border-radius: 12px;
    background-color: #eaeaea;
    padding: 24px 24px 29px;
  }
}
body#index section.strength {
  padding-bottom: 160px;
}
@media (max-width: 768.98px) {
  body#index section.strength {
    padding-bottom: 100px;
  }
}
body#index section.strength .str-wrap {
  margin-bottom: 80px;
}
@media (min-width: 769px) {
  body#index section.strength .str-wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 768.98px) {
  body#index section.strength .str-wrap {
    margin-bottom: 32px;
  }
}
body#index section.strength .str-box {
  max-width: 330px;
  width: 100%;
  border-radius: 12px;
  background-color: #F4F4F4;
  padding: 40px 0;
}
@media (max-width: 768.98px) {
  body#index section.strength .str-box {
    max-width: 100%;
    margin-bottom: 20px;
    padding: 28px 0;
  }
}
body#index section.strength .str-img {
  max-width: 186px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 32px;
}
@media (max-width: 768.98px) {
  body#index section.strength .str-img {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
body#index section.strength .str-text {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#index section.strength .str-text {
    font-size: 18px;
  }
}
body#index section.strength .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#index section.service {
  padding: 120px 0;
  background-color: #505050;
}
@media (max-width: 768.98px) {
  body#index section.service {
    padding: 60px 0;
  }
}
body#index section.service .section-title {
  color: #FFF;
}
@media (min-width: 769px) {
  body#index section.service .service-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 72px;
  }
}
@media (max-width: 768.98px) {
  body#index section.service .service-wrap {
    margin-bottom: 52px;
  }
}
body#index section.service .service-box {
  max-width: 330px;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#index section.service .service-box {
    max-width: 100%;
    margin-bottom: 50px;
  }
}
body#index section.service .service-img {
  margin-bottom: 32px;
}
@media (max-width: 768.98px) {
  body#index section.service .service-img {
    margin-bottom: 16px;
  }
}
body#index section.service .service-text {
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
  line-height: 1.6666;
}
@media (min-width: 769px) {
  body#index section.service .service-text {
    text-align: center;
  }
}
@media (max-width: 768.98px) {
  body#index section.service .service-text {
    font-size: 18px;
    line-height: 1.77777;
  }
}
body#index section.service .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#index section.resdev {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (max-width: 768.98px) {
  body#index section.resdev {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 769px) {
  body#index section.resdev .resdev-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-right: -21px;
    margin-left: -21px;
    margin-bottom: 16px;
  }
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-wrap {
    margin-bottom: 60px;
  }
}
@media (min-width: 769px) {
  body#index section.resdev .resdev-box {
    margin-bottom: 60px;
    padding: 0 21px;
    width: 360px;
    width: 50%;
  }
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-box {
    display: flex;
  }
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-box:not(:last-child) {
    border-bottom: 1px solid #C8C8C8;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
body#index section.resdev .resdev-img {
  margin-bottom: 24px;
  width: 100%;
  aspect-ratio: 318/156;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-img {
    margin-bottom: 0;
    width: 44.72%;
  }
}
body#index section.resdev .resdev-img img {
  aspect-ratio: 21/14;
}
@media (min-width: 769px) {
  body#index section.resdev .resdev-img img {
    height: 140px;
  }
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-img img {
    height: 86px;
  }
}
@media (min-width: 769px) {
  body#index section.resdev .resdev-text {
    margin-bottom: 16px;
    text-align: center;
  }
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-text {
    margin-bottom: 12px;
    font-size: 14px;
  }
}
body#index section.resdev .resdev-title {
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 769px) {
  body#index section.resdev .resdev-title {
    text-align: center;
  }
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-title {
    font-size: 18px;
  }
}
@media (max-width: 768.98px) {
  body#index section.resdev .resdev-doc {
    width: 55.28%;
  }
}
body#index section.resdev .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#index section.corp {
  background-color: #F4F4F4;
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#index section.corp {
    padding: 60px 0;
  }
}
@media (min-width: 769px) {
  body#index section.corp .corp-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
  }
}
body#index section.corp .corp-text {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.83333;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#index section.corp .corp-text {
    font-size: 18px;
    line-height: 1.7777;
    margin-bottom: 32px;
  }
}
body#index section.corp .corp-img {
  max-width: 568px;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#index section.corp .corp-img {
    width: 100%;
    margin-left: -21px;
    width: 94.13333vw;
    margin-bottom: 46px;
  }
}
body#index section.corp a.link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#index section.news {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#index section.news {
    padding: 100px 0;
  }
}
@media (min-width: 769px) {
  body#index section.news .news-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -21px;
    margin-left: -21px;
    margin-bottom: 72px;
  }
}
@media (max-width: 768.98px) {
  body#index section.news .news-wrap {
    margin-bottom: 56px;
  }
}
body#index section.news .news-item {
  position: relative;
}
@media (min-width: 769px) {
  body#index section.news .news-item {
    width: 33.3333%;
    padding-right: 21px;
    padding-left: 21px;
  }
}
@media (max-width: 768.98px) {
  body#index section.news .news-item {
    margin-bottom: 40px;
  }
}
body#index section.news .news-link {
  display: block;
}
body#index section.news .news-img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F4F4F4;
  margin-bottom: 20px;
}
body#index section.news .news-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: all 0.75s ease;
}
body#index section.news .news-link:hover .news-img img {
  transform: scale(120%);
}
body#index section.news .news-tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  line-height: 1;
  font-weight: bold;
  color: #FFF;
  background-color: #000;
  padding: 3px 26px 5px;
  border-radius: 12px 0 0 0;
}
@media (min-width: 769px) {
  body#index section.news .news-tag {
    left: 21px;
  }
}
body#index section.news .news-title {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (max-width: 768.98px) {
  body#index section.news .news-title {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
@media (max-width: 768.98px) {
  body#index section.news .news-date {
    font-size: 14px;
  }
}
body#index section.news .link-btn {
  margin-right: auto;
  margin-left: auto;
}

body#about section.lead {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#about section.lead {
    padding: 80px 0;
  }
}
body#about section.lead .lead-text {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.75;
}
@media (max-width: 768.98px) {
  body#about section.lead .lead-text {
    font-size: 18px;
    line-height: 1.77777;
  }
}
body#about section.service {
  background-color: #505050;
  color: #FFF;
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#about section.service {
    padding: 60px 0;
  }
}
body#about section.service .service-main-title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.571;
  margin-bottom: 60px;
}
@media (max-width: 768.98px) {
  body#about section.service .service-main-title {
    font-size: 22px;
    line-height: 1.63;
    margin-bottom: 40px;
  }
}
@media (min-width: 769px) {
  body#about section.service .service-wrap {
    display: flex;
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: 80px;
  }
}
body#about section.service .service-box {
  padding-right: 12px;
  padding-left: 12px;
  width: 33.33333%;
}
@media (max-width: 768.98px) {
  body#about section.service .service-box {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    margin-bottom: 52px;
  }
}
body#about section.service .service-img {
  margin-bottom: 28px;
}
@media (max-width: 768.98px) {
  body#about section.service .service-img {
    margin-bottom: 20px;
  }
}
body#about section.service .service-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6666;
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  body#about section.service .service-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
body#about section.service .service-text {
  font-feature-settings: "palt" 1;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#about section.service .service-text {
    font-size: 14px;
    line-height: 1.714;
  }
}
body#about section.service .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#about section.message,
body#about section.mission,
body#about section.vision,
body#about section.strength {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#about section.message,
body#about section.mission,
body#about section.vision,
body#about section.strength {
    padding: 60px 0;
  }
}
body#about section.message .about-section-title,
body#about section.mission .about-section-title,
body#about section.vision .about-section-title,
body#about section.strength .about-section-title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  padding-bottom: 44px;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#about section.message .about-section-title,
body#about section.mission .about-section-title,
body#about section.vision .about-section-title,
body#about section.strength .about-section-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 40px;
  }
}
body#about section.message .about-section-title::after,
body#about section.mission .about-section-title::after,
body#about section.vision .about-section-title::after,
body#about section.strength .about-section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #009F9F;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 768.98px) {
  body#about section.message .about-section-title::after,
body#about section.mission .about-section-title::after,
body#about section.vision .about-section-title::after,
body#about section.strength .about-section-title::after {
    width: 60px;
  }
}
@media (min-width: 769px) {
  body#about section.message .about-wrap,
body#about section.mission .about-wrap,
body#about section.vision .about-wrap,
body#about section.strength .about-wrap {
    display: flex;
  }
}
@media (min-width: 769px) {
  body#about section.message .about-left,
body#about section.mission .about-left,
body#about section.vision .about-left,
body#about section.strength .about-left {
    width: 40.46%;
  }
}
@media (max-width: 768.98px) {
  body#about section.message .about-left,
body#about section.mission .about-left,
body#about section.vision .about-left,
body#about section.strength .about-left {
    margin-bottom: 36px;
  }
}
@media (min-width: 769px) {
  body#about section.message .about-right,
body#about section.mission .about-right,
body#about section.vision .about-right,
body#about section.strength .about-right {
    width: 59.54%;
    padding-left: 7.707%;
  }
}
body#about section.message .about-title,
body#about section.mission .about-title,
body#about section.vision .about-title,
body#about section.strength .about-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8333;
  margin-bottom: 20px;
}
@media (max-width: 768.98px) {
  body#about section.message .about-title,
body#about section.mission .about-title,
body#about section.vision .about-title,
body#about section.strength .about-title {
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 14px;
  }
}
body#about section.message .about-text,
body#about section.mission .about-text,
body#about section.vision .about-text,
body#about section.strength .about-text {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#about section.message .about-text,
body#about section.mission .about-text,
body#about section.vision .about-text,
body#about section.strength .about-text {
    font-size: 14px;
    line-height: 1.75;
  }
}
@media (max-width: 768.98px) {
  body#about section.message .message-img {
    width: 94.1333vw;
    margin-right: -22px;
  }
}
body#about section.message .about-text {
  margin-bottom: 72px;
}
@media (min-width: 769px) {
  body#about section.message .about-text {
    margin-top: -9px;
  }
}
@media (max-width: 768.98px) {
  body#about section.message .about-text {
    margin-bottom: 50px;
  }
}
body#about section.message .about-name {
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#about section.message .about-name {
    font-size: 18px;
  }
}
@media (max-width: 768.98px) {
  body#about section.message .about-position {
    font-size: 14px;
  }
}
body#about section.mission {
  background-color: #EEE;
}
body#about section.mission .mission-copy {
  font-feature-settings: "palt" 1;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.875;
}
@media (max-width: 768.98px) {
  body#about section.mission .mission-copy {
    line-height: 1.625;
    margin-bottom: 50px;
  }
}
body#about section.mission .about-text:not(:last-child) {
  margin-bottom: 72px;
}
@media (max-width: 768.98px) {
  body#about section.mission .about-text:not(:last-child) {
    margin-bottom: 48px;
  }
}
body#about section.vision .vision-lead {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.83333;
  margin-bottom: 72px;
}
@media (max-width: 768.98px) {
  body#about section.vision .vision-lead {
    text-align: left;
    font-size: 18px;
    line-height: 1.75;
  }
}
@media (min-width: 769px) {
  body#about section.vision .about-right {
    margin-top: -10px;
  }
}
body#about section.vision .about-wrap:not(:last-child) {
  margin-bottom: 90px;
}
@media (max-width: 768.98px) {
  body#about section.vision .about-wrap:not(:last-child) {
    margin-bottom: 52px;
  }
}
@media (max-width: 768.98px) {
  body#about section.vision .vision-img {
    margin-bottom: 28px;
  }
}
body#about section.strength {
  background-color: #EEE;
  padding-bottom: 80px;
}
@media (min-width: 769px) {
  body#about section.strength .str-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -19px;
    margin-left: -19px;
    margin-bottom: 80px;
  }
}
@media (max-width: 768.98px) {
  body#about section.strength .str-wrap {
    margin-bottom: 58px;
  }
}
@media (min-width: 769px) {
  body#about section.strength .str-box {
    padding-right: 19px;
    padding-left: 19px;
  }
}
body#about section.strength .str-box:nth-child(1) {
  width: 100%;
}
@media (min-width: 769px) {
  body#about section.strength .str-box:nth-child(2),
body#about section.strength .str-box:nth-child(3) {
    margin-top: -20px;
  }
}
@media (max-width: 768.98px) {
  body#about section.strength .str-box:not(:last-child) {
    margin-bottom: 38px;
  }
}
body#about section.strength .str-circle {
  margin: auto;
  width: 400px;
  height: 400px;
  border-radius: 200px;
  background-color: #D5D5D5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 769px) {
  body#about section.strength .str-circle {
    padding-bottom: 20px;
  }
}
@media (max-width: 768.98px) {
  body#about section.strength .str-circle {
    width: 320px;
    height: 320px;
  }
}
body#about section.strength .str-img {
  height: 88px;
  aspect-ratio: 186/88;
  margin-bottom: 32px;
}
@media (max-width: 768.98px) {
  body#about section.strength .str-img {
    margin-bottom: 24px;
  }
}
body#about section.strength .str-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  body#about section.strength .str-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
body#about section.strength .str-text {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#about section.strength .str-text {
    font-size: 14px;
    line-height: 1.75;
  }
}
body#about section.strength .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#about section.breadcrumb {
  background-color: #EEE;
}

body#strength section.strength {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#strength section.strength {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
body#strength section.strength .str-lead {
  font-size: 24px;
  font-weight: bold;
  line-height: 44px;
  margin-bottom: 116px;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#strength section.strength .str-lead {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 80px;
  }
}
body#strength section.strength .str-item {
  display: flex;
  align-items: center;
}
@media (max-width: 768.98px) {
  body#strength section.strength .str-item {
    flex-direction: column;
  }
}
body#strength section.strength .str-item:not(:last-child) {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #C8C8C8;
}
body#strength section.strength .str-img {
  width: 200px;
}
@media (max-width: 768.98px) {
  body#strength section.strength .str-img {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 768.98px) {
  body#strength section.strength .str-img img {
    height: 88px;
    aspect-ratio: 186/88;
    display: block;
    margin: auto;
  }
}
body#strength section.strength .str-doc {
  width: calc(100% - 200px);
  padding-left: 37px;
}
@media (max-width: 768.98px) {
  body#strength section.strength .str-doc {
    width: 100%;
    padding-left: 0;
  }
}
body#strength section.strength .str-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 44px;
  margin-bottom: 13px;
}
@media (max-width: 768.98px) {
  body#strength section.strength .str-title {
    font-size: 18px;
    text-align: center;
    line-height: 28px;
    margin-bottom: 23px;
  }
}
body#strength section.strength .str-text {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#strength section.strength .str-text {
    font-size: 14px;
    line-height: 24px;
    padding-right: 22px;
    padding-left: 22px;
  }
}
@media (min-width: 769px) {
  body#strength section.recruit {
    background-color: #F4F4F4;
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media (max-width: 768.98px) {
  body#strength section.recruit {
    padding-top: 20px;
  }
}
body#strength section.recruit .recruit-copy-pc {
  font-size: 28px;
  line-height: 44px;
  font-weight: bold;
  margin-bottom: 56px;
}
@media (max-width: 768.98px) {
  body#strength section.recruit .recruit-copy-pc {
    display: none;
  }
}
body#strength section.recruit .recruit-copy-sp {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (min-width: 769px) {
  body#strength section.recruit .recruit-copy-sp {
    display: none;
  }
}
@media (max-width: 768.98px) {
  body#strength section.recruit .recruit-wrap {
    padding-bottom: 140px;
    position: relative;
  }
}
@media (min-width: 769px) {
  body#strength section.recruit .recruit-wrap {
    display: flex;
  }
}
body#strength section.recruit .recruit-doc {
  width: 41.4259%;
  padding-right: 30px;
}
@media (max-width: 768.98px) {
  body#strength section.recruit .recruit-doc {
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #F4F4F4;
    border-radius: 12px;
    padding: 32px 24px;
  }
}
body#strength section.recruit .recruit-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 44px;
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  body#strength section.recruit .recruit-title {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 26px;
  }
}
body#strength section.recruit .recruit-text {
  line-height: 2;
  margin-bottom: 70px;
}
@media (max-width: 768.98px) {
  body#strength section.recruit .recruit-text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
body#strength section.recruit .recruit-img {
  width: 58.5741%;
}
@media (max-width: 768.98px) {
  body#strength section.recruit .recruit-img {
    width: calc(100% + 44px);
    position: absolute;
    bottom: 0;
    left: -22px;
    z-index: 0;
  }
}

body#services section.lead {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#services section.lead {
    padding: 80px 0;
  }
}
body#services section.lead .lead-text {
  text-align: center;
  font-size: 24px;
  line-height: 1.8333;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#services section.lead .lead-text {
    font-size: 18px;
    line-height: 1.7777;
  }
}
body#services section.image {
  padding-bottom: 100px;
}
@media (max-width: 768.98px) {
  body#services section.image {
    padding-bottom: 58px;
  }
}
@media (min-width: 769px) {
  body#services section.image .image-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -19px;
    margin-left: -19px;
  }
}
@media (min-width: 769px) {
  body#services section.image .image-box {
    padding-right: 19px;
    padding-left: 19px;
  }
}
body#services section.image .image-box:nth-child(1) {
  width: 100%;
}
@media (min-width: 769px) {
  body#services section.image .image-box:nth-child(2), body#services section.image .image-box:nth-child(3) {
    margin-top: -20px;
  }
}
@media (max-width: 768.98px) {
  body#services section.image .image-box:not(:last-child) {
    margin-bottom: 38px;
  }
}
body#services section.image .image-circle {
  margin: auto;
  width: 400px;
  height: 400px;
  border-radius: 200px;
  background-color: #D5D5D5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #FFF;
}
@media (max-width: 768.98px) {
  body#services section.image .image-circle {
    width: 320px;
    height: 320px;
  }
}
body#services section.image .image-box:nth-child(1) .image-circle {
  background-image: url(assets/img/services/service01.webp);
}
@media (max-width: 768.98px) {
  body#services section.image .image-box:nth-child(1) .image-circle {
    background-image: url(assets/img/services/service01@2x.webp);
  }
}
body#services section.image .image-box:nth-child(2) .image-circle {
  background-image: url(assets/img/services/service02.webp);
}
@media (max-width: 768.98px) {
  body#services section.image .image-box:nth-child(2) .image-circle {
    background-image: url(assets/img/services/service02@2x.webp);
  }
}
body#services section.image .image-box:nth-child(3) .image-circle {
  background-image: url(assets/img/services/service03.webp);
}
@media (max-width: 768.98px) {
  body#services section.image .image-box:nth-child(3) .image-circle {
    background-image: url(assets/img/services/service03@2x.webp);
  }
}
body#services section.image .image-img {
  height: 88px;
  aspect-ratio: 186/88;
  margin-bottom: 32px;
}
@media (max-width: 768.98px) {
  body#services section.image .image-img {
    margin-bottom: 24px;
  }
}
body#services section.image .image-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  body#services section.image .image-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
body#services section.image .image-text {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#services section.image .image-text {
    font-size: 14px;
    line-height: 1.75;
  }
}
body#services section.service-list {
  padding-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#services section.service-list {
    padding-bottom: 40px;
  }
}
@media (min-width: 769px) {
  body#services section.service-list .svlist-list {
    display: flex;
  }
}
@media (min-width: 769px) {
  body#services section.service-list .svlist-item {
    width: 282px;
  }
}
@media (min-width: 769px) {
  body#services section.service-list .svlist-item:nth-child(2) {
    border-right: 2px solid #C8C8C8;
    border-left: 2px solid #C8C8C8;
    margin: 0 48px;
    padding: 0 46px;
    width: 378px;
  }
}
@media (max-width: 768.98px) {
  body#services section.service-list .svlist-item:nth-child(2) {
    border-top: 2px solid #C8C8C8;
    border-bottom: 2px solid #C8C8C8;
    margin: 20px 0 40px;
    padding: 40px 0 20px;
  }
}
body#services section.service-list .svlist-link,
body#services section.service-list .svlist-sub-link {
  display: block;
  position: relative;
  padding-right: 48px;
}
body#services section.service-list .svlist-link::after,
body#services section.service-list .svlist-sub-link::after {
  content: "";
  display: block;
  width: 15px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-image: url(assets/img/services/arw_b.svg);
  background-size: cover;
}
body#services section.service-list .svlist-link:hover::after,
body#services section.service-list .svlist-sub-link:hover::after {
  background-image: url(assets/img/services/arw_g.svg);
}
body#services section.service-list .svlist-link {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  body#services section.service-list .svlist-link {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px;
  }
}
body#services section.service-list .svlist-sub-link {
  font-size: 18px;
  padding-top: 14px;
  padding-bottom: 13px;
}
@media (max-width: 768.98px) {
  body#services section.service-list .svlist-sub-link {
    font-size: 16px;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
body#services section.service-list .svlist-sub-item:not(:last-child) {
  border-bottom: 1px solid #C8C8C8;
}

body#engineering-sv section .block-lead {
  font-weight: bold;
  line-height: 2;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section .block-lead {
    font-size: 14px;
    line-height: 1.71;
  }
}
body#engineering-sv section .block-title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  padding-bottom: 44px;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section .block-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 40px;
  }
}
body#engineering-sv section .block-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #009F9F;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 768.98px) {
  body#engineering-sv section .block-title::after {
    width: 60px;
  }
}
body#engineering-sv section.lead {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.lead {
    padding: 80px 0;
  }
}
body#engineering-sv section.lead .lead-title {
  text-align: center;
  font-size: 24px;
  line-height: 1.83;
  font-weight: bold;
  margin-bottom: 36px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.lead .lead-title {
    font-size: 18px;
    line-height: 1.777;
    margin-bottom: 16px;
  }
}
body#engineering-sv section.lead .lead-text {
  text-align: center;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.lead .lead-text {
    font-size: 14px;
    line-height: 1.714;
  }
}
body#engineering-sv section.type {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.type {
    padding-bottom: 70px;
  }
}
body#engineering-sv section.type .type-list {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  body#engineering-sv section.type .type-list {
    margin-right: -13px;
    margin-left: -13px;
  }
}
@media (max-width: 768.98px) {
  body#engineering-sv section.type .type-list {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media (min-width: 769px) {
  body#engineering-sv section.type .type-item {
    margin-bottom: 26px;
    width: 25%;
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media (max-width: 768.98px) {
  body#engineering-sv section.type .type-item {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) {
  body#engineering-sv section.type .type-item.type-a {
    min-height: 124px;
  }
}
@media (max-width: 768.98px) {
  body#engineering-sv section.type .type-item.type-a {
    min-height: 108px;
  }
}
@media (min-width: 769px) {
  body#engineering-sv section.type .type-item.type-b {
    min-height: 64px;
  }
}
@media (max-width: 768.98px) {
  body#engineering-sv section.type .type-item.type-b {
    min-height: 58px;
  }
}
body#engineering-sv section.type .type-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  background-color: #F4F4F4;
  border-radius: 12px;
  text-align: center;
}
body#engineering-sv section.type .type-title {
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.type .type-title {
    font-size: 18px;
  }
}
body#engineering-sv section.type .type-text {
  margin-top: 6px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.type .type-text {
    font-size: 14px;
  }
}
body#engineering-sv section.type .type-list-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 54px;
  margin-bottom: 28px;
}
body#engineering-sv section.project {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project {
    padding-bottom: 80px;
  }
}
body#engineering-sv section.project .project-block {
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project .project-block {
    margin-bottom: 28px;
  }
}
body#engineering-sv section.project .project-title {
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project .project-title {
    margin-bottom: 14px;
  }
}
body#engineering-sv section.project .project-cat {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project .project-cat {
    align-items: stretch;
    font-size: 14px;
    margin-bottom: 12px;
  }
}
body#engineering-sv section.project .project-cat-label {
  background-color: #000;
  color: #FFF;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1;
  padding: 3px 9px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#engineering-sv section.project .project-cat-value {
  padding: 3px 0 5px 20px;
  line-height: 1;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project .project-cat-value {
    padding: 0 0 0 12px;
    line-height: 1.71;
  }
}
body#engineering-sv section.project .project-title-text {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project .project-title-text {
    font-size: 18px;
    line-height: 1.3;
  }
}
@media (min-width: 769px) {
  body#engineering-sv section.project .project-box-wrap {
    margin-right: -13px;
    margin-left: -13px;
    display: flex;
  }
}
@media (min-width: 769px) {
  body#engineering-sv section.project .project-box {
    width: 50%;
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project .project-box {
    margin-bottom: 12px;
  }
}
body#engineering-sv section.project .project-box-inner {
  background-color: #F4F4F4;
  border-radius: 12px;
  padding: 20px;
  height: 100%;
  display: flex;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.project .project-box-inner {
    font-size: 14px;
  }
}
body#engineering-sv section.project .project-box-label {
  width: 54px;
  border-right: 1px solid #c8c8c8;
}
body#engineering-sv section.project .project-box-value {
  width: calc(100% - 54px);
  padding-left: 20px;
}
body#engineering-sv section.project .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#engineering-sv section.last {
  padding-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#engineering-sv section.last {
    padding-bottom: 40px;
  }
}
body#engineering-sv section.last .last-text {
  text-align: center;
}
@media (min-width: 769px) {
  body#engineering-sv section.last .last-text {
    line-height: 2;
  }
}
@media (max-width: 768.98px) {
  body#engineering-sv section.last .last-text {
    font-size: 14px;
    line-height: 1.71;
  }
}

body#dxconsulting section .block-title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  padding-bottom: 44px;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#dxconsulting section .block-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 40px;
  }
}
body#dxconsulting section .block-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #009F9F;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 768.98px) {
  body#dxconsulting section .block-title::after {
    width: 60px;
  }
}
body#dxconsulting section.lead {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.lead {
    padding: 80px 0;
  }
}
body#dxconsulting section.lead .lead-title {
  text-align: center;
  font-size: 24px;
  line-height: 1.71;
  font-weight: bold;
  margin-bottom: 36px;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.lead .lead-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
body#dxconsulting section.lead .lead-text {
  text-align: center;
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.lead .lead-text {
    font-size: 14px;
    line-height: 1.71;
  }
}
body#dxconsulting section.problem {
  padding-bottom: 100px;
}
@media (min-width: 769px) {
  body#dxconsulting section.problem .problem-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -11px;
    margin-left: -11px;
  }
}
body#dxconsulting section.problem .problem-item {
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  body#dxconsulting section.problem .problem-item {
    width: 50%;
    padding-right: 11px;
    padding-left: 11px;
  }
}
body#dxconsulting section.problem .problem-box {
  border-radius: 12px;
  background-color: #F2F2F2;
  overflow: hidden;
  height: 100%;
}
body#dxconsulting section.problem .problem-head {
  padding: 16px 20px 20px;
  background-color: #505050;
  color: #FFF;
  position: relative;
}
body#dxconsulting section.problem .problem-head::after {
  content: "";
  display: block;
  width: 100%;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url(assets/img/dxconsulting/delta.webp);
  position: absolute;
  top: 100%;
  left: 0;
}
body#dxconsulting section.problem .problem-head-label,
body#dxconsulting section.problem .problem-body-label {
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: 8px;
  margin-bottom: 16px;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.problem .problem-head-label,
body#dxconsulting section.problem .problem-body-label {
    font-size: 14px;
  }
}
body#dxconsulting section.problem .problem-head-title,
body#dxconsulting section.problem .problem-body-title {
  text-align: center;
  font-size: 20px;
  line-height: 1.8;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.problem .problem-head-title,
body#dxconsulting section.problem .problem-body-title {
    font-size: 18px;
  }
}
body#dxconsulting section.problem .problem-body {
  padding: 54px 20px 16px;
}
body#dxconsulting section.problem .problem-body-text {
  margin-top: 16px;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.problem .problem-body-text {
    margin-top: 14px;
    font-size: 14px;
  }
}
body#dxconsulting section.action {
  padding-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.action {
    padding-bottom: 40px;
  }
}
@media (min-width: 769px) {
  body#dxconsulting section.action .action-wrap {
    display: flex;
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media (min-width: 769px) {
  body#dxconsulting section.action .action-item {
    width: 33.3333%;
    padding-right: 12px;
    padding-left: 12px;
  }
}
body#dxconsulting section.action .action-box {
  background-color: #F2F2F2;
  border-radius: 12px;
}
@media (min-width: 769px) {
  body#dxconsulting section.action .action-box {
    padding: 32px 0;
    height: 100%;
  }
}
@media (max-width: 768.98px) {
  body#dxconsulting section.action .action-box {
    padding: 12px 0;
    margin-bottom: 20px;
  }
}
body#dxconsulting section.action .action-text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#dxconsulting section.action .action-text {
    font-size: 18px;
  }
}

body#system-dev section .block-title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  padding-bottom: 44px;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#system-dev section .block-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 40px;
  }
}
body#system-dev section .block-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #009F9F;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 768.98px) {
  body#system-dev section .block-title::after {
    width: 60px;
  }
}
body#system-dev section.lead {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#system-dev section.lead {
    padding: 80px 0;
  }
}
body#system-dev section.lead .lead-title {
  text-align: center;
  font-size: 24px;
  line-height: 1.71;
  font-weight: bold;
  margin-bottom: 36px;
}
@media (max-width: 768.98px) {
  body#system-dev section.lead .lead-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
body#system-dev section.lead .lead-text {
  text-align: center;
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#system-dev section.lead .lead-text {
    font-size: 14px;
    line-height: 1.71;
  }
}
body#system-dev section.flow {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#system-dev section.flow {
    padding-bottom: 80px;
  }
}
body#system-dev section.flow .flow-text {
  text-align: center;
}
@media (min-width: 769px) {
  body#system-dev section.flow .flow-text {
    line-height: 2;
    margin-bottom: 32px;
  }
}
@media (max-width: 768.98px) {
  body#system-dev section.flow .flow-text {
    font-size: 14px;
    line-height: 1.71;
    margin-bottom: 35px;
  }
}
body#system-dev section.works {
  padding-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#system-dev section.works {
    padding-bottom: 20px;
  }
}
body#system-dev section.works .works-lead {
  text-align: center;
}
@media (min-width: 769px) {
  body#system-dev section.works .works-lead {
    margin-bottom: 36px;
  }
}
@media (max-width: 768.98px) {
  body#system-dev section.works .works-lead {
    font-size: 14px;
    line-height: 1.71;
    margin-bottom: 35px;
  }
}
@media (min-width: 769px) {
  body#system-dev section.works .works-wrap {
    display: flex;
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media (min-width: 769px) {
  body#system-dev section.works .works-item {
    width: 33.3333%;
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media (max-width: 768.98px) {
  body#system-dev section.works .works-item {
    margin-bottom: 20px;
  }
}
body#system-dev section.works .works-box {
  border-radius: 12px;
  background-color: #F4F4F4;
  padding: 32px 20px 36px;
}
@media (min-width: 769px) {
  body#system-dev section.works .works-box {
    height: 100%;
  }
}
@media (max-width: 768.98px) {
  body#system-dev section.works .works-box {
    padding: 17px 20px 15px;
  }
}
body#system-dev section.works .works-title {
  font-size: 20px;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  body#system-dev section.works .works-title {
    letter-spacing: -1px;
  }
}
@media (max-width: 768.98px) {
  body#system-dev section.works .works-title {
    font-size: 18px;
    line-height: 1.3333;
  }
}
@media (max-width: 768.98px) {
  body#system-dev section.works .works-label,
body#system-dev section.works .works-value,
body#system-dev section.works .works-text {
    font-size: 14px;
    line-height: 1.71;
  }
}
body#system-dev section.works .works-label {
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #c8c8c8;
  margin-top: 20px;
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  body#system-dev section.works .works-text {
    min-height: 120px;
  }
}

body#research-and-dev section.resdev {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.resdev {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
body#research-and-dev section.resdev .resdev-lead {
  line-height: 2;
  margin-bottom: 112px;
}
@media (min-width: 769px) {
  body#research-and-dev section.resdev .resdev-lead {
    text-align: center;
  }
}
@media (max-width: 768.98px) {
  body#research-and-dev section.resdev .resdev-lead {
    font-size: 14px;
    margin-bottom: 66px;
    padding: 0 19px;
  }
}
@media (min-width: 769px) {
  body#research-and-dev section.resdev .resdev-block {
    display: flex;
    align-items: center;
  }
}
body#research-and-dev section.resdev .resdev-block:not(:last-child) {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #C8C8C8;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.resdev .resdev-block:not(:last-child) {
    padding-bottom: 56px;
    margin-bottom: 56px;
  }
}
body#research-and-dev section.resdev .resdev-img {
  max-width: 156px;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.resdev .resdev-img {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 28px;
  }
}
body#research-and-dev section.resdev .resdev-doc {
  width: 100%;
}
@media (min-width: 769px) {
  body#research-and-dev section.resdev .resdev-doc {
    padding-left: 44px;
    max-width: calc(100% - 156px);
  }
}
body#research-and-dev section.resdev .resdev-copy {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.resdev .resdev-copy {
    font-size: 14px;
    line-height: 1.7;
  }
}
body#research-and-dev section.resdev .resdev-title {
  font-size: 28px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.resdev .resdev-title {
    font-size: 22px;
    margin-top: 4px;
    margin-bottom: 20px;
  }
}
body#research-and-dev section.resdev .resdev-text {
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.resdev .resdev-text {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media (min-width: 769px) {
  body#research-and-dev section.recruit {
    background-color: #F4F4F4;
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media (max-width: 768.98px) {
  body#research-and-dev section.recruit {
    padding-top: 20px;
  }
}
body#research-and-dev section.recruit .recruit-copy-pc {
  font-size: 28px;
  line-height: 44px;
  font-weight: bold;
  margin-bottom: 56px;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.recruit .recruit-copy-pc {
    display: none;
  }
}
body#research-and-dev section.recruit .recruit-copy-sp {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (min-width: 769px) {
  body#research-and-dev section.recruit .recruit-copy-sp {
    display: none;
  }
}
@media (max-width: 768.98px) {
  body#research-and-dev section.recruit .recruit-wrap {
    padding-bottom: 140px;
    position: relative;
  }
}
@media (min-width: 769px) {
  body#research-and-dev section.recruit .recruit-wrap {
    display: flex;
  }
}
body#research-and-dev section.recruit .recruit-doc {
  width: 41.4259%;
  padding-right: 30px;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.recruit .recruit-doc {
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #F4F4F4;
    border-radius: 12px;
    padding: 32px 24px;
  }
}
body#research-and-dev section.recruit .recruit-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 44px;
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.recruit .recruit-title {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 26px;
  }
}
body#research-and-dev section.recruit .recruit-text {
  line-height: 2;
  margin-bottom: 70px;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.recruit .recruit-text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
body#research-and-dev section.recruit .recruit-img {
  width: 58.5741%;
}
@media (max-width: 768.98px) {
  body#research-and-dev section.recruit .recruit-img {
    width: calc(100% + 44px);
    position: absolute;
    bottom: 0;
    left: -22px;
    z-index: 0;
  }
}
body#research-and-dev section.breadcrumb {
  background-color: #F4F4F4;
}

body#support-results section .sup-section-title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  padding-bottom: 44px;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#support-results section .sup-section-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 40px;
  }
}
body#support-results section .sup-section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #009F9F;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 768.98px) {
  body#support-results section .sup-section-title::after {
    width: 60px;
  }
}
body#support-results section.lead {
  padding: 120px 0;
}
@media (max-width: 768.98px) {
  body#support-results section.lead {
    padding: 80px 0;
  }
}
body#support-results section.lead .lead-text {
  text-align: center;
}
@media (min-width: 769px) {
  body#support-results section.lead .lead-text {
    line-height: 2;
  }
}
@media (max-width: 768.98px) {
  body#support-results section.lead .lead-text {
    font-size: 14px;
    line-height: 1.7;
  }
}
body#support-results section.type {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#support-results section.type {
    padding-bottom: 70px;
  }
}
body#support-results section.type .type-list {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  body#support-results section.type .type-list {
    margin-right: -13px;
    margin-left: -13px;
  }
}
@media (max-width: 768.98px) {
  body#support-results section.type .type-list {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media (min-width: 769px) {
  body#support-results section.type .type-item {
    margin-bottom: 26px;
    width: 25%;
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media (max-width: 768.98px) {
  body#support-results section.type .type-item {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) {
  body#support-results section.type .type-item.type-a {
    min-height: 124px;
  }
}
@media (max-width: 768.98px) {
  body#support-results section.type .type-item.type-a {
    min-height: 108px;
  }
}
@media (min-width: 769px) {
  body#support-results section.type .type-item.type-b {
    min-height: 64px;
  }
}
@media (max-width: 768.98px) {
  body#support-results section.type .type-item.type-b {
    min-height: 58px;
  }
}
body#support-results section.type .type-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  background-color: #F4F4F4;
  border-radius: 12px;
  text-align: center;
}
body#support-results section.type .type-title {
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#support-results section.type .type-title {
    font-size: 18px;
  }
}
body#support-results section.type .type-text {
  margin-top: 6px;
}
@media (max-width: 768.98px) {
  body#support-results section.type .type-text {
    font-size: 14px;
  }
}
body#support-results section.project .project-block {
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#support-results section.project .project-block {
    margin-bottom: 28px;
  }
}
body#support-results section.project .project-title {
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  body#support-results section.project .project-title {
    margin-bottom: 14px;
  }
}
body#support-results section.project .project-cat {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  body#support-results section.project .project-cat {
    align-items: stretch;
    font-size: 14px;
    margin-bottom: 12px;
  }
}
body#support-results section.project .project-cat-label {
  background-color: #000;
  color: #FFF;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1;
  padding: 3px 9px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#support-results section.project .project-cat-value {
  padding: 3px 0 5px 20px;
  line-height: 1;
}
@media (max-width: 768.98px) {
  body#support-results section.project .project-cat-value {
    padding: 0 0 0 12px;
    line-height: 1.71;
  }
}
body#support-results section.project .project-title-text {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
@media (max-width: 768.98px) {
  body#support-results section.project .project-title-text {
    font-size: 18px;
    line-height: 1.3;
  }
}
@media (min-width: 769px) {
  body#support-results section.project .project-box-wrap {
    margin-right: -13px;
    margin-left: -13px;
    display: flex;
  }
}
@media (min-width: 769px) {
  body#support-results section.project .project-box {
    width: 50%;
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media (max-width: 768.98px) {
  body#support-results section.project .project-box {
    margin-bottom: 12px;
  }
}
body#support-results section.project .project-box-inner {
  background-color: #F4F4F4;
  border-radius: 12px;
  padding: 20px;
  height: 100%;
  display: flex;
}
@media (max-width: 768.98px) {
  body#support-results section.project .project-box-inner {
    font-size: 14px;
  }
}
body#support-results section.project .project-box-label {
  width: 54px;
  border-right: 1px solid #c8c8c8;
}
body#support-results section.project .project-box-value {
  width: calc(100% - 54px);
  padding-left: 20px;
}

body#company section.company {
  padding-top: 80px;
  padding-bottom: 60px;
}
@media (max-width: 768.98px) {
  body#company section.company {
    padding-top: 52px;
    padding-bottom: 40px;
  }
}
body#company section.company .corp-item {
  border-bottom: 1px solid #C8C8C8;
  padding: 32px 0;
  line-height: 2;
  display: flex;
}
@media (max-width: 768.98px) {
  body#company section.company .corp-item {
    padding: 23px 0;
    font-size: 14px;
    line-height: 1.71428;
    font-feature-settings: "palt" 1;
  }
}
body#company section.company .corp-label {
  font-weight: bold;
  width: 178px;
}
@media (max-width: 768.98px) {
  body#company section.company .corp-label {
    width: 94px;
  }
}
body#company section.company .corp-value {
  width: calc(100% - 178px);
}
@media (max-width: 768.98px) {
  body#company section.company .corp-value {
    width: calc(100% - 94px);
  }
}
body#company section.company .corp-value dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#company section.company .corp-value dl {
    flex-direction: column;
  }
}
body#company section.company .corp-value dt {
  font-weight: normal;
  width: 148px;
}
@media (max-width: 768.98px) {
  body#company section.company .corp-value dt {
    width: 100%;
  }
}
body#company section.company .corp-value dd {
  width: calc(100% - 148px);
}
@media (max-width: 768.98px) {
  body#company section.company .corp-value dd {
    width: 100%;
  }
}
@media (min-width: 769px) {
  body#company section.company .corp-client-list {
    display: flex;
  }
}
@media (min-width: 769px) {
  body#company section.company .corp-client-item {
    width: 50%;
  }
}
body#company section.company .corp-client-item li {
  padding-left: 0.5em;
  position: relative;
}
body#company section.company .corp-client-item li::before {
  content: "･";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
body#company section.company .mapCanvas {
  margin-top: 16px;
  width: 100%;
  height: 292px;
}
@media (max-width: 768.98px) {
  body#company section.company .mapCanvas {
    width: calc(100% + 94px);
    height: 108.2666vw;
    margin-left: -94px;
  }
}
@media (min-width: 769px) {
  body#company section.company .corp-group-wrap {
    display: flex;
    justify-content: space-evenly;
  }
}
body#company section.company .corp-group-link {
  display: block;
}
body#company section.company .corp-group-link:hover {
  opacity: 0.6;
}
body#company section.company .corp-group-link-worldco {
  width: 191px;
}
@media (max-width: 768.98px) {
  body#company section.company .corp-group-link-worldco {
    width: 153px;
  }
}
body#company section.company .corp-group-link-narerug {
  width: 239px;
}
@media (max-width: 768.98px) {
  body#company section.company .corp-group-link-narerug {
    width: 191px;
    margin-bottom: 25px;
  }
}
body#company section.company .mark-wrap {
  display: flex;
  margin-bottom: 40px;
  border-bottom: 1px solid #C8C8C8;
}
@media (max-width: 768.98px) {
  body#company section.company .mark-wrap {
    flex-direction: column;
    padding: 16px 0;
    margin-bottom: 28px;
  }
}
body#company section.company .mark-label {
  font-weight: bold;
  width: 250px;
  padding-top: 30px;
}
@media (max-width: 768.98px) {
  body#company section.company .mark-label {
    width: 94px;
  }
}
@media (min-width: 769px) {
  body#company section.company .mark-box {
    padding: 40px 0;
    width: 36%;
  }
}
@media (max-width: 768.98px) {
  body#company section.company .mark-box {
    padding: 12px 0;
    width: 100%;
    display: flex;
    align-items: center;
  }
}
body#company section.company .mark-img1 {
  max-width: 160px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
@media (max-width: 768.98px) {
  body#company section.company .mark-img1 {
    width: 140px;
    margin-bottom: 0;
  }
}
@media (max-width: 768.98px) {
  body#company section.company .mark-img1 img {
    width: 86px;
    aspect-ratio: 320/224;
    margin-right: auto;
    margin-left: auto;
  }
}body#company section.company .mark-img2 {
  max-width: 280px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
@media (max-width: 768.98px) {
  body#company section.company .mark-img2 {
    width: 140px;
    margin-bottom: 0;
  }
}
@media (max-width: 768.98px) {
  body#company section.company .mark-img2 img {
    aspect-ratio: 320/224;
    margin-right: auto;
    margin-left: auto;
  }
}
body#company section.company .mark-doc {
  font-size: 14px;
  line-height: 1.4285;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#company section.company .mark-doc {
    text-align: left;
    width: calc(100% - 120px);
  }
}
body#company section.company .pdf {
  display: block;
  color: #969696;
}
@media (max-width: 768.98px) {
  body#company section.company .pdf {
    font-size: 12px;
  }
}
body#company section.company .pdf:hover {
  color: #000;
}

body#recruit .section-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 36px;
  text-align: center;
  letter-spacing: 0.12em;
}
@media (max-width: 768.98px) {
  body#recruit .section-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
body#recruit section.page-b-head {
  min-height: 948px;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#recruit section.page-b-head {
    min-height: 526px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 104px;
    padding-bottom: 16vw;
  }
}
body#recruit section.page-b-head .page-title {
  margin-bottom: 160px;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#recruit section.page-b-head .page-title {
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    margin: auto;
    margin-bottom: 0;
  }
}
body#recruit section.page-b-head .page-title .en {
  font-size: 40px;
}
@media (max-width: 768.98px) {
  body#recruit section.page-b-head .page-title .en {
    font-size: 20px;
  }
}
body#recruit section.page-b-head .page-title .ja {
  font-size: 24px;
}
@media (max-width: 768.98px) {
  body#recruit section.page-b-head .page-title .ja {
    font-size: 14px;
  }
}
body#recruit section.page-b-head .kv-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#recruit section.page-b-head .kv-title {
    font-size: 24px;
    line-height: 52px;
  }
}
body#recruit section.lead {
  position: relative;
  z-index: 1;
}
@media (max-width: 768.98px) {
  body#recruit section.lead {
    padding-top: 38px;
    background-color: #F4F4F4;
  }
}
body#recruit section.lead::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F4F4F4;
  z-index: 1;
}
@media (max-width: 768.98px) {
  body#recruit section.lead::after {
    display: none;
  }
}
body#recruit section.lead .lead-text {
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 2.2;
}
@media (max-width: 768.98px) {
  body#recruit section.lead .lead-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
}
body#recruit section.stats {
  position: relative;
  padding-top: 128px;
  padding-bottom: 92px;
  background-color: #F4F4F4;
}
@media (max-width: 768.98px) {
  body#recruit section.stats {
    padding-top: 75px;
    padding-bottom: 60.8vw;
    background-color: #F4F4F4;
  }
}
body#recruit section.stats .stats-lead {
  text-align: center;
  line-height: 2;
  margin-bottom: 74px;
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-lead {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 54px;
  }
}
body#recruit section.stats .stats-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: -19px;
  margin-left: -19px;
  margin-bottom: 27px;
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-wrap {
    flex-direction: column;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}
body#recruit section.stats .stats-box {
  padding-right: 19px;
  padding-left: 19px;
  margin-bottom: 53px;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-box {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 36px;
  }
}
@media (min-width: 769px) {
  body#recruit section.stats .stats-box:nth-child(2), body#recruit section.stats .stats-box:nth-child(3) {
    width: 50%;
  }
}
body#recruit section.stats .stats-box-title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-box-title {
    font-size: 18px;
    margin-bottom: 14px;
  }
}
body#recruit section.stats .stats-box-inner {
  padding-top: 40px;
  padding-bottom: 36px;
  background-color: #FFF;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-box-inner {
    padding-top: 34px;
    padding-bottom: 34px;
    flex-direction: column;
  }
}
body#recruit section.stats .stats-content {
  max-width: 280px;
  width: 100%;
  margin-right: 13px;
  margin-left: 13px;
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-content {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-content:not(:first-child) {
    margin-top: 34px;
  }
}
@media (min-width: 769px) {
  body#recruit section.stats .stats-content-img {
    width: 100%;
    aspect-ratio: 560/408;
  }
}
body#recruit section.stats .stats-content-title {
  color: #878787;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1;
}
@media (max-width: 768.98px) {
  body#recruit section.stats .stats-content-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
body#recruit section.stats .stats-content-sub {
  font-size: 12px;
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: #878787;
}
body#recruit section.stats .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#recruit section.dev {
  padding-top: 128px;
  padding-bottom: 152px;
}
@media (max-width: 768.98px) {
  body#recruit section.dev {
    position: relative;
    padding-top: 50.13333vw;
    padding-bottom: 100px;
  }
}
@media (min-width: 769px) {
  body#recruit section.dev .dev-wrap {
    display: flex;
    justify-content: space-between;
  }
}
body#recruit section.dev .dev-doc {
  max-width: 400px;
  width: 100%;
}
body#recruit section.dev .dev-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.83333;
  margin-bottom: 28px;
}
@media (max-width: 768.98px) {
  body#recruit section.dev .dev-title {
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
body#recruit section.dev .dev-text {
  line-height: 2;
  margin-bottom: 52px;
}
@media (max-width: 768.98px) {
  body#recruit section.dev .dev-text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 28px;
  }
}
body#recruit section.dev .dev-img {
  max-width: 538px;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#recruit section.dev .dev-img {
    position: absolute;
    top: -34.1333vw;
    right: 0;
    width: 94.1333vw;
  }
}
@media (max-width: 768.98px) {
  body#recruit section.dev .link-btn {
    margin-right: auto;
    margin-left: auto;
  }
}
body#recruit section.staff {
  position: relative;
  padding-top: 88px;
  padding-bottom: 220px;
}
@media (max-width: 768.98px) {
  body#recruit section.staff {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
body#recruit section.staff::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - (50% - 519px + 80px));
  height: 879px;
  background-color: #CCECEC;
  border-radius: 24px 0 0 24px;
  z-index: -1;
}
@media (max-width: 768.98px) {
  body#recruit section.staff::after {
    right: auto;
    left: 0;
    width: 94.1333vw;
    height: 100%;
    border-radius: 0 24px 24px 0;
  }
}
body#recruit section.staff .staff-wrap {
  display: flex;
  margin-bottom: 68px;
}
@media (max-width: 768.98px) {
  body#recruit section.staff .staff-wrap {
    flex-direction: column;
    margin-bottom: 0;
  }
}
body#recruit section.staff .staff-box {
  display: block;
  max-width: 498px;
  width: 100%;
  position: relative;
}
@media (min-width: 769px) {
  body#recruit section.staff .staff-box:nth-child(1) {
    margin-right: 21px;
  }
}
@media (min-width: 769px) {
  body#recruit section.staff .staff-box:nth-child(2) {
    margin-left: 21px;
  }
}
@media (min-width: 769px) {
  body#recruit section.staff .staff-img {
    aspect-ratio: 498/400;
    width: 100%;
    border-radius: 12px;
    margin-bottom: 28px;
    overflow: hidden;
  }
}
@media (max-width: 768.98px) {
  body#recruit section.staff .staff-img {
    margin-right: -22px;
    width: 94.13333vw;
    margin-bottom: 12px;
  }
}
body#recruit section.staff .staff-img picture {
  transition: all 0.3s ease;
}
body#recruit section.staff .staff-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.8;
}
@media (max-width: 768.98px) {
  body#recruit section.staff .staff-title {
    line-height: 1.75;
    padding-bottom: 56px;
    font-size: 16px;
    font-feature-settings: "palt" 1;
  }
}
@media (min-width: 769px) {
  body#recruit section.staff .staff-box:hover .staff-img picture {
    scale: 120%;
  }
}
body#recruit section.staff .link-btn {
  margin-right: auto;
  margin-left: auto;
}
body#recruit section.welfare {
  padding-bottom: 112px;
}
@media (max-width: 768.98px) {
  body#recruit section.welfare {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
body#recruit section.welfare .wel-wrap {
  display: flex;
}
@media (max-width: 768.98px) {
  body#recruit section.welfare .wel-wrap {
    flex-direction: column-reverse;
  }
}
body#recruit section.welfare .wel-img {
  max-width: 538px;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#recruit section.welfare .wel-img {
    min-width: auto;
    width: 94.13333vw;
    margin-left: -22px;
    margin-top: 60px;
  }
}
body#recruit section.welfare .wel-doc {
  width: 100%;
}
@media (min-width: 769px) {
  body#recruit section.welfare .wel-doc {
    padding-left: 98px;
    max-width: 500px;
    margin-top: -9px;
  }
}
body#recruit section.welfare .wel-text {
  line-height: 2;
  margin-bottom: 52px;
}
@media (max-width: 768.98px) {
  body#recruit section.welfare .wel-text {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
  }
}
@media (max-width: 768.98px) {
  body#recruit section.welfare .link-btn {
    margin-right: auto;
    margin-left: auto;
  }
}
body#recruit section.recruit {
  padding-top: 88px;
  padding-bottom: 91px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
body#recruit section.recruit::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (50% - 519px + 80px));
  height: 536px;
  background-color: #F4F4F4;
  border-radius: 0 24px 24px 0;
  z-index: -1;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit::before {
    right: 0;
    left: auto;
    width: 94.1333vw;
    border-radius: 24px 0 0 24px;
    height: 100%;
  }
}
body#recruit section.recruit::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -2;
}
body#recruit section.recruit .section-title {
  margin-bottom: 56px;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit .section-title {
    margin-bottom: 40px;
  }
}
body#recruit section.recruit .recruit-wrap {
  display: flex;
  margin-right: -12px;
  margin-left: -12px;
  margin-bottom: 60px;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit .recruit-wrap {
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 32px;
  }
}
body#recruit section.recruit .recruit-box {
  padding-right: 12px;
  padding-left: 12px;
  width: 33.3333%;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit .recruit-box {
    max-width: 283px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0;
    min-height: 92px;
    margin-bottom: 20px;
  }
}
body#recruit section.recruit .recruit-link {
  display: block;
  width: 100%;
  background-color: #009F9F;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  position: relative;
  height: 152px;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit .recruit-link {
    max-width: 283px;
    width: 75.4666vw;
    margin: auto;
    height: 92px;
  }
}
body#recruit section.recruit .recruit-link::before {
  content: "";
  display: block;
  aspect-ratio: 200/114;
  height: 114px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0.32;
  transition: all 0.75s ease;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit .recruit-link::before {
    height: 68px;
  }
}
body#recruit section.recruit .recruit-link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  width: 15px;
  height: 9px;
  background-image: url(assets/img/recruit/arw.svg);
  background-repeat: no-repeat;
  background-position: left top;
}
body#recruit section.recruit .recruit-link:hover::before {
  scale: 120%;
}
body#recruit section.recruit .recruit-box:nth-child(1) .recruit-link::before {
  background-image: url(assets/img/recruit/recruit01.svg);
}
body#recruit section.recruit .recruit-box:nth-child(2) .recruit-link::before {
  background-image: url(assets/img/recruit/recruit02.svg);
}
body#recruit section.recruit .recruit-box:nth-child(3) .recruit-link::before {
  background-image: url(assets/img/recruit/recruit03.svg);
}
body#recruit section.recruit .recruit-type {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 24px;
  position: relative;
  z-index: 2;
}
@media (max-width: 768.98px) {
  body#recruit section.recruit .recruit-type {
    font-size: 20px;
  }
}
body#recruit section.recruit .link-btn {
  margin-right: auto;
  margin-left: auto;
}

body#data section.lead {
  background-color: #F4F4F4;
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#data section.lead {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
body#data section.lead .lead-text {
  font-size: 24px;
  line-height: 1.83333;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#data section.lead .lead-text {
    font-size: 18px;
    line-height: 1.7777;
  }
}
body#data section.data {
  background-color: #F4F4F4;
}
body#data section.data .section-wrap {
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  body#data section.data .data-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 769px) {
  body#data section.data .data-block {
    padding-right: 20px;
    padding-left: 20px;
  }
}
body#data section.data .data-block:not(:last-child) {
  margin-bottom: 60px;
}
@media (max-width: 768.98px) {
  body#data section.data .data-block:not(:last-child) {
    margin-bottom: 40px;
  }
}
body#data section.data .data-block:nth-child(1), body#data section.data .data-block:nth-child(2) {
  width: 100%;
}
@media (min-width: 769px) {
  body#data section.data .data-block:nth-child(3), body#data section.data .data-block:nth-child(4), body#data section.data .data-block:nth-child(5), body#data section.data .data-block:nth-child(6), body#data section.data .data-block:nth-child(7) {
    width: 50%;
  }
}
body#data section.data .data-copy {
  text-align: center;
  font-size: 28px;
  line-height: 1.428;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  body#data section.data .data-copy {
    font-size: 18px;
    line-height: 1.5555;
    margin-bottom: 20px;
  }
}
body#data section.data .data-box {
  background-color: #FFF;
  border-radius: 12px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 768.98px) {
  body#data section.data .data-box {
    padding-top: 32px;
    padding-top: 27px;
    padding-bottom: 32px;
  }
}
@media (min-width: 769px) {
  body#data section.data .data-box-wrap {
    display: flex;
    justify-content: space-evenly;
  }
}
@media (min-width: 769px) {
  body#data section.data .data-box-item {
    max-width: 205px;
    width: 100%;
  }
}
@media (max-width: 768.98px) {
  body#data section.data .data-box-item:not(:last-child) {
    margin-bottom: 27px;
  }
}
body#data section.data .data-title {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #878787;
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  body#data section.data .data-title {
    font-size: 18px;
    line-height: 1.55555;
    margin-bottom: 10px;
  }
}
@media (min-width: 769px) {
  body#data section.data .data-box01 .data-title {
    margin-bottom: 0;
  }
}
body#data section.data .data-img {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 769px) {
  body#data section.data .data-img01 {
    max-width: 845px;
  }
}
@media (min-width: 769px) {
  body#data section.data .data-img02,
body#data section.data .data-img03,
body#data section.data .data-img04 {
    max-width: 205px;
  }
}
@media (min-width: 769px) {
  body#data section.data .data-img04,
body#data section.data .data-img05,
body#data section.data .data-img06,
body#data section.data .data-img07,
body#data section.data .data-img08,
body#data section.data .data-img09 {
    max-width: 290px;
  }
}
body#data section.data .data-sub {
  font-size: 12px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #878787;
}
body#data section.entry::before {
  height: 175px;
}
@media (max-width: 768.98px) {
  body#data section.entry::before {
    height: 27vw;
  }
}

body#training section.lead {
  background-color: #F4F4F4;
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#training section.lead {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
body#training section.lead .lead-title {
  font-size: 24px;
  line-height: 1.83333;
  text-align: center;
  font-weight: bold;
  margin-bottom: 48px;
}
@media (max-width: 768.98px) {
  body#training section.lead .lead-title {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.7777;
  }
}
body#training section.lead .lead-text {
  text-align: center;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#training section.lead .lead-text {
    font-size: 14px;
    line-height: 1.7142;
  }
}
body#training section.product {
  background-color: #F4F4F4;
  padding-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#training section.product {
    padding-bottom: 60px;
  }
}
@media (min-width: 769px) {
  body#training section.product .product-block {
    display: flex;
  }
}
body#training section.product .product-block:not(:last-child) {
  margin-bottom: 80px;
}
@media (min-width: 769px) {
  body#training section.product .product-block:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media (min-width: 769px) {
  body#training section.product .product-doc {
    width: 44.51%;
    padding-right: 9.6%;
  }
}
@media (min-width: 769px) {
  body#training section.product .product-img {
    width: 55.49%;
  }
}
body#training section.product .product-copy {
  line-height: 2;
  font-weight: bold;
  margin-bottom: 8px;
}
@media (max-width: 768.98px) {
  body#training section.product .product-copy {
    font-size: 14px;
    line-height: 1.7142;
    margin-bottom: 0;
  }
}
body#training section.product .product-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media (max-width: 768.98px) {
  body#training section.product .product-title {
    font-size: 22px;
    line-height: 1.45;
  }
}
body#training section.product .product-text {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#training section.product .product-text {
    font-size: 14px;
    line-height: 1.7142;
    margin-bottom: 40px;
  }
}
body#training section.breadcrumb {
  background-color: #F4F4F4;
}

body#staff section.entry::before {
  height: 55px;
}
body#staff section.lead {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#staff section.lead {
    padding-top: 31px;
    padding-bottom: 75px;
  }
}
body#staff section.lead .lead-title {
  font-size: 24px;
  line-height: 1.71;
  font-weight: bold;
  text-align: center;
  margin-bottom: 38px;
}
@media (max-width: 768.98px) {
  body#staff section.lead .lead-title {
    font-size: 18px;
    line-height: 1.7777;
    margin-bottom: 12px;
  }
}
body#staff section.lead .lead-text {
  line-height: 2;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#staff section.lead .lead-text {
    font-size: 14px;
    line-height: 1.71;
  }
}
body#staff section.interview {
  position: relative;
  padding: 55px 0;
}
@media (max-width: 768.98px) {
  body#staff section.interview {
    padding: 40px 0;
  }
}
body#staff section.interview::before, body#staff section.interview::after {
  content: "";
  display: block;
  width: calc(878px + (100% - 878px) / 2);
  height: 490px;
  background-color: #F4F4F4;
  position: absolute;
  z-index: 2;
}
@media (max-width: 768.98px) {
  body#staff section.interview::before, body#staff section.interview::after {
    width: 88.8%;
  }
}
body#staff section.interview::before {
  top: 0;
  left: 0;
  border-radius: 0 24px 24px 0;
}
@media (max-width: 768.98px) {
  body#staff section.interview::before {
    height: 181.3333vw;
  }
}
body#staff section.interview::after {
  right: 0;
  bottom: 0;
  border-radius: 24px 0 0 24px;
}
@media (max-width: 768.98px) {
  body#staff section.interview::after {
    height: 176vw;
  }
}
body#staff section.interview .int-block {
  position: relative;
  z-index: 3;
}
@media (min-width: 769px) {
  body#staff section.interview .int-block {
    display: flex;
  }
}
body#staff section.interview .int-img {
  position: relative;
}
@media (min-width: 769px) {
  body#staff section.interview .int-img {
    max-width: 498px;
    width: 47.97%;
  }
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-img {
    margin-bottom: 33px;
  }
}
body#staff section.interview .int-img-doc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-align: center;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.24em;
}
body#staff section.interview .int-img-cat,
body#staff section.interview .int-img-title {
  font-size: 20px;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-img-cat,
body#staff section.interview .int-img-title {
    font-size: 14px;
  }
}
body#staff section.interview .int-img-time {
  margin-top: 20px;
  font-size: 40px;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-img-time {
    margin-top: 12px;
    font-size: 36px;
  }
}
@media (min-width: 769px) {
  body#staff section.interview .int-doc {
    max-width: 540px;
    width: 52.03%;
  }
}
body#staff section.interview .int-doc-title {
  font-size: 24px;
  line-height: 1.8333;
  font-weight: bold;
  margin-bottom: 26px;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-doc-title {
    font-size: 22px;
    line-height: 1.63;
    margin-bottom: 35px;
  }
}
body#staff section.interview .int-doc-name {
  font-size: 24px;
  line-height: 1.8333;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-doc-name {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 20px;
  }
}
body#staff section.interview .int-doc-list {
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-doc-list {
    margin-bottom: 60px;
    font-size: 14px;
  }
}
body#staff section.interview .int-doc-list-item {
  margin-top: 16px;
  display: flex;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-doc-list-item {
    margin-top: 12px;
  }
}
body#staff section.interview .int-doc-list-label {
  border-radius: 4px;
  background-color: #009F9F;
  color: #FFF;
  font-weight: 500;
  max-width: 76px;
  width: 100%;
  text-align: center;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1px;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-doc-list-label {
    max-width: 47px;
  }
}
body#staff section.interview .int-doc-list-value {
  padding-left: 20px;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-doc-list-value {
    padding-left: 12px;
  }
}
body#staff section.interview .int-block01 {
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-block01 .int-img {
    margin-right: -22px;
  }
}
@media (min-width: 769px) {
  body#staff section.interview .int-block01 .int-doc {
    padding-left: 60px;
  }
}
@media (min-width: 769px) {
  body#staff section.interview .int-block02 {
    flex-direction: row-reverse;
  }
}
@media (max-width: 768.98px) {
  body#staff section.interview .int-block02 .int-img {
    margin-left: -22px;
  }
}
@media (min-width: 769px) {
  body#staff section.interview .int-block02 .int-doc {
    padding-right: 60px;
  }
}

body#interview-ishii section.entry,
body#interview-fukushima section.entry {
  padding-top: 0;
}
body#interview-ishii section.entry::before,
body#interview-fukushima section.entry::before {
  height: 268px;
}
body#interview-ishii section.head,
body#interview-fukushima section.head {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head,
body#interview-fukushima section.head {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
body#interview-ishii section.head .head-title,
body#interview-fukushima section.head .head-title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.57;
  margin-bottom: 44px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head .head-title,
body#interview-fukushima section.head .head-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 29px;
  }
}
body#interview-ishii section.head .head-name,
body#interview-fukushima section.head .head-name {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head .head-name,
body#interview-fukushima section.head .head-name {
    font-size: 18px;
  }
}
body#interview-ishii section.head .head-list,
body#interview-fukushima section.head .head-list {
  max-width: 447px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head .head-list,
body#interview-fukushima section.head .head-list {
    max-width: 241px;
  }
}
body#interview-ishii section.head .head-list-item,
body#interview-fukushima section.head .head-list-item {
  display: flex;
  margin-top: 16px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head .head-list-item,
body#interview-fukushima section.head .head-list-item {
    margin-top: 12px;
  }
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head .head-list-label,
body#interview-ishii section.head .head-list-value,
body#interview-fukushima section.head .head-list-label,
body#interview-fukushima section.head .head-list-value {
    font-size: 14px;
  }
}
body#interview-ishii section.head .head-list-label,
body#interview-fukushima section.head .head-list-label {
  max-width: 76px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #009F9F;
  color: #FFF;
  font-weight: bold;
  border-radius: 4px;
  padding-bottom: 1px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head .head-list-label,
body#interview-fukushima section.head .head-list-label {
    max-width: 47px;
  }
}
body#interview-ishii section.head .head-list-value,
body#interview-fukushima section.head .head-list-value {
  padding-left: 20px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.head .head-list-value,
body#interview-fukushima section.head .head-list-value {
    padding-left: 12px;
  }
}
body#interview-ishii section.interview,
body#interview-fukushima section.interview {
  position: relative;
  padding: 80px 0;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.interview,
body#interview-fukushima section.interview {
    padding: 60px 0 80px;
  }
}
body#interview-ishii section.interview::before,
body#interview-fukushima section.interview::before {
  content: "";
  display: block;
  background-color: #F4F4F4;
  position: absolute;
  top: 0;
  width: calc(878px + (100% - 878px) / 2);
  height: calc(100% - 160px);
  z-index: 2;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.interview::before,
body#interview-fukushima section.interview::before {
    width: 88.8%;
    height: calc(100% - 140px);
  }
}
body#interview-ishii section.interview .section-wrap,
body#interview-fukushima section.interview .section-wrap {
  position: relative;
  z-index: 3;
}
body#interview-ishii section.interview .int-title,
body#interview-fukushima section.interview .int-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 32px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.interview .int-title,
body#interview-fukushima section.interview .int-title {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
body#interview-ishii section.interview .int-text,
body#interview-fukushima section.interview .int-text {
  line-height: 2;
  margin-bottom: 72px;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.interview .int-text,
body#interview-fukushima section.interview .int-text {
    line-height: 1.71;
    font-size: 14px;
    margin-bottom: 56px;
  }
}
body#interview-ishii section.interview .int-img,
body#interview-fukushima section.interview .int-img {
  max-width: 538px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.interview .int-img,
body#interview-fukushima section.interview .int-img {
    width: 94.133vw;
  }
}

body#interview-ishii section.interview.int01::before,
body#interview-ishii section.interview.int03::before {
  border-radius: 0 24px 24px 0;
  left: 0;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.interview.int01 .int-img,
body#interview-ishii section.interview.int03 .int-img {
    margin-left: -22px;
  }
}
body#interview-ishii section.interview.int02::before {
  border-radius: 24px 0 0 24px;
  right: 0;
}
@media (max-width: 768.98px) {
  body#interview-ishii section.interview.int02 .int-img {
    margin-right: -22px;
  }
}

body#interview-fukushima section.interview.int01::before,
body#interview-fukushima section.interview.int03::before {
  border-radius: 24px 0 0 24px;
  right: 0;
}
@media (max-width: 768.98px) {
  body#interview-fukushima section.interview.int01 .int-img,
body#interview-fukushima section.interview.int03 .int-img {
    margin-right: -22px;
  }
}
body#interview-fukushima section.interview.int02::before {
  border-radius: 0 24px 24px 0;
  left: 0;
}
@media (max-width: 768.98px) {
  body#interview-fukushima section.interview.int02 .int-img {
    margin-left: -22px;
  }
}

body#welfare-and-culture section.lead,
body#welfare-and-culture section.welfare,
body#welfare-and-culture section.culture {
  background-color: #F4F4F4;
}
body#welfare-and-culture section.lead {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.lead {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
body#welfare-and-culture section.lead .lead-text {
  text-align: center;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.lead .lead-text {
    font-size: 14px;
    line-height: 1.7142;
  }
}
body#welfare-and-culture section.welfare .section-title,
body#welfare-and-culture section.culture .section-title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  padding-bottom: 44px;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.welfare .section-title,
body#welfare-and-culture section.culture .section-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 40px;
  }
}
body#welfare-and-culture section.welfare .section-title::after,
body#welfare-and-culture section.culture .section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #009F9F;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.welfare .section-title::after,
body#welfare-and-culture section.culture .section-title::after {
    width: 60px;
  }
}
body#welfare-and-culture section.welfare {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.welfare {
    padding-bottom: 80px;
  }
}
@media (min-width: 769px) {
  body#welfare-and-culture section.welfare .welfare-wrap {
    display: flex;
  }
}
@media (min-width: 769px) {
  body#welfare-and-culture section.welfare .welfare-list {
    width: 50%;
    font-feature-settings: "palt" 1;
    line-height: 2;
  }
}
@media (min-width: 769px) {
  body#welfare-and-culture section.welfare .welfare-list:nth-child(1) {
    border-right: 1px solid #C8C8C8;
    padding-right: 40px;
  }
}
@media (min-width: 769px) {
  body#welfare-and-culture section.welfare .welfare-list:nth-child(2) {
    padding-left: 40px;
  }
}
body#welfare-and-culture section.welfare .welfare-list li {
  position: relative;
  padding-left: 1.25em;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.welfare .welfare-list li {
    font-size: 14px;
    line-height: 1.7142;
  }
}
body#welfare-and-culture section.welfare .welfare-list li::before {
  content: "●";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
body#welfare-and-culture section.culture .section-wrap {
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  body#welfare-and-culture section.culture .culture-wrap {
    display: flex;
  }
}
@media (min-width: 769px) {
  body#welfare-and-culture section.culture .culture-doc {
    width: 48.17%;
    padding-right: 9.63%;
  }
}
@media (min-width: 769px) {
  body#welfare-and-culture section.culture .culture-img {
    width: 51.83%;
  }
}
body#welfare-and-culture section.culture .culture-title {
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.culture .culture-title {
    font-size: 18px;
    margin-bottom: 16px;
    text-align: center;
  }
}
body#welfare-and-culture section.culture .culture-text {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.culture .culture-text {
    text-align: center;
    font-size: 14px;
    line-height: 1.7142;
    margin-bottom: 40px;
  }
}
body#welfare-and-culture section.entry::before {
  height: 32px;
}
@media (max-width: 768.98px) {
  body#welfare-and-culture section.entry::before {
    height: 60px;
  }
}

body#positions section.position {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#positions section.position {
    padding-bottom: 80px;
  }
}
body#positions section.position .section-wrap {
  position: relative;
  z-index: 1;
}
body#positions section.position .posi-block:not(:last-child) {
  margin-bottom: 100px;
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-block:not(:last-child) {
    margin-bottom: 80px;
  }
}
body#positions section.position .posi-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  margin-bottom: 40px;
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-title {
    margin-top: 40px;
    font-size: 22px;
  }
}
@media (min-width: 769px) {
  body#positions section.position .posi-wrap {
    display: flex;
    align-items: flex-start;
  }
}
body#positions section.position .posi-icon {
  max-width: 330px;
  width: 100%;
  aspect-ratio: 330/238;
  background-color: #878787;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-icon {
    max-width: 100%;
    border-radius: 0 12px 12px 0;
    width: calc(100% + 22px);
    margin-left: -22px;
    aspect-ratio: 353/160;
  }
}
body#positions section.position .posi-icon img {
  width: 200px;
  height: 114px;
}
body#positions section.position .posi-doc {
  padding-left: 9.63%;
  width: calc(100% - 330px);
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-doc {
    padding-left: 0;
    width: 100%;
  }
}
body#positions section.position .posi-level-list {
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-level-list {
    margin-bottom: 60px;
    padding-top: 28px;
  }
}
body#positions section.position .posi-level-item:not(:last-child) {
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-level-item:not(:last-child) {
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
}
body#positions section.position .posi-level-link {
  display: block;
  position: relative;
  padding-right: 15px;
}
body#positions section.position .posi-level-link::after {
  content: "";
  display: block;
  width: 15px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-image: url(assets/img/services/arw_b.svg);
  background-size: cover;
}
body#positions section.position .posi-level-link:hover::after {
  background-image: url(assets/img/services/arw_g.svg);
}
body#positions section.position .posi-level-title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 12px;
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-level-title {
    font-size: 18px;
  }
}
@media (max-width: 768.98px) {
  body#positions section.position .posi-level-text {
    font-size: 14px;
  }
}
body#positions section.position .link-btn {
  margin-left: auto;
}
@media (max-width: 768.98px) {
  body#positions section.position .link-btn {
    margin-right: auto;
  }
}
@media (min-width: 769px) {
  body#positions section.position .position03 .posi-wrap {
    align-items: center;
  }
}
@media (max-width: 768.98px) {
  body#positions section.position .position03 .posi-icon {
    margin-bottom: 60px;
  }
}
body#positions section.faq .section-wrap {
  position: relative;
  z-index: 1;
}
body#positions section.faq .faq-wrap {
  border-radius: 24px;
  background-color: #F4F4F4;
  padding: 80px 80px 40px;
}
@media (max-width: 768.98px) {
  body#positions section.faq .faq-wrap {
    border-radius: 12px;
    padding: 60px 20px 0;
  }
}
body#positions section.faq .faq-title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#positions section.faq .faq-title {
    font-size: 22px;
  }
}
body#positions section.faq .faq-item {
  cursor: pointer;
  padding: 32px 0;
  position: relative;
}
body#positions section.faq .faq-item:not(:last-child) {
  border-bottom: 1px solid #878787;
}
body#positions section.faq .faq-item::before, body#positions section.faq .faq-item::after {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
}
body#positions section.faq .faq-item::before {
  top: 48px;
  right: 40px;
  width: 15px;
  height: 1px;
}
@media (max-width: 768.98px) {
  body#positions section.faq .faq-item::before {
    right: 8px;
  }
}
body#positions section.faq .faq-item::after {
  top: 41px;
  right: 47px;
  width: 1px;
  height: 15px;
  transition: all 0.5s ease;
}
@media (max-width: 768.98px) {
  body#positions section.faq .faq-item::after {
    right: 15px;
  }
}
body#positions section.faq .faq-item.is-active::after {
  height: 1px;
  top: 48px;
}
body#positions section.faq .faq-q,
body#positions section.faq .faq-a {
  line-height: 2;
  padding: 0 96px 0 100px;
  position: relative;
}
@media (max-width: 768.98px) {
  body#positions section.faq .faq-q,
body#positions section.faq .faq-a {
    padding: 0 44px 0 35px;
    font-size: 14px;
    line-height: 1.7142;
  }
}
body#positions section.faq .faq-q::before,
body#positions section.faq .faq-a::before {
  content: "Q";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 768.98px) {
  body#positions section.faq .faq-q::before,
body#positions section.faq .faq-a::before {
    font-size: 18px;
  }
}
body#positions section.faq .faq-q::before {
  content: "Q";
  top: 4px;
}
body#positions section.faq .faq-a {
  display: none;
  padding-top: 24px;
}
body#positions section.faq .faq-a::before {
  content: "A";
  top: 30px;
}
body#positions section.entry::before {
  height: 140px;
}
@media (max-width: 768.98px) {
  body#positions section.entry::before {
    height: 37.333vw;
  }
}

body#it-consultant section.pagenav,
body#infra-engineer section.pagenav,
body#dev-engineer section.pagenav {
  padding-top: 5px;
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#it-consultant section.pagenav,
body#infra-engineer section.pagenav,
body#dev-engineer section.pagenav {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
@media (min-width: 769px) {
  body#it-consultant section.pagenav .pnav-wrap,
body#infra-engineer section.pagenav .pnav-wrap,
body#dev-engineer section.pagenav .pnav-wrap {
    display: flex;
    margin-right: -17px;
    margin-left: -17px;
  }
}
@media (min-width: 769px) {
  body#it-consultant section.pagenav .pnav-item,
body#infra-engineer section.pagenav .pnav-item,
body#dev-engineer section.pagenav .pnav-item {
    padding-right: 17px;
    padding-left: 17px;
    width: 25%;
  }
}
@media (max-width: 768.98px) {
  body#it-consultant section.pagenav .pnav-item:not(:last-child),
body#infra-engineer section.pagenav .pnav-item:not(:last-child),
body#dev-engineer section.pagenav .pnav-item:not(:last-child) {
    margin-bottom: 12px;
  }
}
body#it-consultant section.pagenav .pnav-link,
body#infra-engineer section.pagenav .pnav-link,
body#dev-engineer section.pagenav .pnav-link {
  border-radius: 8px;
  border: 2px solid #009F9F;
  background-color: #FFF;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 769px) {
  body#it-consultant section.pagenav .pnav-link,
body#infra-engineer section.pagenav .pnav-link,
body#dev-engineer section.pagenav .pnav-link {
    align-items: center;
    text-align: center;
    min-height: 212px;
    padding-bottom: 46px;
  }
}
@media (max-width: 768.98px) {
  body#it-consultant section.pagenav .pnav-link,
body#infra-engineer section.pagenav .pnav-link,
body#dev-engineer section.pagenav .pnav-link {
    min-height: 84px;
    padding-bottom: 6px;
    padding-left: 18px;
    padding-right: 65px;
  }
}
body#it-consultant section.pagenav .pnav-link::after,
body#infra-engineer section.pagenav .pnav-link::after,
body#dev-engineer section.pagenav .pnav-link::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  margin: auto;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(assets/img/positions/arw.svg);
}
@media (min-width: 769px) {
  body#it-consultant section.pagenav .pnav-link::after,
body#infra-engineer section.pagenav .pnav-link::after,
body#dev-engineer section.pagenav .pnav-link::after {
    bottom: 14px;
    right: 0;
    left: 0;
  }
}
@media (max-width: 768.98px) {
  body#it-consultant section.pagenav .pnav-link::after,
body#infra-engineer section.pagenav .pnav-link::after,
body#dev-engineer section.pagenav .pnav-link::after {
    right: 18px;
    top: 0;
    bottom: 0;
  }
}
body#it-consultant section.pagenav .pnav-title,
body#infra-engineer section.pagenav .pnav-title,
body#dev-engineer section.pagenav .pnav-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 768.98px) {
  body#it-consultant section.pagenav .pnav-title,
body#infra-engineer section.pagenav .pnav-title,
body#dev-engineer section.pagenav .pnav-title {
    font-size: 18px;
  }
}
body#it-consultant section.pagenav .pnav-text,
body#infra-engineer section.pagenav .pnav-text,
body#dev-engineer section.pagenav .pnav-text {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 768.98px) {
  body#it-consultant section.pagenav .pnav-text,
body#infra-engineer section.pagenav .pnav-text,
body#dev-engineer section.pagenav .pnav-text {
    font-size: 14px;
    line-height: 20px;
  }
}
body#it-consultant section.recruit,
body#infra-engineer section.recruit,
body#dev-engineer section.recruit {
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#it-consultant section.recruit,
body#infra-engineer section.recruit,
body#dev-engineer section.recruit {
    padding-bottom: 80px;
  }
}
body#it-consultant section.recruit .section-title,
body#infra-engineer section.recruit .section-title,
body#dev-engineer section.recruit .section-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 60px;
}
@media (max-width: 768.98px) {
  body#it-consultant section.recruit .section-title,
body#infra-engineer section.recruit .section-title,
body#dev-engineer section.recruit .section-title {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
body#it-consultant section.recruit .recruit-item,
body#infra-engineer section.recruit .recruit-item,
body#dev-engineer section.recruit .recruit-item {
  display: flex;
}
body#it-consultant section.recruit .recruit-item:not(:last-child),
body#infra-engineer section.recruit .recruit-item:not(:last-child),
body#dev-engineer section.recruit .recruit-item:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #C8C8C8;
}
body#it-consultant section.recruit .recruit-label,
body#it-consultant section.recruit .recruit-value,
body#infra-engineer section.recruit .recruit-label,
body#infra-engineer section.recruit .recruit-value,
body#dev-engineer section.recruit .recruit-label,
body#dev-engineer section.recruit .recruit-value {
  line-height: 1.75;
}
@media (max-width: 768.98px) {
  body#it-consultant section.recruit .recruit-label,
body#it-consultant section.recruit .recruit-value,
body#infra-engineer section.recruit .recruit-label,
body#infra-engineer section.recruit .recruit-value,
body#dev-engineer section.recruit .recruit-label,
body#dev-engineer section.recruit .recruit-value {
    font-size: 14px;
    line-height: 1.42857;
  }
}
body#it-consultant section.recruit .recruit-label,
body#infra-engineer section.recruit .recruit-label,
body#dev-engineer section.recruit .recruit-label {
  width: 178px;
  font-weight: bold;
}
@media (max-width: 768.98px) {
  body#it-consultant section.recruit .recruit-label,
body#infra-engineer section.recruit .recruit-label,
body#dev-engineer section.recruit .recruit-label {
    width: 94px;
  }
}
body#it-consultant section.recruit .recruit-value,
body#infra-engineer section.recruit .recruit-value,
body#dev-engineer section.recruit .recruit-value {
  width: calc(100% - 178px);
}
@media (max-width: 768.98px) {
  body#it-consultant section.recruit .recruit-value,
body#infra-engineer section.recruit .recruit-value,
body#dev-engineer section.recruit .recruit-value {
    width: calc(100% - 94px);
  }
}
body#it-consultant section.entry::before,
body#infra-engineer section.entry::before,
body#dev-engineer section.entry::before {
  display: none;
}

@media (max-width: 768.98px) {
  body#it-consultant section.recruit {
    padding-top: 80px;
  }
}

body#archive section.archive {
  padding-top: 120px;
}
@media (max-width: 768.98px) {
  body#archive section.archive {
    padding-top: 100px;
  }
}
@media (min-width: 769px) {
  body#archive section.archive .news-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -21px;
    margin-left: -21px;
  }
}
body#archive section.archive .news-item {
  position: relative;
}
@media (min-width: 769px) {
  body#archive section.archive .news-item {
    width: 33.3333%;
    padding-right: 21px;
    padding-left: 21px;
    margin-bottom: 80px;
  }
}
@media (max-width: 768.98px) {
  body#archive section.archive .news-item {
    margin-bottom: 40px;
  }
}
body#archive section.archive .news-link {
  display: block;
}
body#archive section.archive .news-img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F4F4F4;
  margin-bottom: 20px;
}
body#archive section.archive .news-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: all 0.75s ease;
}
body#archive section.archive .news-link:hover .news-img img {
  transform: scale(120%);
}
body#archive section.archive .news-tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  line-height: 1;
  font-weight: bold;
  color: #FFF;
  background-color: #000;
  padding: 3px 26px 5px;
  border-radius: 12px 0 0 0;
}
@media (min-width: 769px) {
  body#archive section.archive .news-tag {
    left: 21px;
  }
}
body#archive section.archive .news-title {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (max-width: 768.98px) {
  body#archive section.archive .news-title {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
@media (max-width: 768.98px) {
  body#archive section.archive .news-date {
    font-size: 14px;
  }
}

body#single section.content {
  padding-top: 200px;
}
@media (max-width: 768.98px) {
  body#single section.content {
    padding-top: 132px;
  }
}
body#single section.content .post-data {
  display: flex;
  align-items: center;
  margin-bottom: 62px;
}
@media (max-width: 768.98px) {
  body#single section.content .post-data {
    margin-bottom: 40px;
  }
}
body#single section.content .post-cat {
  padding: 4px 23px 6px;
  border-radius: 4px;
  background-color: #000;
  color: #FFF;
  font-weight: bold;
  line-height: 1;
  margin-right: 32px;
}
@media (max-width: 768.98px) {
  body#single section.content .post-cat {
    margin-right: 20px;
  }
}
body#single section.content .post-date {
  font-size: 18px;
}
@media (max-width: 768.98px) {
  body#single section.content .post-date {
    font-size: 14px;
  }
}
body#single section.content .post-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 768.98px) {
  body#single section.content .post-title {
    font-size: 18px;
    line-height: 1.7777;
    margin-bottom: 40px;
  }
}
body#single section.content .post-thumb {
  max-width: 660px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#single section.content .post-thumb {
    margin-bottom: 60px;
  }
}
body#single section.content .post-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body#single section.content .post-content {
  max-width: 660px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
}
@media (max-width: 768.98px) {
  body#single section.content .post-content {
    padding-right: 22px;
    padding-left: 22px;
  }
}
@media (max-width: 768.98px) {
  body#single section.content .post-content {
    font-size: 14px;
  }
}
body#single section.content .post-content > * {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#single section.content .post-content > * {
    line-height: 1.7142;
  }
}
body#single section.content .post-content h2, body#single section.content .post-content h3, body#single section.content .post-content h4, body#single section.content .post-content h5 {
  font-weight: bold;
}
body#single section.content .post-content h2 {
  font-size: 40px;
}
body#single section.content .post-content h3 {
  font-size: 32px;
}
body#single section.content .post-content h4 {
  font-size: 24px;
}
body#single section.content .post-content h5 {
  font-size: 20px;
}
body#single section.pager {
  margin-bottom: 60px;
}
@media (max-width: 768.98px) {
  body#single section.pager {
    margin-bottom: 40px;
  }
}
body#single section.pager .pager-wrap {
  margin-top: 120px;
  border-top: 1px solid #C6C6C6;
  padding: 120px 60px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 768.98px) {
  body#single section.pager .pager-wrap {
    margin-top: 80px;
    padding: 60px 0 0;
    flex-direction: column;
  }
}
body#single section.pager .pager-box {
  display: block;
  max-width: 318px;
  width: 100%;
}
@media (max-width: 768.98px) {
  body#single section.pager .pager-box {
    padding-top: 40px;
    max-width: 100%;
    position: relative;
  }
}
body#single section.pager .pager-box::before {
  content: "";
  display: block;
  width: 20px;
  height: 11px;
  background-image: url(assets/img/common/arw_g.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 203px;
}
@media (max-width: 768.98px) {
  body#single section.pager .pager-box::before {
    top: 0;
  }
}
body#single section.pager .pager-box.pager-next {
  margin-right: auto;
}
@media (max-width: 768.98px) {
  body#single section.pager .pager-box.pager-next {
    margin-bottom: 60px;
  }
}
body#single section.pager .pager-box.pager-next::before {
  left: 0;
  transform: rotate(180deg);
}
body#single section.pager .pager-box.pager-prev {
  margin-left: auto;
}
body#single section.pager .pager-box.pager-prev::before {
  right: 0;
}
@media (max-width: 768.98px) {
  body#single section.pager .pager-box.pager-prev::before {
    right: auto;
    left: 0;
  }
}
body#single section.pager .pager-img {
  border-radius: 12px;
  aspect-ratio: 16/9;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
  overflow: hidden;
}
body#single section.pager .pager-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
body#single section.pager .pager-title {
  font-weight: bold;
  margin-bottom: 4px;
}
body#single section.pager .pager-date {
  margin-bottom: 12px;
}
body#single section.pager .pager-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body#single section.pager .pager-box:hover .pager-img img {
  transform: scale(120%);
}

body#contact section.contact {
  padding-top: 120px;
  padding-bottom: 60px;
}
@media (max-width: 768.98px) {
  body#contact section.contact {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media (min-width: 769px) {
  body#contact section.contact .contact-btn-wrap {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-btn-wrap {
    margin-bottom: 40px;
  }
}
@media (min-width: 769px) {
  body#contact section.contact .contact-btn-item {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
body#contact section.contact .contact-btn {
  display: block;
  background-color: #009F9F;
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding: 31px 0;
  border-radius: 8px;
  border: 3px solid #009F9F;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-btn {
    font-size: 20px;
    padding: 18px 0;
    margin-bottom: 20px;
  }
}
body#contact section.contact .contact-btn::before {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  width: 600px;
  height: 600px;
  background-color: #FFF;
  top: -304px;
  left: -720px;
}
body#contact section.contact .contact-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  right: 28px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 15px;
  height: 9px;
  background-image: url(assets/img/recruit/arw.svg);
  background-repeat: no-repeat;
  background-position: left top;
}
body#contact section.contact .contact-btn div {
  position: relative;
  z-index: 1;
}
body#contact section.contact .contact-btn:hover {
  color: #009F9F;
}
body#contact section.contact .contact-btn:hover::before {
  left: 0;
}
body#contact section.contact .contact-btn:hover::after {
  background-image: url(assets/img/services/arw_g.svg);
}
body#contact section.contact .contact-data {
  background-color: #F4F4F4;
  border-radius: 8px;
  display: flex;
  margin-top: 40px;
  padding: 40px 0;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-data {
    flex-direction: column;
    margin-top: 20px;
    padding: 10px 20px 20px;
  }
}
body#contact section.contact .contact-data-label {
  border-right: 1px solid #C8C8C8;
  width: 310px;
  text-align: center;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-data-label {
    text-align: left;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 4px;
    margin-bottom: 8px;
  }
}
body#contact section.contact .contact-data-value {
  width: calc(100% - 300px);
  display: flex;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-data-value {
    width: 100%;
    flex-direction: column;
  }
}
body#contact section.contact .contact-data-item {
  padding-left: 100px;
  position: relative;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-data-item {
    margin-top: 12px;
    padding-left: 60px;
  }
}
body#contact section.contact .contact-data-item::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 40px;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-data-item::before {
    left: 0;
  }
}
body#contact section.contact .contact-data-item.tel::before {
  background-image: url(assets/img/contact/tel.svg);
}
@media (min-width: 769px) {
  body#contact section.contact .contact-data-item.mail {
    margin-left: 40px;
  }
}
body#contact section.contact .contact-data-item.mail::before {
  background-image: url(assets/img/contact/mail.svg);
}
body#contact section.contact .contact-data-label,
body#contact section.contact .contact-data-value {
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-data-label,
body#contact section.contact .contact-data-value {
    font-size: 20px;
  }
}
body#contact section.contact .contact-data-label span,
body#contact section.contact .contact-data-value span {
  font-size: 16px;
}
@media (max-width: 768.98px) {
  body#contact section.contact .contact-data-label span,
body#contact section.contact .contact-data-value span {
    font-size: 12px;
  }
}

body#career section.contact,
body#newgraduate section.contact,
body#contact-partner-co section.contact,
body#contact-system-dev section.contact {
  padding: 100px 0 60px;
  background-color: #F4F4F4;
}
@media (max-width: 768.98px) {
  body#career section.contact,
body#newgraduate section.contact,
body#contact-partner-co section.contact,
body#contact-system-dev section.contact {
    padding: 40px 0 20px;
  }
}
body#career section.contact .section-wrap,
body#newgraduate section.contact .section-wrap,
body#contact-partner-co section.contact .section-wrap,
body#contact-system-dev section.contact .section-wrap {
  max-width: 900px;
  background-color: #FFF;
  border-radius: 12px;
}
@media (max-width: 768.98px) {
  body#career section.contact .section-wrap,
body#newgraduate section.contact .section-wrap,
body#contact-partner-co section.contact .section-wrap,
body#contact-system-dev section.contact .section-wrap {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
  }
}
body#career section.contact .iframe-wrap,
body#newgraduate section.contact .iframe-wrap,
body#contact-partner-co section.contact .iframe-wrap,
body#contact-system-dev section.contact .iframe-wrap {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 22px 0;
}
body#career section.contact iframe,
body#newgraduate section.contact iframe,
body#contact-partner-co section.contact iframe,
body#contact-system-dev section.contact iframe {
  width: 100%;
  border: none;
  overflow: hidden;
}
body#career section.contact h2,
body#newgraduate section.contact h2,
body#contact-partner-co section.contact h2,
body#contact-system-dev section.contact h2 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: center;
}

body#policy section.privacy,
body#policy section.site,
body#policy section.security {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 768.98px) {
  body#policy section.privacy,
body#policy section.site,
body#policy section.security {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
body#policy section.privacy .section-title,
body#policy section.site .section-title,
body#policy section.security .section-title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5714;
  padding-bottom: 44px;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#policy section.privacy .section-title,
body#policy section.site .section-title,
body#policy section.security .section-title {
    font-size: 22px;
    line-height: 1.636;
    margin-bottom: 40px;
  }
}
body#policy section.privacy .section-title::after,
body#policy section.site .section-title::after,
body#policy section.security .section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #009F9F;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 768.98px) {
  body#policy section.privacy .section-title::after,
body#policy section.site .section-title::after,
body#policy section.security .section-title::after {
    width: 60px;
  }
}
body#policy section.privacy h3, body#policy section.privacy h4, body#policy section.privacy h5, body#policy section.privacy p,
body#policy section.site h3,
body#policy section.site h4,
body#policy section.site h5,
body#policy section.site p,
body#policy section.security h3,
body#policy section.security h4,
body#policy section.security h5,
body#policy section.security p {
  margin-bottom: 12px;
}
@media (max-width: 768.98px) {
  body#policy section.privacy h3, body#policy section.privacy h4, body#policy section.privacy h5, body#policy section.privacy p,
body#policy section.site h3,
body#policy section.site h4,
body#policy section.site h5,
body#policy section.site p,
body#policy section.security h3,
body#policy section.security h4,
body#policy section.security h5,
body#policy section.security p {
    margin-bottom: 15px;
  }
}
body#policy section.privacy p,
body#policy section.site p,
body#policy section.security p {
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#policy section.privacy p,
body#policy section.site p,
body#policy section.security p {
    font-size: 14px;
    line-height: 24px;
  }
}
body#policy section.privacy h3,
body#policy section.site h3,
body#policy section.security h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  margin-top: 60px;
}
@media (max-width: 768.98px) {
  body#policy section.privacy h3,
body#policy section.site h3,
body#policy section.security h3 {
    font-size: 18px;
    margin-top: 35px;
    line-height: 24px;
    margin-bottom: 17px;
  }
}
body#policy section.privacy h4, body#policy section.privacy h5,
body#policy section.site h4,
body#policy section.site h5,
body#policy section.security h4,
body#policy section.security h5 {
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#policy section.privacy h4, body#policy section.privacy h5,
body#policy section.site h4,
body#policy section.site h5,
body#policy section.security h4,
body#policy section.security h5 {
    font-size: 14px;
    line-height: 24px;
  }
}
body#policy section.privacy .ti1,
body#policy section.site .ti1,
body#policy section.security .ti1 {
  padding-left: 24px;
}
body#policy section.privacy .ti2,
body#policy section.site .ti2,
body#policy section.security .ti2 {
  padding-left: 48px;
}
body#policy section.privacy .mb0,
body#policy section.site .mb0,
body#policy section.security .mb0 {
  margin-bottom: 0;
}
body#policy section.privacy ul li,
body#policy section.site ul li,
body#policy section.security ul li {
  position: relative;
  padding-left: 1em;
  line-height: 2;
}
@media (max-width: 768.98px) {
  body#policy section.privacy ul li,
body#policy section.site ul li,
body#policy section.security ul li {
    font-size: 14px;
    line-height: 24px;
  }
}
body#policy section.privacy ul li::before,
body#policy section.site ul li::before,
body#policy section.security ul li::before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}
body#policy section.privacy .flex-right,
body#policy section.site .flex-right,
body#policy section.security .flex-right {
  display: flex;
  justify-content: flex-end;
}
body#policy section.privacy,
body#policy section.site {
  padding-bottom: 0;
}
@media (max-width: 768.98px) {
  body#policy section.privacy,
body#policy section.site {
    padding-bottom: 0;
  }
}

body#notfound section.head {
  background-color: #009F9F;
  color: #FFF;
  padding: 160px 0;
}
@media (max-width: 768.98px) {
  body#notfound section.head {
    padding: 80px 0;
  }
}
body#notfound section.head h1.page-title {
  text-align: center;
}
body#notfound section.head h1.page-title .en {
  font-size: 40px;
  font-weight: 700;
}
@media (max-width: 768.98px) {
  body#notfound section.head h1.page-title .en {
    font-size: 24px;
  }
}
body#notfound section.head h1.page-title .ja {
  font-size: 20px;
}
@media (max-width: 768.98px) {
  body#notfound section.head h1.page-title .ja {
    font-size: 14px;
  }
}
body#notfound section.content {
  padding: 80px 0 160px;
}
@media (max-width: 768.98px) {
  body#notfound section.content {
    padding: 40px 0 80px;
  }
}
body#notfound section.content .content-text {
  font-size: 20px;
  line-height: 2;
  margin-bottom: 80px;
}
@media (max-width: 768.98px) {
  body#notfound section.content .content-text {
    font-size: 14px;
    margin-bottom: 40px;
  }
}
@media (max-width: 768.98px) {
  body#notfound section.content .link-btn {
    margin-right: auto;
    margin-left: auto;
  }
}