@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;600&family=IBM+Plex+Sans:wght@100&family=Montserrat&family=Noto+Serif+JP&display=swap);

/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
:after,
:before {
  box-sizing: border-box
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  line-height: 1.15
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

body {
  background-color: #fff;
  color: #212529;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  text-align: left
}

[tabindex="-1"]:focus {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  margin-top: 0
}

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

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

address {
  font-style: normal;
  line-height: inherit
}

address,
dl,
ol,
ul {
  margin-bottom: 1rem
}

dl,
ol,
ul {
  margin-top: 0
}

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

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  background-color: transparent;
  color: #007bff;
  text-decoration: none
}

a:hover {
  color: #0056b3;
  text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

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

pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto
}

figure {
  margin: 0 0 1rem
}

img {
  border-style: none
}

img,
svg {
  vertical-align: middle
}

svg {
  overflow: hidden
}

table {
  border-collapse: collapse
}

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

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

select {
  word-wrap: normal
}

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

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox
}

textarea {
  overflow: auto;
  resize: vertical
}

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

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: .5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

output {
  display: inline-block
}

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

template {
  display: none
}

[hidden] {
  display: none !important
}

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  -ms-overflow-style: scrollbar;
  box-sizing: border-box
}

*,
:after,
:before {
  box-sizing: inherit
}

.container,
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.no-gutters {
  margin-left: 0;
  margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-left: 0;
  padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-ss,
.col-ss-1,
.col-ss-10,
.col-ss-11,
.col-ss-12,
.col-ss-2,
.col-ss-3,
.col-ss-4,
.col-ss-5,
.col-ss-6,
.col-ss-7,
.col-ss-8,
.col-ss-9,
.col-ss-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.col-auto {
  flex: 0 0 auto;
  max-width: 100%;
  width: auto
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  -ms-grid-row-align: auto !important;
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  -ms-grid-row-align: center !important;
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0,
.mx-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0 {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.pr-1,
.px-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.pr-2,
.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

.pr-3,
.px-3 {
  padding-right: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5,
.py-5 {
  padding-top: 3rem !important
}

.pr-5,
.px-5 {
  padding-right: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
  padding-left: 3rem !important
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
  margin-left: -.5rem !important
}

.m-n3 {
  margin: -1rem !important
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important
}

.m-n4 {
  margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important
}

.m-n5 {
  margin: -3rem !important
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.mr-auto,
.mx-auto {
  margin-right: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #333;
  font-family: Noto Sans JP, Hiragino Sans, Meiryo, Hiragino Kaku Gothic ProN, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5
}

body.is-static {
  height: 100%;
  overflow: hidden
}

a.is-tellink.is-nonelink {
  pointer-events: none
}

img {
  max-width: 100%
}

.l-container {
  margin: 0 auto;
  max-width: 114rem;
  padding: 0 1.5rem
}

.l-body.active {
  height: 100%;
  overflow: hidden
}

.l-content,
.l-content--career {
  background-color: #eceeee;
  padding: 10rem 0 7rem
}

.l-content--404 {
  background-color: #eceeee;
  padding: 9rem 0 16rem
}

.l-content--individual {
  background-color: #eceeee;
  padding: 10rem 0 7rem
}

.l-content--new-graduate {
  background-color: #eceeee;
  padding: 10rem 0 13rem
}

.l-content--dialogue {
  background-color: #eceeee;
  padding: 10rem 0 0
}

.c-btn {
  background-color: #363636;
  border: solid;
  border-color: transparent;
  border-radius: 5rem;
  display: inline-block;
  padding: 1.7rem 4rem 1.7rem 2rem;
  position: relative;
  width: 100%
}

.c-btn:after {
  background-image: url(../images/common/icon-btn.svg);
  background-repeat: no-repeat;
  content: "";
  height: 1.5rem;
  position: absolute;
  right: 1.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5rem
}

.c-btn:focus {
  outline: none
}

.c-btn:focus-visible {
  outline: none
}

.c-btn:hover {
  background-color: #fff;
  border: .3rem solid #363636;
  padding: 1.55rem 4rem 1.55rem 2rem;
  text-decoration: none
}

.c-btn:hover:after {
  background-image: url(../images/common/icon-btn-hover.svg);
  background-repeat: no-repeat
}

.c-btn:hover p {
  color: #333
}

.c-btn__container {
  margin: 0 0 2rem;
  text-align: center
}

.c-btn__white {
  background-color: #fff;
  border: solid;
  border-color: #363636;
  border-radius: 3rem;
  margin: 0 auto;
  max-width: 54rem;
  padding: 1.5rem 0;
  position: relative;
  text-align: center
}

.c-btn__white:after {
  background-image: url(../images/common/white-btn-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 1.3rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.3rem
}

.c-btn__white:hover {
  opacity: .7;
  text-decoration: none
}

.c-btn__white:hover>p {
  color: #333;
  text-decoration: none
}

.c-btn__white>p {
  color: #333;
  display: inline-block;
  margin: 0;
  padding: 0 4rem;
  text-align: center
}

.c-btn__text {
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0
}

.c-btn__404,
.c-btn__text {
  text-align: center
}

.c-btn__404>a {
  max-width: 35rem;
  width: 100%
}

.c-slide__items {
  display: flex;
  margin: auto;
  width: 100%
}

.c-slide__container {
  margin: 0 auto;
  max-width: 1140px
}

.c-slide__img {
  aspect-ratio: 5/3;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.c-slide__title {
  font-size: 1rem !important
}

.c-slide__branch {
  font-size: .875rem !important;
  margin-bottom: 10px !important
}

.c-slide__name {
  font-size: 1.125rem !important
}

.c-slide__text-box {
  padding: 2rem 2rem 4rem !important
}

.c-slide__arrow {
  cursor: pointer;
  display: inline-block
}

.c-page-title {
  background-color: #6ec445;
  padding: 7.5rem 0 0;
  position: relative
}

.c-page-title:after {
  background-image: url(../images/common/job-sales.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 8.2rem;
  position: absolute;
  right: 3rem;
  top: 12.5rem;
  width: 8.2rem
}

.c-page-title:before {
  background-color: #6ec445;
  bottom: -6rem;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  content: "";
  display: block;
  height: 6.1rem;
  position: absolute;
  width: 100%
}

.c-page-title__carrier:after {
  background-image: url(../images/common/carrier.svg);
  content: "";
  height: 8.2rem;
  width: 4rem
}

.c-page-title__404 {
  padding: 10rem 0 2rem !important
}

.c-page-title__404:after {
  background-image: none !important
}

.c-page-title__individual:after {
  background-image: url(../images/common/individual.svg);
  content: "";
  height: 8.2rem;
  width: 4.3rem
}

.c-page-title__project:after {
  background-image: url(../images/project/top-icon.svg);
  content: "";
  height: 8.2rem;
  width: 11.8rem
}

.c-page-title__special:after {
  background-image: url(../images/common/special.svg);
  content: "";
  height: 8.2rem;
  width: 10.6rem
}

.c-page-title__new-graduate:after {
  background-image: url(../images/common/new-graduate-recruitment.svg);
  content: "";
  height: 8.2rem;
  width: 7rem
}

.c-page-title__dialogue:after {
  background-image: url(../images/dialogue/img-top.svg);
  content: "";
  height: 5.6rem;
  width: 9.3rem
}

.c-page-title__green-slash-icon {
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  padding-left: 2rem;
  position: relative
}

.c-page-title__green-slash-icon:after {
  background-image: url(../images/common/icon-news-title.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 2.5rem;
  left: 0;
  position: absolute;
  top: .4rem;
  width: 1.3rem
}

.c-page-title__brackets {
  color: #6ec445;
  font-size: 2rem;
  line-height: 3rem;
  position: relative;
  text-align: center
}

.c-page-title__brackets__icon {
  display: inline-block;
  position: relative
}

.c-page-title__brackets__icon:after {
  background-image: url(../images/common/brackets--right.svg);
  right: -1.5rem;
  top: 0
}

.c-page-title__brackets__icon:after,
.c-page-title__brackets__icon:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 2.8rem;
  position: absolute;
  width: 1.1rem
}

.c-page-title__brackets__icon:before {
  background-image: url(../images/common/brackets--left.svg);
  bottom: 0;
  left: -1.5rem
}

.c-page-title__green-underline {
  border-bottom: solid;
  border-width: .1rem;
  color: #6ec445;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin: 0;
  padding-bottom: .5rem
}

.c-page-title__main {
  font-family: IBM Plex Sans JP, sans-serif;
  font-size: 3.6rem;
  font-style: italic;
  line-height: 4.4rem
}

.c-page-title__main,
.c-page-title__sub {
  font-weight: 600;
  margin: 0;
  text-align: center
}

.c-page-title__sub {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.2rem
}

.c-page-title__sub__icon {
  position: relative
}

.c-page-title__sub__icon:after {
  left: -1.3rem
}

.c-page-title__sub__icon:after,
.c-page-title__sub__icon:before {
  background-image: url(../images/common/icon-subtitle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 2rem;
  position: absolute;
  top: 0;
  width: .8rem
}

.c-page-title__sub__icon:before {
  right: -1.3rem;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.c-gap {
  padding: 9rem
}

.c-gap,
.c-gap--short {
  background-color: #eceeee
}

.c-gap--short {
  padding: 7rem
}

.c-gap--top {
  position: relative
}

.c-gap--top:before {
  background-color: #eceeee;
  content: "";
  height: 25rem;
  position: absolute;
  top: -25rem;
  width: 100%;
  z-index: -10
}

.c-gap--top-page {
  position: relative
}

.c-gap--top-page:before {
  background-color: #eceeee;
  content: "";
  height: 45rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -10
}

.c-company-logo {
  margin: 0;
  position: absolute;
  z-index: 10
}

.c-company-logo--burger {
  display: none;
  margin: 1rem 0 0 1.5rem;
  position: absolute;
  top: 0;
  width: 17.1rem;
  z-index: 10
}

.c-company-logo--burger.active {
  display: block
}

.c-company-logo--usually {
  display: block;
  margin: 1rem 0 0 1.5rem;
  position: absolute;
  top: 0;
  width: 5.5rem;
  z-index: 10
}

.c-company-logo--usually.active {
  display: none
}

.c-page-link {
  display: flex;
  flex-wrap: wrap;
  margin: 0
}

.c-page-link>div:last-child {
  margin-top: 2rem
}

.c-page-link__item {
  margin-top: 2rem;
  padding: 0 .5rem
}

.c-page-link__link {
  border-bottom: solid;
  border-color: #6ec445;
  color: #333;
  display: block
}

.c-page-link__link:hover {
  color: #333;
  opacity: .7;
  text-decoration: none
}

.c-page-link__text {
  font-size: 1.4rem;
  margin: 0 0 1rem;
  padding-left: 2.33rem;
  position: relative
}

.c-page-link__text:before {
  background-image: url(../images/common/page-link-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: .2rem;
  content: "";
  height: 1.5rem;
  left: 0;
  position: absolute;
  width: 1.5rem
}

.c-detail-box {
  display: block
}

.c-detail-box__recruitment-type {
  color: #6ec445;
  font-size: 1.8rem
}

.c-detail-box__wavy-line {
  font-size: 1.4rem
}

.c-detail-box__title {
  align-items: center;
  background-color: #6ec445;
  color: #fff;
  display: flex;
  flex: 0 0 26%;
  font-size: 1.8rem;
  margin: 0
}

.c-detail-box__title__text {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
  padding: 1rem
}

.c-detail-box__content {
  background-color: #fff;
  flex: 0 0 74%;
  padding: 2rem 1rem
}

.c-detail-box__content>p {
  margin: 0
}

.c-detail-box__content>p>a {
  color: #6ec445;
  text-decoration: underline
}

.c-detail-box__content>p>a:hover {
  opacity: .7
}

.c-detail-box__development-environment {
  color: #6ec445;
  font-size: 1.8rem
}

.c-detail-box__skill {
  font-size: 1.4rem;
  position: relative
}

.c-detail-box__skill:before {
  background-color: #333 !important;
  border-radius: 0 !important;
  content: "";
  height: .7rem !important;
  left: -1.3rem !important;
  position: absolute !important;
  top: .8rem !important;
  -webkit-transform: none !important;
  transform: none !important;
  width: .7rem !important
}

.c-detail-box__icon {
  padding-left: 1.3rem;
  position: relative
}

.c-detail-box__icon:before {
  background-color: #333;
  content: "";
  height: .8rem;
  left: .3rem;
  position: absolute;
  top: .8rem;
  -webkit-transform: none !important;
  transform: none !important;
  width: .8rem
}

.c-detail-box__list {
  list-style: none;
  margin: 0;
  padding-left: 1.7rem
}

.c-detail-box__list>li {
  margin-bottom: .5rem;
  position: relative
}

.c-detail-box__list>li:before {
  background-color: #6ec445;
  border-radius: 100%;
  content: "";
  height: 1rem;
  left: -1.7rem;
  position: absolute;
  top: .75rem;
  width: 1rem
}

.c-detail-box__list__text {
  font-size: 1.4rem
}

.c-contact-information {
  background-color: #fff;
  padding: 1rem 0;
  width: 100%
}

.c-contact-information__container {
  text-align: center
}

.c-contact-information__item--mail {
  font-weight: 600
}

.c-contact-information__item--mail>a {
  color: #6ec445;
  display: inline-block;
  font-size: 2rem;
  padding-left: 1rem
}

.c-contact-information__item--phone {
  display: inline-block;
  font-weight: 600;
  padding-top: .4rem
}

.c-contact-information__item--phone__link {
  color: #6ec445;
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  padding-left: 1rem
}

.c-contact-information__or {
  padding: .6rem 2rem
}

.c-contact-information__text {
  font-size: 1.4rem
}

.c-recruitment-information {
  display: block
}

.c-recruitment-information__carrier {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem
}

.c-recruitment-information__carrier__img {
  display: block;
  margin-bottom: 30px;
  width: 100%
}

.c-recruitment-information__icon {
  position: relative
}

.c-recruitment-information__icon:after {
  background-image: url(../images/welfare/icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 1.43rem;
  position: absolute;
  right: -1.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .715rem
}

.c-recruitment-information__text {
  color: #fff;
  font-size: 2rem;
  left: -1rem;
  margin: 0;
  position: relative;
  text-align: center
}

.c-recruitment-information__text--subcontracting:before {
  background-image: url(../images/common/individual.svg)
}

.c-recruitment-information__text--career:before,
.c-recruitment-information__text--subcontracting:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 11rem;
  position: absolute;
  right: -11rem;
  top: -4.4rem;
  -webkit-transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  transform: translateX(-50%);
  width: 5.8rem
}

.c-recruitment-information__text--career:before {
  background-image: url(../images/common/carrier.svg)
}

.c-recruitment-information__text--new-graduate:before {
  background-image: url(../images/common/new-graduate.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 9.7rem;
  position: absolute;
  right: -17.7rem;
  top: -3.8rem;
  -webkit-transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  transform: translateX(-50%);
  width: 8.2rem
}

.c-recruitment-information__subcontracting {
  background-color: #4f81ea;
  display: block;
  flex: 0 0 50%;
  padding: 4rem 0
}

.c-recruitment-information__subcontracting:hover {
  background-color: #fff;
  border: solid;
  border-color: #4f81ea;
  border-width: .5rem;
  padding: 3.5rem 0;
  text-decoration: none
}

.c-recruitment-information__subcontracting:hover>p {
  color: #4f81ea
}

.c-recruitment-information__subcontracting:hover>p>span:after {
  background-image: url(../images/common/arrow-blue.png)
}

.c-recruitment-information__career {
  background-color: #f19224;
  display: block;
  flex: 0 0 50%;
  padding: 4rem 0
}

.c-recruitment-information__career:hover {
  background-color: #fff;
  border: solid;
  border-color: #f19224;
  border-width: .5rem;
  padding: 3.5rem 0;
  text-decoration: none
}

.c-recruitment-information__career:hover>p {
  color: #f19224
}

.c-recruitment-information__career:hover>p>span:after {
  background-image: url(../images/common/arrow-orrange.png)
}

.c-recruitment-information__new-graduate {
  background-color: #de2489;
  display: block;
  flex: 0 0 50%;
  padding: 4rem 0
}

.c-recruitment-information__new-graduate:hover {
  background-color: #fff;
  border: solid;
  border-color: #de2489;
  border-width: .5rem;
  padding: 3.5rem 0;
  text-decoration: none
}

.c-recruitment-information__new-graduate:hover>p {
  color: #de2489
}

.c-recruitment-information__new-graduate:hover>p>span:after {
  background-image: url(../images/common/arrow-pink.png)
}

.p-footer__copyright {
  border-top: solid;
  border-color: #acacac;
  border-width: .1rem;
  font-size: 1rem;
  line-height: 3rem;
  margin: 0;
  text-align: center
}

.p-footer__logo {
  margin: 2rem 0;
  text-align: center
}

.p-footer__sns {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem
}

.p-footer__sns>a {
  display: block;
  margin: 0 2rem;
  width: 4.5rem
}

.p-footer__btn {
  background-color: #cecece;
  border-radius: 4rem;
  display: inline-block;
  padding: 1rem 3.2rem
}

.p-footer__btn:hover {
  background-color: #e0e0e0;
  text-decoration: none
}

.p-footer__btn__container {
  margin: 0 0 2rem;
  text-align: center
}

.p-footer__btn__text {
  color: #333;
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0
}

.p-footer__btn__icon {
  left: -.7rem;
  position: relative
}

.p-footer__btn__icon:after {
  background-image: url(../images/footer/link-icon.svg);
  background-repeat: no-repeat;
  content: "";
  height: 1.5rem;
  position: absolute;
  right: -2.4rem;
  top: 0;
  width: 1.5rem
}

.p-category__title {
  font-family: IBM Plex Sans JP, sans-serif;
  font-size: 3.4rem;
  font-style: italic;
  font-weight: 600;
  line-height: 4.4rem
}

.p-category__subtitle {
  color: #57ad2e;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
  margin: 0
}

.p-category-news__btn {
  display: none;
  margin-top: 2rem
}

.p-category-news__btn--sp {
  display: block;
  margin-top: 3rem
}

.p-news {
  display: block;
  padding: 0 0 3rem
}

.p-news__title-container {
  flex: 0 0 25%
}

.p-news__weight {
  font-size: 1.2rem;
  font-weight: 600
}

.p-news__new {
  background-color: #de2489;
  color: #fff !important;
  display: inline-block;
  padding: 0 .15rem
}

.p-news__detail__container {
  background-color: #fff;
  margin: 0 auto !important;
  max-width: 111rem;
  padding: 2rem 1.5rem 0 !important
}

.p-news__detail__container>p {
  margin: 0;
  padding-bottom: 2rem
}

.p-news__detail__container>p>a {
  color: #6ec445
}

.p-news__detail__container>figure {
  margin: 0;
  padding-bottom: 2rem
}

.p-news__detail__container>figure>img {
  max-width: 73rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100% !important
}

.p-news__detail__btn {
  margin: 0;
  padding: 0 1.5rem;
  text-align: center
}

.p-news__list {
  background-color: #eceeee;
  padding: 8rem 0 14rem
}

.p-news__list__container {
  background-color: #fff;
  margin: 0 auto !important;
  max-width: 111rem;
  padding: 2rem 1.5rem !important
}

.p-news__container {
  margin-top: 3rem;
  padding-left: 0;
  width: 100%
}

.p-news__container>a:last-child {
  margin: 0
}

.p-news__container>a {
  display: block;
  margin-bottom: 2rem
}

.p-news__container>a:hover {
  border-color: #333;
  opacity: .7;
  text-decoration: none
}

.p-news__container>a>p {
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.6rem;
  margin: 0 0 .5rem
}

.p-news__container>a>p>span {
  border-bottom: solid;
  color: #333
}

.p-news__container>a p:last-child {
  border-bottom: solid;
  border-color: #acacac;
  font-size: 1.4rem;
  line-height: 2rem;
  margin: 0;
  padding: 0 0 2rem
}

.p-recruit {
  background-color: #eceeee;
  padding-top: 3rem
}

.p-recruit__new-graduate:before {
  background-color: #de2489
}

.p-recruit__text-left {
  text-align: left !important
}

.p-recruit__new-graduate-recruit__text {
  text-align: center
}

.p-recruit__new-graduate-recruit__text--support {
  margin: 0 auto;
  max-width: 54rem
}

.p-recruit__new-graduate-recruit__job-hunting {
  color: #de2489;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 2rem
}

.p-recruit__new-graduate-recruit__date-time {
  display: block
}

.p-recruit__new-graduate-recruit__date-time>p {
  margin-bottom: 1rem;
  padding: 0
}

.p-recruit__new-graduate-recruit__date-time>p:first-child {
  background-color: #6ec445;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1rem 0;
  text-align: center;
  width: 100%
}

.p-recruit__new-graduate-recruit__event {
  border-top: solid;
  border-color: #acacac;
  padding-top: 2rem
}

.p-recruit__new-graduate-recruit__application {
  display: block
}

.p-recruit__new-graduate-recruit__application>p {
  padding: 0 0 1rem
}

.p-recruit__new-graduate-recruit__application>p:first-child {
  background-color: #6ec445;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-align: center;
  width: 100%
}

.p-recruit__new-graduate-recruit__rooting {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem
}

.p-recruit__carrier {
  margin: 0 0 6rem auto
}

.p-recruit__carrier:before {
  background-color: #f19224;
  -webkit-transform: skewX(20deg) !important;
  transform: skewX(20deg) !important
}

.p-recruit__recruitment-method {
  background-color: #fff;
  border: solid;
  border-color: #6ec445;
  border-width: .2rem;
  margin: 0 auto;
  max-width: 54rem;
  padding: 1rem
}

.p-recruit__recruitment-method__link {
  display: inline-block
}

.p-recruit__recruitment-method__link:hover {
  opacity: .7
}

.p-recruit__recruitment-method__unofficial-offer {
  margin: 0;
  text-align: center
}

.p-recruit__recruitment-method__unofficial-offer>img {
  width: 5.6rem
}

.p-recruit__recruitment-method__new-graduate {
  margin: 0;
  text-align: center
}

.p-recruit__recruitment-method__new-graduate>img {
  width: 8.2rem
}

.p-recruit__recruitment-method__shizukyari {
  margin: 0;
  text-align: center
}

.p-recruit__recruitment-method__shizukyari>img {
  width: 18rem
}

.p-recruit__recruitment-method__step {
  color: #6ec445;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1rem !important;
  text-align: center
}

.p-recruit__recruitment-method__icon {
  position: relative
}

.p-recruit__recruitment-method__icon:before {
  background-color: #6ec445;
  bottom: -2rem;
  content: "";
  height: 2rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: .2rem
}

.p-recruit__individual:before {
  background-color: #4f81ea
}

.p-recruit__individual:after {
  background-image: url(../images/common/individual--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 16.5rem;
  left: 82%;
  position: absolute;
  top: .5rem;
  width: 9rem;
  z-index: 1
}

.p-recruit__container {
  margin: 0 auto;
  max-width: 111rem
}

.p-recruit__item {
  display: block;
  margin-bottom: 2rem;
  position: relative;
  width: 80%
}

.p-recruit__item:before {
  content: "";
  display: block;
  height: 10rem;
  margin-bottom: 6rem;
  position: absolute;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  transition: width .4s;
  width: 100%
}

.p-recruit__item--right:before {
  right: -3rem
}

.p-recruit__item--left:before {
  left: -3rem
}

.p-recruit__item--carrier {
  left: 3.2rem;
  position: relative
}

.p-recruit__item--carrier:after {
  background-image: url(../images/common/icon-recruit--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 2.5rem;
  position: absolute;
  right: -2.2rem;
  top: 62%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.35rem
}

.p-recruit__item--carrier:before {
  background-image: url(../images/common/carrier--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 16.5rem;
  left: -12rem;
  position: absolute;
  top: -4rem;
  width: 8rem;
  z-index: 1
}

.p-recruit__item--individual {
  left: -2.8rem;
  position: relative
}

.p-recruit__item--individual:after {
  background-image: url(../images/common/icon-recruit--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 2.5rem;
  position: absolute;
  right: -2.2rem;
  top: 62%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.35rem
}

.p-recruit__item--new-graduate {
  left: -3.8rem;
  position: relative
}

.p-recruit__item--new-graduate:after {
  background-image: url(../images/common/icon-recruit--sp.svg);
  background-repeat: no-repeat;
  content: "";
  font-size: 2rem;
  height: 2.5rem;
  position: absolute;
  right: -2.2rem;
  top: 2.5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.35rem
}

.p-recruit__item--new-graduate:before {
  background-image: url(../images/common/new-graduate--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 15.5rem;
  left: 11rem;
  position: absolute;
  top: -4rem;
  width: 13rem;
  z-index: 1
}

.p-recruit__item:hover {
  text-decoration: none
}

.p-recruit__item:hover:before {
  width: 200%
}

.p-recruit__item__box {
  overflow: hidden;
  padding: 3rem 0
}

.p-recruit__item__text {
  align-items: center;
  color: #fff;
  display: flex;
  height: 10rem;
  justify-content: center;
  position: relative
}

.p-company {
  background-image: url(../images/background/plaid.png);
  padding-top: 2rem
}

.p-company__item {
  flex: 0 0 100%;
  padding: 1rem 1.5rem
}

.p-company__container {
  padding: 2.5rem 0 10rem
}

.p-company__container__2-rows {
  padding: 2.5rem 0 4rem
}

.p-company__link {
  background-color: #fff;
  border-radius: 1rem;
  display: block;
  height: 10rem;
  outline: solid;
  outline-color: #333;
  outline-width: 3px;
  width: 100%
}

.p-company__link:hover {
  outline-width: .5rem;
  text-decoration: none
}

.p-company__text {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  height: 10rem;
  padding: 0 2rem;
  position: relative;
  z-index: 1
}

.p-company__text:before {
  background-image: url(../images/common/company-back.svg);
  background-repeat: no-repeat;
  content: "";
  height: 10rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 15.5rem;
  z-index: -1
}

.p-company__text:after {
  background-image: url(../images/common/company-arrow.svg);
  content: "";
  height: 2.7rem;
  position: absolute;
  right: 1rem;
  width: 1.4rem
}

.p-job-person {
  background-color: #6ec445;
  padding-bottom: 5rem;
  position: relative
}

.p-job-person:before {
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  top: -6rem
}

.p-job-person:after,
.p-job-person:before {
  background-color: #6ec445;
  content: "";
  display: block;
  height: 6.1rem;
  position: absolute;
  width: 100%
}

.p-job-person:after {
  bottom: -6rem;
  clip-path: polygon(100% 0, 0 0, 100% 100%)
}

.p-job-person--people {
  position: relative
}

.p-job-person--people:after {
  background-image: url(../images/common/job-printing--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 9.3rem;
  position: absolute;
  right: .5rem;
  top: -4rem;
  width: 9.3rem
}

.p-job-person__project {
  padding-right: 8.5rem
}

.p-job-person__top-text {
  margin: 0;
  padding: 2rem 0 3rem;
  position: relative
}

.p-job-person__top-text:after {
  background-image: url(../images/common/job-printing--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 9.3rem;
  position: absolute;
  right: 0;
  top: -9rem;
  width: 9.3rem
}

.p-job-person__project-container {
  position: relative;
  top: 5rem
}

.p-job-person__project-container__text {
  margin: 0 auto;
  max-width: 70rem;
  padding: 2rem 0 4rem
}

.p-job-person__employee-btn {
  padding: 2rem 1.5rem 0
}

.p-job-person__slide__title {
  color: #333;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  padding: 2rem 1.5rem 1rem
}

.p-job-person__slide__content {
  color: #333;
  font-size: 1.6rem;
  margin: 0;
  padding: 0 1.5rem
}

.p-job-person__slide-container {
  position: relative
}

.p-job-person__slide-container:after {
  background-image: url(../images/common/job-sales--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 8.2rem;
  left: 68%;
  position: absolute;
  top: -5rem;
  width: 8.2rem
}

.p-job-person__slide-container-adjust {
  margin: 0
}

.p-job-person__slide-btn--left {
  left: 4rem;
  position: absolute;
  top: calc(50% - 4rem)
}

.p-job-person__slide-btn--right {
  position: absolute;
  right: 4rem;
  top: calc(50% - 4rem)
}

.p-job-person__slide__text-box {
  display: block
}

.p-job-person-employee__occupation {
  color: #333;
  font-size: 1.4rem;
  margin: 1rem 0 .5rem;
  padding-left: .2rem;
  position: relative
}

.p-job-person-employee__occupation>span {
  background-color: #fff;
  display: inline-block;
  padding: 0 .3rem
}

.p-job-person-employee__name {
  color: #333;
  font-size: 1.6rem;
  margin: 0
}

.p-job-person-employee__link {
  display: block;
  padding: 0 1.5rem
}

.p-job-person-employee__link:hover {
  text-decoration: none
}

.p-job-person-employee__link:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .35s
}

.p-job-person-employee__link:hover .p-job-person-employee__occupation {
  color: #6ec445
}

.p-job-person-employee__link:hover .p-job-person-employee__name {
  color: #fff
}

.p-job-person-employee__link>figure {
  margin: 0
}

.p-job-person-employee__link>figure,
.p-job-person-employee__link>figure>img {
  aspect-ratio: 19/26;
  clip-path: polygon(20% 0, 100% 0, 100% 87%, 80% 100%, 0 100%, 0 13%)
}

.p-job-person-employee__link>figure>img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.p-job-person__subtitle {
  color: #fff
}

.p-job-person__btn-container {
  margin: 2.5rem 0 2rem
}

.p-job-person__title {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -.5px;
  margin: 0;
  text-align: center
}

.p-job-person__title__icon {
  position: relative;
  z-index: 1
}

.p-job-person__title__icon:after {
  background-image: url(../images/common/icon-job-title.svg);
  bottom: -.4rem;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  width: 9.5rem;
  z-index: -1
}

.p-job-person__title--project {
  position: relative;
  z-index: 1
}

.p-job-person__title--project:after {
  background-image: url(../images/common/icon-job-project.svg);
  bottom: -.4rem;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  width: 25.5rem;
  z-index: -1
}

.p-job-person__container {
  padding: 0 1.5rem
}

.p-job-person__title-container {
  display: flex
}

.p-job-person__occupation-container {
  position: relative;
  text-align: center
}

.p-job-person__occupation-container:before {
  background-image: url(../images/common/job-laptop.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: none;
  height: 17.4rem;
  left: 0;
  padding-left: 19.5rem;
  position: absolute;
  top: 6.5rem;
  width: 16.4rem
}

.p-job-person__occupation-btn {
  background-color: #fff;
  border-radius: 3rem;
  box-shadow: .3rem .5rem #000;
  color: #333;
  display: inline-block;
  font-weight: 600;
  margin: 1rem .5rem .5rem;
  padding: 1rem 2rem
}

.p-job-person__occupation-btn:hover {
  box-shadow: none;
  color: #333;
  text-decoration: none;
  -webkit-transform: translateY(.5rem);
  transform: translateY(.5rem)
}

.p-job-person__intro-conteiner {
  display: flex;
  margin: -1.5rem 0 0
}

.p-job-person__img-laptop {
  display: none;
  position: relative;
  top: 3rem
}

.p-employee-slide__items {
  display: flex;
  margin: auto;
  width: 100%
}

.p-employee-slide__container {
  margin: 0 auto;
  max-width: 1140px
}

.p-employee-slide__img {
  aspect-ratio: 5/3;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.p-employee-slide__title {
  font-size: 1rem !important
}

.p-employee-slide__branch {
  font-size: .875rem !important;
  margin-bottom: 10px !important
}

.p-employee-slide__name {
  font-size: 1.125rem !important
}

.p-employee-slide__text-box {
  padding: 2rem 2rem 4rem !important
}

.p-employee-slide__arrow {
  cursor: pointer;
  display: inline-block
}

.p-employee-slide__arrow--other {
  top: calc(50% - 7.5rem)
}

.p-project-slide__items {
  display: flex;
  margin: auto;
  width: 100%
}

.p-project-slide__link {
  display: block;
  margin: 0
}

.p-project-slide__link:hover {
  text-decoration: none
}

.p-project-slide__link:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .35s
}

.p-project-slide__link:hover .p-job-person-employee__occupation {
  color: #6ec445
}

.p-project-slide__link:hover .p-job-person-employee__name {
  color: #fff
}

.p-project-slide__link>figure {
  aspect-ratio: 2/1.1;
  margin: 0;
  overflow: hidden
}

.p-project-slide__link>figure>img {
  aspect-ratio: 2/1.1;
  -o-object-fit: cover;
  object-fit: cover
}

.p-project-slide__container {
  margin: 0 auto;
  max-width: 73rem;
  position: relative
}

.p-project-slide__container:after {
  background-image: url(../images/common/job-exploration--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 6.2rem;
  left: 68%;
  left: -1.4rem;
  position: absolute;
  top: -3.5rem;
  width: 8.4rem
}

.p-project-slide__img {
  aspect-ratio: 5/3;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.p-project-slide__title {
  font-size: 1rem !important
}

.p-project-slide__branch {
  font-size: .875rem !important;
  margin-bottom: 10px !important
}

.p-project-slide__name {
  font-size: 1.125rem !important
}

.p-project-slide__text-box {
  padding: 2rem 2rem 4rem !important
}

.p-project-slide__arrow {
  cursor: pointer;
  display: inline-block
}

.p-project-slide__arrow--left {
  left: -1rem;
  top: calc(50% - 8.5rem)
}

.p-project-slide__arrow--right {
  right: -1rem;
  top: calc(50% - 8.5rem)
}

.p-welfare {
  background-color: #eceeee;
  padding: 10rem 0 1rem
}

.p-welfare__img-only:after {
  left: 50%
}

.p-welfare__text {
  margin: 0;
  padding: 2rem 0 0
}

.p-welfare__top-img {
  position: relative
}

.p-welfare__top-img:after {
  background-image: url(../images/common/job-people-top.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 14.9rem;
  left: 50%;
  position: absolute;
  top: -14rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 28rem
}

.p-welfare__container {
  display: flex
}

.p-welfare__container__icon {
  position: relative
}

.p-welfare__container__icon:after {
  background-image: url(../images/common/icon-recruit--sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.5rem;
  left: 8rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .9rem
}

.p-welfare__container__text {
  color: #fff;
  font-size: 1.8rem;
  left: -1rem;
  margin: 0;
  position: relative;
  text-align: center
}

.p-welfare__container__text--working-environment:after {
  background-image: url(../images/welfare/working-environment--sp.svg)
}

.p-welfare__container__text--welfare:after,
.p-welfare__container__text--working-environment:after {
  background-repeat: no-repeat;
  content: "";
  height: 7.8rem;
  left: calc(50% + 1rem);
  position: absolute;
  top: -8.5rem;
  -webkit-transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  transform: translateX(-50%);
  width: 7.8rem
}

.p-welfare__container__text--welfare:after {
  background-image: url(../images/welfare/welfare--sp.svg)
}

.p-welfare__working-environment {
  background-color: #4f81ea;
  display: block;
  flex: 0 0 50%;
  padding: 10rem 0 2rem
}

.p-welfare__working-environment:hover {
  background-color: #fff;
  border: solid;
  border-color: #4f81ea;
  border-width: .5rem;
  padding: 9.5rem 0 1.5rem;
  text-decoration: none
}

.p-welfare__working-environment:hover>p {
  color: #4f81ea
}

.p-welfare__working-environment:hover>p>span:after {
  background-image: url(../images/welfare/arrow-blue--sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.5rem;
  left: 8rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .9rem
}

.p-welfare__welfare {
  background-color: #f19224;
  display: block;
  flex: 0 0 50%;
  padding: 10rem 0 2rem
}

.p-welfare__welfare:hover {
  background-color: #fff;
  border: solid;
  border-color: #f19224;
  border-width: .5rem;
  padding: 9.5rem 0 1.5rem;
  text-decoration: none
}

.p-welfare__welfare:hover>p {
  color: #f19224
}

.p-welfare__welfare:hover>p>span:after {
  background-image: url(../images/welfare/arrow-orrange--sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.5rem;
  left: 8rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .9rem
}

.p-welfare__list {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0 0 0 2.2rem;
  position: relative
}

.p-welfare__list:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 1.8rem;
  left: -.03rem;
  position: absolute;
  top: .22rem;
  width: 1.8rem
}

.p-welfare__list.active>li {
  display: block
}

.p-welfare__list.active>li:after,
.p-welfare__list.active>li:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-welfare__list>li {
  display: none;
  font-size: 1.4rem
}

.p-welfare__list>li:first-child {
  display: block;
  line-height: 2.2rem;
  margin-bottom: .5rem;
  position: relative
}

.p-welfare__list>li:first-child:before {
  background-color: #6ec445;
  content: "";
  display: inline-block;
  height: .87rem;
  left: -1.41rem;
  position: absolute;
  top: .7rem;
  width: .15rem
}

.p-welfare__list>li:first-child:after {
  background-color: #6ec445;
  content: "";
  display: inline-block;
  height: .15rem;
  left: -1.76rem;
  position: absolute;
  top: 1.05rem;
  width: .87rem
}

.p-welfare__list>li:last-child {
  margin-bottom: 1rem
}

.p-welfare__list__icon {
  padding-left: 1.4rem;
  position: relative
}

.p-welfare__list__icon:after {
  background-color: #333;
  content: "";
  height: .7rem;
  left: .3rem;
  position: absolute;
  top: .8rem;
  -webkit-transform: none !important;
  transform: none !important;
  width: .7rem
}

.p-welfare__list__container--sp {
  display: block
}

.p-welfare__list__container--pc {
  display: none
}

.p-special {
  background-image: url(../images/background/dot.svg);
  padding: 3rem 0 13rem
}

.p-special__single {
  padding: 3rem 0 5rem
}

.p-special__container {
  display: block;
  margin: 0 -1.5rem;
  padding: 2rem 0 0
}

.p-special__link {
  display: block;
  margin: 0 1.5rem
}

.p-special__link:hover>figure>img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .35s
}

.p-special__link:hover>p {
  color: #6ec445
}

.p-special__link:hover>p:after {
  background-image: url(../images/common/green-arrow.png);
  background-size: contain;
  height: 2rem;
  right: -2rem;
  top: 75%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .714rem
}

.p-special__link--single {
  margin: 0 auto;
  max-width: 54rem
}

.p-special__img-box {
  border-radius: 1.5rem;
  margin: 0;
  outline: solid;
  outline-color: #333;
  outline-width: .3rem;
  overflow: hidden
}

.p-special__img-box--single {
  margin: 0 auto;
  max-width: 54rem
}

.p-special__img-box>img {
  width: 100%
}

.p-special__text {
  color: #333;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
  padding: 1rem 0 0;
  position: relative;
  text-decoration: underline
}

.p-special__text:after {
  background-image: url(../images/special/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -.9rem;
  content: "";
  height: 2rem;
  position: absolute;
  right: -2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .714rem
}

.p-special__text--first {
  margin-bottom: 3rem
}

.p-bottom-comment {
  background-color: #6ec445;
  padding: 4rem 0 3rem;
  position: relative
}

.p-bottom-comment:before {
  background-color: #6ec445;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  height: 6.1rem;
  position: absolute;
  top: -6rem;
  width: 100%
}

.p-bottom-comment__text--change {
  font-size: 1.8rem;
  margin: 0
}

.p-bottom-comment__text--waiting {
  font-size: 1.4rem;
  margin: 0
}

.p-bottom-comment__container {
  margin: 0 auto;
  max-width: 46rem;
  padding: 0 1rem
}

.p-bottom-comment__container>img {
  width: 100%
}

.p-bottom-comment__container:after {
  background-image: url(../images/common/job-people.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 14.9rem;
  left: 50%;
  position: absolute;
  top: -9.5rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 28rem
}

.p-person {
  background-color: #eceeee;
  padding: 8rem 0
}

.p-person__sales:before {
  background-image: url(../images/person/icon-sales.png)
}

.p-person__sales:before,
.p-person__web:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 9rem;
  position: absolute;
  right: 4rem;
  top: 2rem;
  width: 9rem
}

.p-person__web:before {
  background-image: url(../images/person/icon-web.svg)
}

.p-person__production:before {
  background-image: url(../images/person/icon-production.svg)
}

.p-person__manufacturing:before,
.p-person__production:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 9rem;
  position: absolute;
  right: 4rem;
  top: 2rem;
  width: 9rem
}

.p-person__manufacturing:before {
  background-image: url(../images/person/icon-manufacturing.svg)
}

.p-person__office-work:before {
  background-image: url(../images/person/icon-office-work.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 9rem;
  position: absolute;
  right: 4rem;
  top: 2rem;
  width: 9rem
}

.p-person__slide-container:after {
  display: none
}

.p-person__other-container {
  border-top: solid;
  border-color: #acacac;
  padding: 2rem 0 0
}

.p-person__other__title {
  margin: 0 1.5rem
}

.p-person__link {
  display: block;
  margin: 0 1.5rem;
  position: relative
}

.p-person__link:after {
  background-image: url(../images/common/icon-arrow-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 2rem;
  position: absolute;
  right: 0;
  width: 2rem
}

.p-person__link:hover {
  text-decoration: none
}

.p-person__link:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.p-person__link:hover .p-job-person-employee__occupation {
  color: #6ec445
}

.p-person__link:hover .p-job-person-employee__name {
  color: #fff
}

.p-person__link>figure {
  margin: 0
}

.p-person__link>figure,
.p-person__link>figure>img {
  aspect-ratio: 19/26;
  clip-path: polygon(20% 0, 100% 0, 100% 87%, 80% 100%, 0 100%, 0 13%)
}

.p-person__link>figure>img {
  margin-bottom: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.p-person__link--job-introduction {
  display: block;
  margin: 0 1.5rem;
  position: relative
}

.p-person__link--job-introduction:after {
  background-image: url(../images/common/icon-arrow-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 2rem;
  position: absolute;
  right: 0;
  width: 2rem
}

.p-person__link--job-introduction:hover {
  text-decoration: none
}

.p-person__link--job-introduction:hover .p-job-person-employee__occupation {
  color: #6ec445
}

.p-person__link--job-introduction:hover .p-job-person-employee__name {
  color: #fff
}

.p-person__link--job-introduction>figure {
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
  display: block;
  height: 0;
  margin: 0;
  padding-top: 75%;
  position: relative
}

.p-person__link--job-introduction>figure>img {
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
  height: auto;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left top;
  object-position: left top;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.p-person__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem
}

.p-person-card,
.p-person__item {
  flex: 0 0 50%;
  margin: 1.5rem 0
}

.p-person__post {
  background-color: #57ad2e;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  margin: 0;
  padding: .5rem 1rem
}

.p-person__name {
  color: #333;
  font-size: 1.6rem
}

.p-person__department {
  color: #333;
  font-size: 1rem;
  margin: 0
}

.p-person__group {
  color: #333;
  font-size: 1.4rem;
  margin-bottom: 1rem
}

.p-person__img-printing {
  position: relative
}

.p-person__img-printing:after {
  background-image: url(../images/common/job-printing--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 9.3rem;
  position: absolute;
  right: -1.3rem;
  top: -3rem;
  width: 9.3rem
}

.p-person__checkbox {
  background-color: #fff;
  padding: 3rem;
  width: 100%
}

.p-person__checkbox__notice {
  color: red;
  left: 0;
  position: absolute;
  top: -3rem
}

.p-person__checkbox__item {
  flex: 0 0 50%;
  margin-bottom: 1rem;
  padding: 0 1.5rem
}

.p-person__checkbox__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem
}

.p-person__checkbox__title {
  font-size: 1.8rem;
  font-weight: 600;
  padding-left: 1.5rem;
  position: relative
}

.p-person__checkbox__title:before {
  background-image: url(../images/common/icon-checkbox.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: .2rem;
  left: 0;
  position: absolute;
  top: 1.2rem;
  width: 1rem
}

.p-person__checkbox__release-btn {
  background-color: #fff;
  border-radius: 5rem;
  display: block;
  margin: 0 auto;
  padding: 1.2rem 6rem 1.2rem 8rem;
  position: relative
}

.p-person__checkbox__release-btn>p {
  margin: 0
}

.p-person__checkbox__release-btn:before {
  background-image: url(../images/common/icon-release-btn.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.4rem;
  left: 5.8rem;
  position: absolute;
  top: 1.7rem;
  width: 1.4rem
}

.p-person__checkbox__release-btn:hover {
  opacity: .7
}

.p-person__checkbox__btn-container {
  margin: 0 auto;
  position: relative;
  text-align: center
}

.p-person-detail {
  background-color: #eceeee;
  padding: 0 0 14rem
}

.p-person-detail__career {
  background-color: #fff;
  margin: 0 0 4rem auto;
  max-width: 130rem;
  padding-bottom: 1rem;
  position: relative
}

.p-person-detail__career>div:last-child>p:after {
  display: none
}

.p-person-detail__career:before {
  background-image: url(../images/person/career.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 7.7rem;
  left: 1.5rem;
  position: absolute;
  top: -4.5rem;
  width: 7.3rem
}

.p-person-detail__career__date {
  color: #fff;
  flex: 0 0 14%;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  min-width: 10.5rem;
  position: relative;
  z-index: 1
}

.p-person-detail__career__date:before {
  background-image: url(../images/person/icon-career-date.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 4.5rem;
  position: absolute;
  width: 10.5rem;
  z-index: -1
}

.p-person-detail__career__date:after {
  background-color: #6ec445;
  content: "";
  height: 100%;
  left: 7.1rem;
  position: absolute;
  top: 2.1rem;
  width: .5rem;
  z-index: -1
}

.p-person-detail__career__date>span {
  display: block;
  padding-right: .3rem;
  padding-top: .5rem;
  text-align: center;
  white-space: nowrap
}

.p-person-detail__career__content {
  font-size: 1.6rem;
  margin: 0;
  min-height: 6.5rem;
  padding: .4rem 1.5rem 1rem;
  position: relative
}

.p-person-detail__career__title {
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  max-width: 111rem;
  padding-top: 2rem;
  text-align: center
}

.p-person-detail__career__title>span {
  position: relative;
  z-index: 1
}

.p-person-detail__career__title>span:before {
  background-image: url(../images/person/icon-career.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  height: .8rem;
  position: absolute;
  right: 0;
  width: 22rem;
  z-index: -1
}

.p-person-detail__career__container {
  display: flex;
  margin: 0;
  padding: 0 0 0 1.5rem
}

.p-person-detail__content__container {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem
}

.p-person-detail__content__container--right {
  justify-content: end
}

.p-person-detail__content__img {
  flex: 0 0 42%;
  margin: 0;
  width: 80%
}

.p-person-detail__content__img--right {
  margin: 0 0 0 auto
}

.p-person-detail__content__img>img {
  aspect-ratio: 3/2;
  max-height: 42rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.p-person-detail__content__title {
  color: #6ec445;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem
}

.p-person-detail__content__box {
  margin: 2rem 0 0;
  padding: 0 1.5rem
}

.p-person-detail__content__box--right {
  margin: 2rem 0 0;
  order: 1;
  padding: 0 1.5rem
}

.p-person-detail__information-container {
  background-color: #6ec445;
  margin: -3rem -1.5rem 3rem auto;
  max-width: 33.5rem;
  padding: 2rem 1.5rem 2rem 1rem;
  position: relative;
  width: 100%
}

.p-person-detail__top-img {
  display: none;
  width: 100%
}

.p-person-detail__top-img--sp {
  display: block;
  width: 100%
}

.p-person-detail__post {
  background-color: #fff;
  color: #6ec445;
  display: inline-block;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  margin-left: .5rem;
  padding: .5rem 1rem
}

.p-person-detail__department {
  color: #fff;
  font-size: 1rem;
  margin-bottom: .3rem;
  padding-left: .5rem
}

.p-person-detail__name {
  color: #fff;
  font-size: 1.8rem;
  font-size: 1.6rem;
  margin: 0;
  padding-left: .5rem
}

.p-person-detail__joining {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: .5rem;
  padding-left: .5rem
}

.p-person-detail__hashtag__box {
  display: flex;
  flex-wrap: wrap
}

.p-person-detail__hashtag__link {
  border: solid;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  padding: .1rem
}

.p-person-detail__hashtag__item {
  margin-top: 1rem;
  padding: 0 .5rem
}

.p-burger {
  background-color: #eceeee;
  border-radius: 0 0 0 100%;
  opacity: 0;
  padding: 16rem 0 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .2s ease, border-radius .2s ease;
  width: 100%
}

.p-burger.active {
  border-radius: 0;
  height: 100%;
  opacity: 1;
  overflow: auto;
  pointer-events: auto;
  position: fixed;
  width: 100%;
  z-index: 5
}

.p-burger__sns {
  display: flex;
  margin-bottom: 2rem;
  margin-left: 0 -2rem;
  padding-left: 2.1rem
}

.p-burger__sns>a {
  display: block;
  margin: 0 1.4rem;
  width: 4.5rem
}

.p-burger__img {
  position: relative
}

.p-burger__img:before {
  background-image: url(../images/burger/sales.png);
  height: 9.2rem;
  left: 4rem;
  top: -14rem;
  width: 8.8rem
}

.p-burger__img:after,
.p-burger__img:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute
}

.p-burger__img:after {
  background-image: url(../images/burger/discovery.svg);
  height: 8rem;
  right: 3rem;
  top: -4rem;
  width: 11.1rem
}

.p-burger__container {
  background-color: #6ec445;
  bottom: 0;
  min-height: 100%;
  padding: 6rem 0 13rem;
  position: relative;
  width: 100%
}

.p-burger__container:before {
  background-color: #6ec445;
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  content: "";
  display: block;
  height: 9rem;
  position: absolute;
  top: -8.9rem;
  width: 100%
}

.p-burger__container:after {
  display: none
}

.p-burger__last-icon:after {
  background-image: url(../images/burger/design.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 12.8rem;
  position: absolute;
  right: 4rem;
  top: 1.1rem;
  width: 10.7rem
}

.p-burger__box {
  position: relative
}

.p-burger__box>div {
  margin: 0
}

.p-burger__box>div:first-child {
  margin-top: 0
}

.p-burger__box>div:last-child>ul:last-child:after {
  background-image: url(../images/burger/design.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 12.8rem;
  position: absolute;
  right: 4rem;
  top: 1.1rem;
  width: 10.7rem
}

.p-burger__top {
  border-bottom: solid;
  color: #fff;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3rem;
  margin: 0 0 .5rem 3.5rem
}

.p-burger__top:hover {
  color: #363636;
  text-decoration: none
}

.p-burger__list {
  color: #fff;
  list-style: none;
  margin: 0;
  padding: 0 0 0 6.5rem;
  position: relative
}

.p-burger__list:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 2.4rem;
  left: 3.6rem;
  position: absolute;
  top: 2.2rem;
  width: 2.4rem
}

.p-burger__list.active>li {
  display: block
}

.p-burger__list.active>li:after,
.p-burger__list.active>li:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-burger__list>li {
  display: none;
  font-size: 1.6rem;
  margin-bottom: 1rem
}

.p-burger__list>li:last-child {
  margin-bottom: .5rem
}

.p-burger__list>li:first-child {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 2rem;
  padding-top: 1.5rem;
  position: relative
}

.p-burger__list>li:first-child:before {
  background-color: #6ec445;
  content: "";
  display: inline-block;
  height: 1.2rem;
  left: -1.8rem;
  position: absolute;
  top: 2.8rem;
  width: .2rem
}

.p-burger__list>li:first-child:after {
  background-color: #6ec445;
  content: "";
  display: inline-block;
  height: .2rem;
  left: -2.3rem;
  position: absolute;
  top: 3.3rem;
  width: 1.2rem
}

.p-burger__list>li>a {
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.5rem;
  text-decoration: underline
}

.p-burger__list>li>a:hover {
  color: #363636
}

.p-burger__list--news {
  padding: 0 0 1rem 3.5rem !important
}

.p-burger__list--news:before,
.p-burger__list--news>li:after,
.p-burger__list--news>li:before {
  display: none !important
}

.p-burger__list--news>li>a {
  font-size: 2.4rem !important
}

.p-burger__btn {
  background: #363636;
  border-left: none;
  cursor: pointer;
  height: 7rem;
  position: relative;
  position: fixed;
  right: 0;
  top: 0;
  width: 7rem;
  z-index: 10
}

.p-burger__btn__menu {
  display: inline-block
}

.p-burger__btn__close,
.p-burger__btn__menu {
  color: #fff;
  font-size: 1.2rem;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 4.5rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.p-burger__btn__close {
  display: none
}

.p-burger__btn>span {
  background: #fff;
  display: inline-block;
  height: .3rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all .4s;
  width: 50%
}

.p-burger__btn>span:first-of-type {
  top: 1.3rem
}

.p-burger__btn>span:nth-of-type(2) {
  top: 2.4rem
}

.p-burger__btn>span:nth-of-type(3) {
  top: 3.5rem
}

.p-burger__btn.active>p:first-of-type {
  display: none
}

.p-burger__btn.active>p:nth-of-type(2) {
  display: inline-block
}

.p-burger__btn.active>span:first-of-type {
  left: 1.8rem;
  top: 1.8rem;
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
  width: 50%
}

.p-burger__btn.active>span:nth-of-type(2) {
  opacity: 0
}

.p-burger__btn.active>span:nth-of-type(3) {
  left: 1.8rem;
  top: 3rem;
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
  width: 50%
}

.p-recruit-list {
  bottom: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: fixed;
  width: 100%;
  z-index: 6
}

.p-recruit-list.hidden {
  opacity: 0;
  visibility: hidden
}

.p-recruit-list.active {
  display: none
}

.p-recruit-list__container {
  display: flex
}

.p-recruit-list__container>a:first-child {
  border-top: none
}

.p-recruit-list__container>a:hover {
  text-decoration: none
}

.p-recruit-list__top {
  background-color: #363636;
  height: 2rem;
  width: 100%
}

.p-recruit-list__top__text {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  height: 2rem;
  justify-content: center;
  margin: 0
}

.p-recruit-list__link {
  border-bottom: none;
  display: block;
  flex: 0 0 33.3333333333%;
  height: 6rem;
  width: 15rem
}

.p-recruit-list__link--new-graduate {
  background-color: #de2489
}

.p-recruit-list__link--career {
  background-color: #f19224
}

.p-recruit-list__link--individual {
  background-color: #4f81ea
}

.p-recruit-list__link__text {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 1.2rem;
  height: 6rem;
  margin: 0;
  padding-left: 1.7rem;
  position: relative
}

.p-recruit-list__link__text:after {
  background-image: url(../images/common/icon-recruit-list.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.765rem;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .714rem
}

.p-important {
  background-color: #eceeee;
  padding: 9rem 0 7rem
}

.p-important__keyword__container {
  display: flex;
  justify-content: center;
  margin-left: -.5rem;
  margin-right: -.5rem
}

.p-important__keyword__item {
  flex: 0 0 25%;
  margin: 0;
  padding: 0 .5rem
}

.p-important__keyword__img {
  text-align: center
}

.p-important__keyword__img--beside {
  flex: 0 0 50%;
  margin: 0;
  padding: 0 .5rem
}

.p-important__keyword__img--beside>img {
  width: 100%
}

.p-important__keyword__img-container {
  display: flex;
  margin: 0 -.5rem
}

.p-important__keyword__text {
  height: auto
}

.p-top-message {
  background-color: #eceeee;
  padding: 8rem 0 6rem
}

.p-top-message__img {
  background-repeat: no-repeat;
  margin: 0;
  text-align: right
}

.p-working-environment {
  background-color: #eceeee;
  padding: 9rem 0 7rem
}

.p-working-environment__top-message {
  display: block;
  margin: 0
}

.p-working-environment__top-message__item {
  font-size: 2rem;
  font-weight: 300;
  line-height: 3rem;
  margin: 0;
  padding: 0
}

.p-working-environment__top-message__item--information {
  margin-left: -1.3rem
}

.p-working-environment__tokyo-branch {
  display: none
}

.p-working-environment__tokyo-branch--sp {
  display: block
}

.p-working-environment__tokyo-branch--sp>img {
  width: 100%
}

.p-working-environment__title {
  color: #6ec445;
  font-size: 2rem
}

.p-working-environment__learning {
  color: #6ec445;
  font-size: 1.8rem
}

.p-scroll-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3%
}

.p-scroll-box__list {
  height: 25rem;
  order: 1;
  overflow-y: scroll;
  width: auto
}

.p-scroll-box__list::-webkit-scrollbar {
  background-color: #d9d9d9;
  border-radius: 10px;
  height: 10px;
  width: 10px
}

.p-scroll-box__list::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: #6ec445;
  border-radius: 1rem
}

.p-scroll-box__list>div:last-child>p:last-child {
  border-bottom: solid;
  border-color: #acacac;
  margin-bottom: 0 !important;
  margin-right: 3rem;
  padding-bottom: 3rem
}

.p-scroll-box__list>div>p:first-child {
  border-top: solid;
  border-color: #acacac;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
  margin-right: 3rem;
  padding-top: 3rem
}

.p-scroll-box__list>div>p:last-child {
  margin-bottom: 3rem;
  padding-right: 4rem
}

@-webkit-keyframes tooltipShow {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes tooltipShow {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.p-scroll-box__img {
  margin-bottom: 3rem;
  width: auto
}

.p-scroll-box__img>figure {
  -webkit-animation: tooltipShow .8s linear 0s;
  animation: tooltipShow .8s linear 0s;
  display: block
}

.p-scroll-box__img>figure.none {
  display: none;
  opacity: 1
}

.p-3-minutes__society {
  font-size: 3.2rem;
  font-weight: 600;
  text-align: center
}

.p-3-minutes__9-data {
  padding-bottom: 0
}

.p-3-minutes__9-data>div {
  display: block;
  margin-bottom: 1rem
}

.p-3-minutes__9-data>div:hover {
  opacity: .7
}

.p-3-minutes__9-data__shift-item--sp {
  height: 17rem;
  margin-top: -6rem
}

.p-3-minutes__slide--pc {
  display: none
}

.p-3-minutes__slide__container {
  display: block;
  margin: 0 auto;
  max-width: 73rem;
  position: relative
}

.p-3-minutes__slide__container__arrow {
  cursor: pointer;
  display: inline-block
}

.p-3-minutes__slide__container__arrow--left,
.p-3-minutes__slide__container__arrow--right {
  display: block
}

.p-3-minutes__slide__container-btn--left {
  left: -1.35rem;
  position: absolute;
  top: calc(50% - 18.5rem)
}

.p-3-minutes__slide__container-btn--right {
  position: absolute;
  right: -1.35rem;
  top: calc(50% - 18.5rem)
}

.p-3-minutes__introduction__container {
  display: flex
}

.p-3-minutes__introduction__container__icon {
  position: relative
}

.p-3-minutes__introduction__container__icon:after {
  background-image: url(../images/common/icon-recruit.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.4rem;
  position: absolute;
  right: -1.4rem;
  top: .3rem;
  width: .7rem
}

.p-3-minutes__introduction__container__text {
  color: #fff;
  font-size: 1.8rem;
  left: -1rem;
  margin: 0;
  position: relative;
  text-align: center
}

.p-3-minutes__introduction__container__text--job-introduction:after {
  background-image: url(../images/3-minutes/job-introduction.png);
  height: 7.8rem;
  top: -8.5rem;
  width: 7.8rem
}

.p-3-minutes__introduction__container__text--employee:after,
.p-3-minutes__introduction__container__text--job-introduction:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: calc(50% + 1rem);
  position: absolute;
  -webkit-transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  transform: translateX(-50%)
}

.p-3-minutes__introduction__container__text--employee:after {
  background-image: url(../images/3-minutes/business-card.svg);
  height: 5.5rem;
  top: -7.5rem;
  width: 7rem
}

.p-3-minutes__job-introduction {
  background-color: #4f81ea;
  display: block;
  flex: 0 0 50%;
  padding: 10rem 0 2rem
}

.p-3-minutes__job-introduction:hover {
  background-color: #fff;
  border: solid;
  border-color: #4f81ea;
  border-width: .5rem;
  padding: 9.5rem 0 1.5rem;
  text-decoration: none
}

.p-3-minutes__job-introduction:hover>p {
  color: #4f81ea
}

.p-3-minutes__job-introduction:hover>p>span:after {
  background-image: url(../images/welfare/arrow-blue.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.4rem;
  position: absolute;
  right: -1.4rem;
  top: .3rem;
  width: .7rem
}

.p-3-minutes__employee {
  background-color: #f19224;
  display: block;
  flex: 0 0 50%;
  padding: 10rem 0 2rem
}

.p-3-minutes__employee:hover {
  background-color: #fff;
  border: solid;
  border-color: #f19224;
  border-width: .5rem;
  padding: 9.5rem 0 1.5rem;
  text-decoration: none
}

.p-3-minutes__employee:hover>p {
  color: #f19224
}

.p-3-minutes__employee:hover>p>span:after {
  background-image: url(../images/welfare/arrow-orrange.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 1.4rem;
  position: absolute;
  right: -1.4rem;
  top: .3rem;
  width: .7rem
}

.p-3-minutes__business-container>p {
  background-color: #fff;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-align: center
}

.p-3-minutes__business-container>:nth-child(2) {
  background-color: #eceeee;
  font-size: 1.8rem;
  font-weight: 600 !important;
  margin: 0;
  padding: 1rem 0 1.5rem
}

.p-3-minutes__business-container>a {
  margin-bottom: 4rem;
  width: 100%
}

.p-3-minutes__partner {
  color: #6ec445;
  font-size: 1.8rem;
  font-weight: 600
}

.p-3-minutes__sdgs-btn {
  background-color: #fff;
  margin: 0 -1.5rem;
  padding: 2rem 1.5rem;
  text-align: center
}

.p-3-minutes__slogan {
  text-align: center
}

.p-3-minutes__behavioral,
.p-3-minutes__principles,
.p-3-minutes__slogan {
  font-size: 2.4rem;
  font-weight: 600
}

.p-3-minutes__philosophy {
  display: none
}

.p-3-minutes__philosophy--sp {
  display: block
}

.p-3-minutes__philosophy__container>div>figure {
  margin-bottom: 2rem
}

.p-3-minutes__history-map {
  background-color: #fff;
  margin: 0 -1.5rem;
  padding: 2rem 1.5rem;
  text-align: center
}

.p-3-minutes__history-map>figure {
  margin: 0 auto;
  max-width: 54rem
}

.p-3-minutes__history-map>a {
  display: block;
  padding: 0 1.5rem
}

.p-3-minutes__history-map>a:hover {
  opacity: .7
}

.p-100-questions__container__question {
  background-color: #6ec445;
  border-radius: .8rem 0;
  color: #fff;
  font-weight: 600;
  left: 0;
  margin: 0;
  padding: .3rem 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 7rem
}

.p-100-questions__container__answer {
  bottom: 2rem;
  color: #6ec445;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  position: absolute;
  right: 3rem
}

.p-100-questions__container__text {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
  padding: 4.5rem 1rem 1rem
}

.p-100-questions__container__item {
  background-color: #fff;
  border: solid;
  border-color: #6ec445;
  border-radius: 1rem 1rem;
  cursor: pointer;
  margin-bottom: 1rem;
  padding-bottom: 4rem;
  position: relative
}

.p-100-questions__container__item:after {
  background-image: url(../images/common/green-arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 2.6rem;
  content: "";
  height: .84rem;
  position: absolute;
  right: 1.8rem;
  width: .42rem
}

.p-100-questions__container__item--1 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--1:before {
  background-image: url(../images/100-questions/q-1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 13.6rem;
  left: 50%;
  position: absolute;
  top: 30%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 14.6rem
}

.p-100-questions__container__item--8 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--8:before {
  background-image: url(../images/100-questions/q-8.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 10.9rem;
  left: 50%;
  position: absolute;
  top: 33%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 5.5rem
}

.p-100-questions__container__item--21 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--21:before {
  background-image: url(../images/100-questions/q-21.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 9.8rem;
  left: 50%;
  position: absolute;
  top: 37%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 13.2rem
}

.p-100-questions__container__item--38 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--38:before {
  background-image: url(../images/100-questions/q-38.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 10.8rem;
  left: 50%;
  position: absolute;
  top: 34%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 11.6rem
}

.p-100-questions__container__item--45 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--45:before {
  background-image: url(../images/100-questions/q-45.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 12.2rem;
  left: 50%;
  position: absolute;
  top: 32%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 14.2rem
}

.p-100-questions__container__item--46 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--46:before {
  background-image: url(../images/100-questions/q-46.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 7.9rem;
  left: 50%;
  position: absolute;
  top: 42%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 11.3rem
}

.p-100-questions__container__item--51 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--51:before {
  background-image: url(../images/100-questions/q-51.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 13.6rem;
  left: 50%;
  position: absolute;
  top: 30%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 13.7rem
}

.p-100-questions__container__item--57 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--57:before {
  background-image: url(../images/100-questions/q-57.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11rem;
  left: 50%;
  position: absolute;
  top: 34%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 13rem
}

.p-100-questions__container__item--71 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--71:before {
  background-image: url(../images/100-questions/q-71.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11.3rem;
  left: 50%;
  position: absolute;
  top: 35%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10.1rem
}

.p-100-questions__container__item--87 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--87:before {
  background-image: url(../images/100-questions/q-87.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 11rem;
  left: 50%;
  position: absolute;
  top: 35%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 5.8rem
}

.p-100-questions__container__item--98 {
  padding: 0 0 18.5rem;
  position: relative
}

.p-100-questions__container__item--98:before {
  background-image: url(../images/100-questions/q-98.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 9.7rem;
  left: 50%;
  position: absolute;
  top: 36%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 8.2rem
}

.p-100-questions__container--two-row {
  -ms-grid-row-span: 2;
  grid-row: span 2
}

.p-100-questions__container--first-half {
  margin-bottom: 4rem
}

.p-100-questions__container--first-half.none {
  display: none
}

.p-100-questions__container--first-bottom {
  display: block;
  margin: 0 auto;
  width: 100%
}

.p-100-questions__container--first-bottom.none {
  display: none
}

.p-100-questions__container--latter-bottom {
  display: block;
  margin: 0 auto;
  width: 100%
}

.p-100-questions__container--latter-bottom.none {
  display: none
}

.p-100-questions__container--latter-half {
  margin-bottom: 4rem
}

.p-100-questions__container--latter-half.none {
  display: none
}

.p-100-questions__btn {
  display: flex;
  justify-content: center
}

.p-100-questions__btn--first-half {
  background-color: #fff;
  border: solid;
  color: #6ec445;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 1.5rem;
  padding: 1rem 0;
  text-align: center;
  width: 25.5rem
}

.p-100-questions__btn--first-half.active {
  background-color: #6ec445;
  border-color: #6ec445;
  color: #fff;
  position: relative
}

.p-100-questions__btn--first-half.active:before {
  background-color: #6ec445;
  bottom: -10px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  height: 1rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.3rem
}

.p-100-questions__btn--latter-half {
  background-color: #fff;
  border: solid;
  color: #6ec445;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 1.5rem;
  padding: 1rem 0;
  text-align: center;
  width: 25.5rem
}

.p-100-questions__btn--latter-half.active {
  background-color: #6ec445;
  border-color: #6ec445;
  color: #fff;
  position: relative
}

.p-100-questions__btn--latter-half.active:before {
  background-color: #6ec445;
  bottom: -10px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  height: 1rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.3rem
}

.p-dialogue__gap {
  background-color: #eceeee;
  height: 6rem
}

.p-dialogue__our-company {
  font-size: 1.5rem
}

.p-dialogue__img--q-6 {
  margin: 0 -1.5rem;
  max-width: 54rem
}

.p-dialogue__img--sp {
  padding: 0
}

.p-dialogue__img--bottom {
  margin: 0
}

.p-dialogue__img--bottom>img {
  width: 100%
}

.p-dialogue__img--blue {
  position: relative
}

.p-dialogue__img--blue:after {
  background-image: url(../images/dialogue/img-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: none;
  height: 19rem;
  position: absolute;
  right: 8rem;
  top: 59rem;
  width: 19rem
}

.p-dialogue__img--orange {
  position: relative
}

.p-dialogue__img--orange:after {
  background-image: url(../images/dialogue/img-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: none;
  height: 23.3rem;
  left: 8rem;
  position: absolute;
  top: 56rem;
  width: 16.4rem
}

.p-dialogue__speech-bubble {
  background-color: #fff;
  border-radius: 1rem;
  margin-bottom: 3rem;
  padding: 2rem 1rem;
  width: 100%
}

.p-dialogue__speech-bubble>span {
  background: linear-gradient(transparent 50%, #fffbc6 0);
  font-weight: 600
}

.p-dialogue__speech-bubble--right {
  margin-left: 2rem;
  position: relative
}

.p-dialogue__speech-bubble--right:before {
  background-color: #fff;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
  content: "";
  height: 1rem;
  left: -1.6rem;
  position: absolute;
  top: 2.6rem;
  width: 1.6rem
}

.p-dialogue__speech-bubble--left {
  margin-right: 2rem;
  position: relative
}

.p-dialogue__speech-bubble--left:before {
  background-color: #fff;
  clip-path: polygon(100% 50%, 0 100%, 0 0);
  content: "";
  height: 1rem;
  position: absolute;
  right: -1.6rem;
  top: 2.6rem;
  width: 1.6rem
}

.p-dialogue__speech-bubble__container {
  display: flex
}

.p-dialogue__speech-bubble__container>figure {
  flex: 0 0 6rem
}

.p-dialogue__q-number {
  color: #6ec445;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: .5rem;
  position: relative;
  z-index: 0
}

.p-dialogue__q-number:after {
  background-color: #6ec445;
  content: "";
  height: .1rem;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -2
}

.p-dialogue__q-number:before {
  background-color: #eceeee;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  top: 48%;
  width: 7rem;
  z-index: -1
}

.p-dialogue__q-content {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem
}

.p-dialogue__top-text {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
  padding: 0 1.5rem;
  text-align: center
}

.p-dialogue__top-img {
  margin: 0 auto;
  max-width: 92rem;
  width: 100%
}

.p-dialogue__employee__container {
  background-color: #fff;
  padding: 2rem 0
}

.p-dialogue__employee__box {
  display: flex
}

.p-dialogue__employee__box>div>p {
  font-size: 1.4rem;
  margin-bottom: .8rem;
  margin-left: 1rem
}

.p-dialogue__employee__box>div>p>span {
  background-color: #d0d0d0;
  border-radius: 1rem;
  display: inline;
  padding: .3rem 1rem
}

.p-dialogue__employee__box>div>p:first-child {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: .4rem
}

.p-dialogue__employee__box>figure {
  margin: 0;
  max-width: 8.3rem
}

.p-dialogue__employee__name {
  background-color: #fff !important;
  padding: 0 !important
}

.p-dialogue__employee__title {
  color: #6ec445;
  font-size: 3rem;
  font-weight: 600;
  margin: 0;
  padding-left: 1.5rem;
  position: relative
}

.p-dialogue__employee__title:before {
  background-color: #6ec445;
  content: "";
  height: .2rem;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1rem
}

.p-project__subtitle {
  font-size: 2rem;
  font-weight: 600
}

.p-project__emphasis>span {
  color: #de2489;
  font-weight: 600
}

.p-project__attention {
  color: #6ec445;
  text-decoration: underline
}

.p-project__other {
  margin: 0 auto;
  max-width: 74rem;
  position: relative
}

.p-project__other:after {
  background-image: url(../images/common/job-exploration--sp.svg);
  background-repeat: no-repeat;
  content: "";
  height: 6.2rem;
  left: 68%;
  left: -1.4rem;
  position: absolute;
  top: -3.5rem;
  width: 8.4rem
}

.p-project__other__separator {
  border-top: solid;
  border-color: #acacac;
  padding-top: 2rem
}

.p-project__other__link {
  display: block
}

.p-project__other__link:hover {
  opacity: .7;
  text-decoration: none
}

.p-project__other__link:hover>p {
  color: #333 !important
}

.p-project__other__link>p {
  color: #333
}

.p-project__other__title {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 .5rem
}

.p-project__other__contents {
  font-size: 1.4rem;
  margin: 0
}

.p-project__youtube {
  text-align: center
}

.p-project__youtube>iframe {
  aspect-ratio: 5/3;
  max-width: 73rem;
  width: 100%
}

.p-project__youtube>p {
  margin: 0 auto;
  max-width: 73rem;
  text-align: start
}

.p-project__point {
  background-color: #fff;
  padding: 2rem 0 1rem
}

.p-project__point__title {
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  text-align: center
}

.p-project__point__title>span {
  position: relative;
  z-index: 1
}

.p-project__point__title>span:before {
  background-image: url(../images/person/icon-career.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  height: .8rem;
  position: absolute;
  right: 0;
  width: 102%;
  z-index: -1
}

.p-project__point__container {
  margin: 0 auto;
  max-width: 73rem;
  padding: 0 1.5rem
}

.p-project__point__container>p {
  background-color: #fffbc6;
  font-size: 1.8rem;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 1rem;
  width: 100%
}

.p-project__key-words {
  font-weight: 600
}

.p-project__key-words__container {
  display: flex;
  flex-wrap: wrap
}

.p-project__key-words__container>p {
  background-color: #d0d0d0;
  border-radius: 2rem;
  display: inline-block;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: .5rem 1rem
}

.p-project__img--nega {
  margin-top: 0
}

.p-project__category-title {
  color: #6ec445;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  padding-left: 1.5rem;
  position: relative
}

.p-project__category-title:before {
  background-color: #6ec445;
  content: "";
  height: .2rem;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1rem
}

.p-project__key-person {
  background-color: #fff;
  padding: 2rem 0
}

.p-project__key-person__text {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.p-project__key-person__text>p {
  font-size: 1.8rem;
  font-weight: 600
}

.p-project__key-person__text>p:first-child {
  font-size: 1.4rem;
  font-weight: 400
}

.p-project__main-title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.4rem
}

.p-project__number {
  color: #6ec445;
  font-size: 1.2rem;
  font-weight: 600
}

.p-project__story {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 4rem
}

.p-tanecoco__top-img {
  text-align: center
}

.p-tanecoco__top-img>img {
  max-width: 92rem;
  width: 100%
}

.p-tanecoco__action-1__img {
  text-align: center
}

.p-tanecoco__action-1__img>img {
  max-width: 51rem;
  width: 100%
}

.p-modal--100-questions {
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .3s;
  width: 100%;
  z-index: 100
}

.p-modal--100-questions.is-active {
  opacity: 1;
  pointer-events: auto
}

.p-modal--100-questions__emoji {
  width: 100%
}

.p-modal--100-questions__font-1 {
  font-family: TsukuARdGothic-Regular, sans-serif;
  font-size: 1.8rem;
  font-weight: 600
}

.p-modal--100-questions__font-2 {
  font-family: Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 600
}

.p-modal--100-questions__font-3 {
  font-family: Futura, Century Gothic, YuGothic, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo;
  font-size: 1.8rem;
  font-weight: 600
}

.p-modal--100-questions__font-4 {
  font-family: DIN Alternate, sans-serif;
  font-size: 1.8rem;
  font-weight: 600
}

.p-modal--100-questions__space {
  padding: 0 2rem
}

.p-modal--100-questions__overlay {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%
}

.p-modal--100-questions__respondent {
  color: #6ec445;
  font-size: 1.4rem;
  margin: 0;
  text-align: right
}

.p-modal--100-questions__content {
  max-width: 77rem;
  position: relative;
  width: 100%
}

.p-modal--100-questions__question {
  border-bottom: solid;
  border-color: #acacac;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  padding-top: 4rem
}

.p-modal--100-questions__question>span {
  color: #6ec445
}

.p-modal--100-questions__question__container {
  padding: 0 4rem
}

.p-modal--100-questions__answer {
  background-color: #6ec445;
  border-radius: .8rem 0;
  color: #fff;
  font-weight: 600;
  left: 0;
  margin: 0;
  padding: .3rem 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 11rem
}

.p-modal--100-questions__item {
  background-color: #fff;
  border: solid;
  border-color: #6ec445;
  border-radius: 1rem 1rem;
  cursor: pointer;
  margin-bottom: 0;
  max-width: 77rem;
  padding-bottom: 2rem;
  position: relative;
  width: 100%
}

.p-modal--100-questions__close-btn {
  background: #fff;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  height: 4rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem;
  z-index: 10
}

.p-modal--100-questions__close-btn:focus {
  outline: none
}

.p-modal--100-questions__close-btn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-modal--100-questions__close-btn:after,
.p-modal--100-questions__close-btn:before {
  background-color: #363636;
  content: "";
  height: .25rem;
  position: absolute;
  right: 1.1rem;
  top: 2.5rem;
  width: 2.96rem;
  z-index: 10
}

.p-modal--100-questions__close-btn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p-modal__slick-button-prev {
  right: 0
}

.p-modal__slick-button-next,
.p-modal__slick-button-prev {
  cursor: pointer;
  display: inline-block;
  font-size: 0 !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

.p-modal__slick-button-next {
  left: 0
}

.p-modal--9-data {
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .3s;
  width: 100%;
  z-index: 100
}

.p-modal--9-data.is-active {
  opacity: 1;
  pointer-events: auto
}

.p-modal--9-data__link,
.p-modal--9-data__link:hover {
  color: #6ec445;
  text-decoration: underline
}

.p-modal--9-data__link:hover {
  opacity: .7
}

.p-modal--9-data__slick__container {
  display: block
}

.p-modal--9-data__slick__img {
  margin: 0 0 2rem;
  padding: 0 5.6rem
}

.p-modal--9-data__slick__text-container {
  padding: 0 5.6rem
}

.p-modal--9-data__slick__text-box {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  margin-top: 2rem
}

.p-modal--9-data__slick__text-box>div>p {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
  text-align: center
}

.p-modal--9-data__slick__text-box>div>p:first-child {
  border-bottom: solid;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: .7rem;
  padding: 0 4.5rem
}

.p-modal--9-data__slick__text-box>figure {
  margin: 0 0 0 2.5rem
}

.p-modal--9-data__slick__text-box>figure>img {
  height: 4rem
}

.p-modal--9-data__overlay {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%
}

.p-modal--9-data__content {
  max-width: 96rem;
  position: relative;
  width: 100%
}

.p-modal--9-data__space {
  padding: 0 2rem
}

.p-modal--9-data__item {
  background-color: #fff;
  border-radius: 2rem;
  max-width: 96rem;
  padding: 3rem 0;
  position: relative;
  width: 100%
}

.p-modal--9-data__close-btn {
  background: #fff;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  height: 4rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem;
  z-index: 10
}

.p-modal--9-data__close-btn:focus {
  outline: none
}

.p-modal--9-data__close-btn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-modal--9-data__close-btn:after,
.p-modal--9-data__close-btn:before {
  background-color: #363636;
  content: "";
  height: .25rem;
  position: absolute;
  right: 1.1rem;
  top: 2.5rem;
  width: 2.96rem;
  z-index: 10
}

.p-modal--9-data__close-btn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p-modal--Rapida106X {
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 3rem;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity .3s;
  width: 100%;
  z-index: 100
}

.p-modal--Rapida106X.is-active {
  opacity: 1;
  pointer-events: auto
}

.p-modal--Rapida106X__overlay {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%
}

.p-modal--Rapida106X__video {
  height: 80vh;
  width: 100%
}

.p-top-img {
  height: 85.1vw;
  margin: 48vw 0 24vw;
  position: relative
}

.p-top-img,
.p-top-img:before {
  background-color: #6ec445;
  width: 100%
}

.p-top-img:before {
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  top: -7.9rem
}

.p-top-img:after,
.p-top-img:before {
  content: "";
  display: block;
  height: 8rem;
  position: absolute;
  z-index: -1
}

.p-top-img:after {
  background-color: #6ec445;
  bottom: -7.9rem;
  clip-path: polygon(100% 0, 0 0, 0 100%);
  width: 100%
}

@-webkit-keyframes zoomIn--comment {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  14% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  22% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes zoomIn--comment {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  14% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  22% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.p-top-img__comment {
  -webkit-animation: zoomIn--comment 4s forwards;
  animation: zoomIn--comment 4s forwards;
  left: 11vw;
  margin: 0;
  position: absolute;
  top: 74%;
  z-index: 1
}

.p-top-img__comment>img {
  width: 80vw
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }

  10% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  28% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }

  10% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  28% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.p-top-img__main {
  -webkit-animation: zoomIn 4s forwards;
  animation: zoomIn 4s forwards;
  left: 4vw;
  margin: 0;
  position: absolute;
  top: -11%;
  z-index: 1
}

.p-top-img__main>img {
  width: 91.2vw
}

@-webkit-keyframes slideIn-1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  35% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

@keyframes slideIn-1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  35% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

.p-top-img__1 {
  -webkit-animation: slideIn-1 4s cubic-bezier(.25, 1, .5, 1) forwards;
  animation: slideIn-1 4s cubic-bezier(.25, 1, .5, 1) forwards;
  left: 4%;
  margin: 0;
  position: absolute;
  top: 39%
}

.p-top-img__1>img {
  width: 30.67vw
}

@-webkit-keyframes slideIn-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  28% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

@keyframes slideIn-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  28% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  40% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

.p-top-img__2 {
  left: 58.5%;
  margin: 0;
  position: absolute;
  top: -32.7%
}

.p-top-img__2>img {
  -webkit-animation: slideIn-2 4s cubic-bezier(.25, 1, .5, 1) forwards;
  animation: slideIn-2 4s cubic-bezier(.25, 1, .5, 1) forwards;
  width: 29.6vw
}

@-webkit-keyframes slideIn-3 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  42% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

@keyframes slideIn-3 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(100vw) rotate(-75deg);
    transform: translateX(100vw) rotate(-75deg)
  }

  42% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

.p-top-img__3 {
  -webkit-animation: slideIn-3 4s cubic-bezier(.25, 1, .5, 1) forwards;
  animation: slideIn-3 4s cubic-bezier(.25, 1, .5, 1) forwards;
  left: 4%;
  margin: 0;
  position: absolute;
  top: 84%
}

.p-top-img__3>img {
  width: 28.5vw
}

@-webkit-keyframes slideIn-4 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  43% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

@keyframes slideIn-4 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  14% {
    opacity: 0;
    -webkit-transform: translateX(-100vw) rotate(-75deg);
    transform: translateX(-100vw) rotate(-75deg)
  }

  43% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: scale(1);
    transform: translateX(0) rotate(0deg)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  80% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  90% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  40%,
  to {
    opacity: 1
  }
}

.p-top-img__4 {
  -webkit-animation: slideIn-4 4s cubic-bezier(.25, 1, .5, 1) forwards;
  animation: slideIn-4 4s cubic-bezier(.25, 1, .5, 1) forwards;
  left: 70.5%;
  margin: 0;
  position: absolute;
  top: 79.5%
}

.p-top-img__4>img {
  width: 24.8vw
}

.p-job-introduction__img {
  margin: 0 auto;
  max-width: 54rem;
  padding: 0 3rem;
  width: 100%
}

.p-job-introduction__sub-title {
  color: #6ec445;
  font-size: 2rem
}

.p-job-introduction__topics {
  border: solid;
  border-color: #acacac
}

.p-job-introduction__topics__title {
  background-color: #6ec445;
  width: 100%
}

.p-job-introduction__topics__title>p {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
  padding: 1rem
}

.p-job-introduction__topics__content {
  background-color: #fff
}

.p-job-introduction__topics__content>p {
  margin: 0;
  padding: 1rem
}

.p-job-introduction__topics__Rapida106X {
  color: #6ec445;
  cursor: pointer;
  text-decoration: underline
}

.p-job-introduction__topics__Rapida106X:hover {
  opacity: .7
}

.p-job-introduction__member {
  font-size: 2rem;
  font-weight: 600;
  margin: 0
}

.p-job-introduction__member>span {
  position: relative;
  z-index: 1
}

.p-job-introduction__member>span:before {
  background-image: url(../images/person/icon-career.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  height: .8rem;
  position: absolute;
  right: 0;
  width: 102%;
  z-index: -1
}

.p-job-introduction__page-link:hover {
  opacity: .7
}

.p-job-introduction__page-link>figure {
  display: none;
  margin: 0;
  padding: 0 1.5rem
}

.p-job-introduction__page-link--sp {
  display: block;
  margin: 0 0 1rem;
  padding: 0 .5rem;
  width: 50%
}

.p-job-introduction__page-link--sp:hover {
  opacity: .7
}

.p-job-introduction__page-link__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 3rem;
  max-width: 102rem
}

.p-404__title {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  padding: 0 1.5rem;
  text-align: center
}

.p-404__text {
  line-height: 2.4rem;
  margin-bottom: 2rem
}

.u-mb-0 {
  margin-bottom: 0 !important
}

.u-mb-5 {
  margin-bottom: .5rem !important
}

.u-mb-10 {
  margin-bottom: 1rem !important
}

.u-mb-15 {
  margin-bottom: 1.5rem !important
}

.u-mb-20 {
  margin-bottom: 2rem !important
}

.u-mb-30 {
  margin-bottom: 3rem !important
}

.u-mb-40 {
  margin-bottom: 4rem !important
}

.u-mb-45 {
  margin-bottom: 4.5rem !important
}

.u-mb-50 {
  margin-bottom: 5rem !important
}

.u-mb-60 {
  margin-bottom: 6rem !important
}

.u-mb-70 {
  margin-bottom: 7rem !important
}

.u-mb-80 {
  margin-bottom: 8rem !important
}

.u-mb-90 {
  margin-bottom: 9rem !important
}

.u-overflow--hidden {
  overflow: hidden
}

.u-fade {
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  transition: opacity 1.5s, -webkit-transform 1s;
  transition: opacity 1.5s, transform 1s;
  transition: opacity 1.5s, transform 1s, -webkit-transform 1s
}

.u-fade.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.u-display--block {
  display: block
}

.u-display--none {
  display: none
}

.slick-loading .slick-list {
  background-image: none !important
}

.slick-slide .p-job-person__slide__text-box {
  display: none
}

.slick-current .p-job-person__slide__text-box {
  display: block
}

.nav-links>nav>div {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1140px;
  padding: 0 15px
}

.nav-links>nav>div>a:hover {
  background-color: #6ec445;
  color: #fff;
  text-decoration: none
}

.page-numbers {
  align-items: center;
  background-color: #fff;
  color: #333;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-left: 2px;
  text-decoration: none;
  width: 40px
}

.next {
  background-color: #eceeee;
  color: #6ec445;
  margin-left: 1rem;
  text-decoration: underline;
  width: 5.5rem
}

.next:hover {
  background-color: #eceeee !important;
  color: #6ec445 !important;
  opacity: .7;
  text-decoration: underline !important
}

.prev {
  background-color: #eceeee;
  color: #6ec445;
  margin-right: 1rem;
  text-decoration: underline;
  width: 5.5rem
}

.prev:hover {
  background-color: #eceeee !important;
  color: #6ec445 !important;
  opacity: .7;
  text-decoration: underline !important
}

@media (min-width:576px) {
  .container {
    max-width: 540px
  }

  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 13
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }

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

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    -ms-grid-row-align: center !important;
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: .5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: .25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: .5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important
  }

  .m-sm-n1 {
    margin: -.25rem !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.25rem !important
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -.25rem !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -.25rem !important
  }

  .m-sm-n2 {
    margin: -.5rem !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -.5rem !important
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -.5rem !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -.5rem !important
  }

  .m-sm-n3 {
    margin: -1rem !important
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important
  }

  .m-sm-n4 {
    margin: -1.5rem !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important
  }

  .m-sm-n5 {
    margin: -3rem !important
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important
  }

  .p-recruit__item--carrier {
    left: -3.8rem
  }

  .p-recruit__item--individual,
  .p-recruit__item--new-graduate {
    left: 0
  }

  .p-dialogue__img--q-6 {
    margin: 0 auto
  }

  .p-dialogue__img--sp {
    padding: 0 1.5rem
  }

  .p-top-img__3 {
    top: 81%
  }
}

@media (min-width:768px) {
  .container {
    max-width: 720px
  }

  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-md-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }

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

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    -ms-grid-row-align: center !important;
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: .25rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: .5rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: .25rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: .5rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important
  }

  .m-md-n1 {
    margin: -.25rem !important
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.25rem !important
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -.25rem !important
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -.25rem !important
  }

  .m-md-n2 {
    margin: -.5rem !important
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -.5rem !important
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -.5rem !important
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -.5rem !important
  }

  .m-md-n3 {
    margin: -1rem !important
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important
  }

  .m-md-n4 {
    margin: -1.5rem !important
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important
  }

  .m-md-n5 {
    margin: -3rem !important
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important
  }

  .l-content,
  .l-content--career {
    padding: 12rem 0 11rem
  }

  .l-content--404 {
    padding: 13rem 0 21rem
  }

  .l-content--individual {
    padding: 12rem 0 11rem
  }

  .l-content--new-graduate {
    padding: 12rem 0 15rem
  }

  .l-content--dialogue {
    padding: 12rem 0 11rem
  }

  .c-btn {
    width: auto
  }

  .c-btn__container {
    margin: 0 0 4rem
  }

  .c-page-title {
    padding: 9rem 0 0
  }

  .c-page-title:after {
    height: 14.2rem;
    left: auto;
    right: 10%;
    top: 13rem;
    width: 13.6rem
  }

  .c-page-title__carrier:after {
    height: 12.4rem;
    width: 6.1rem
  }

  .c-page-title__individual:after {
    height: 12.4rem;
    width: 6.5rem
  }

  .c-page-title__project:after {
    height: 12.2rem;
    width: 17.5rem
  }

  .c-page-title__special:after {
    height: 12.4rem;
    width: 16rem
  }

  .c-page-title__new-graduate:after {
    height: 12.4rem;
    width: 10.5rem
  }

  .c-page-title__dialogue:after {
    height: 8.4rem;
    top: 17rem !important;
    width: 14.1rem
  }

  .c-page-title__green-slash-icon {
    font-size: 2.8rem
  }

  .c-page-title__green-slash-icon:after {
    height: 3rem;
    top: .7rem;
    width: 1.6rem
  }

  .c-page-title__brackets {
    font-size: 2.7rem;
    line-height: 3.3rem
  }

  .c-page-title__brackets__icon:after {
    right: -2rem
  }

  .c-page-title__brackets__icon:before {
    left: -2rem
  }

  .c-page-title__green-underline {
    font-size: 2rem
  }

  .c-page-title__main {
    font-family: IBM Plex Sans JP, sans-serif;
    font-size: 5rem;
    font-style: italic;
    font-weight: 600;
    line-height: 8.5rem
  }

  .c-page-title__sub {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.5rem
  }

  .c-page-title__sub__icon:after {
    height: 1.5rem;
    left: -2rem;
    top: .1rem;
    width: 1rem
  }

  .c-page-title__sub__icon:before {
    height: 1.5rem;
    right: -1.6rem;
    top: .1rem;
    width: 1rem
  }

  .c-gap {
    padding: 12rem
  }

  .c-gap--short {
    padding: 9rem
  }

  .c-company-logo--burger {
    width: 20rem
  }

  .c-company-logo--usually {
    width: 6.4rem
  }

  .c-page-link {
    margin: 0 -1.5rem
  }

  .c-page-link__item {
    padding: 0 1.5rem
  }

  .c-detail-box {
    display: flex
  }

  .c-detail-box__title {
    font-size: 2.2rem
  }

  .c-detail-box__title__text {
    font-size: 2.2rem;
    padding: 0 3rem
  }

  .c-detail-box__content {
    padding: 3rem
  }

  .c-contact-information {
    padding: 2rem 0
  }

  .c-contact-information__box {
    display: flex;
    justify-content: center;
    padding: .6rem 7.9rem .6rem 2rem
  }

  .c-recruitment-information {
    display: flex
  }

  .c-recruitment-information__icon:after {
    height: 2.5rem;
    left: auto;
    right: -2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.25rem
  }

  .c-recruitment-information__text--subcontracting:before {
    right: -11rem
  }

  .c-recruitment-information__text--career:before,
  .c-recruitment-information__text--subcontracting:before {
    height: 11rem;
    top: -4.6rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 5.8rem
  }

  .c-recruitment-information__text--new-graduate:before {
    height: 11rem;
    right: -19rem;
    top: -4.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 9.4rem
  }

  .c-recruitment-information__subcontracting {
    padding: 5rem 0
  }

  .c-recruitment-information__subcontracting:hover {
    padding: 4.5rem 0
  }

  .c-recruitment-information__career {
    padding: 5rem 0
  }

  .c-recruitment-information__career:hover {
    padding: 4.5rem 0
  }

  .c-recruitment-information__new-graduate {
    padding: 5rem 0
  }

  .c-recruitment-information__new-graduate:hover {
    padding: 4.5rem 0
  }

  .p-footer__logo {
    margin: 4rem 0 3.5rem
  }

  .p-footer__sns {
    margin-bottom: 3.5rem
  }

  .p-footer__sns>a {
    width: 5.5rem
  }

  .p-footer__btn__container {
    margin: 0 0 4rem
  }

  .p-category__title {
    font-family: IBM Plex Sans JP, sans-serif;
    font-size: 5rem;
    font-style: italic;
    font-weight: 600;
    line-height: 6.5rem
  }

  .p-category__subtitle {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6rem
  }

  .p-category-news__btn {
    display: block
  }

  .p-category-news__btn--sp {
    display: none
  }

  .p-news {
    display: flex;
    padding-bottom: 6rem
  }

  .p-news__weight {
    font-size: 1.4rem
  }

  .p-news__detail__container {
    padding: 4rem 9.5rem 0 !important
  }

  .p-news__detail__container>p {
    padding-bottom: 4rem
  }

  .p-news__detail__container>figure {
    padding-bottom: 4rem;
    text-align: center
  }

  .p-news__list {
    padding: 17rem 0 20rem
  }

  .p-news__list__container {
    padding: 4rem 9.5rem 2rem !important
  }

  .p-news__container {
    margin-top: 6.5rem;
    padding-left: 1.5rem
  }

  .p-recruit__new-graduate-recruit__job-hunting {
    font-size: 2.6rem
  }

  .p-recruit__new-graduate-recruit__date-time {
    display: flex
  }

  .p-recruit__new-graduate-recruit__date-time>p {
    padding: 1rem 0 1rem 3rem
  }

  .p-recruit__new-graduate-recruit__date-time>p:first-child {
    font-size: 1.6rem;
    width: 35rem
  }

  .p-recruit__new-graduate-recruit__application {
    display: flex;
    padding-bottom: 1rem
  }

  .p-recruit__new-graduate-recruit__application>p {
    padding: 1rem 0 1rem 3rem
  }

  .p-recruit__new-graduate-recruit__application>p:first-child {
    font-size: 1.6rem;
    width: 35rem
  }

  .p-recruit__new-graduate-recruit__rooting {
    font-size: 2.2rem
  }

  .p-recruit__recruitment-method {
    padding: 1rem 18px
  }

  .p-recruit__recruitment-method>p {
    margin: 0;
    text-align: center
  }

  .p-recruit__recruitment-method__unofficial-offer>img {
    width: 7.6rem
  }

  .p-recruit__recruitment-method__new-graduate>img {
    width: 13.2rem
  }

  .p-recruit__individual:after {
    background-image: url(../images/common/individual.svg);
    left: 92%
  }

  .p-recruit {
    padding-top: 6rem
  }

  .p-recruit__item {
    margin-bottom: 6rem;
    width: 63%
  }

  .p-recruit__item:before {
    height: 14rem
  }

  .p-recruit__item--carrier:after {
    background-image: url(../images/common/icon-recruit.svg);
    top: 50%
  }

  .p-recruit__item--carrier:before {
    background-image: url(../images/common/carrier.svg);
    left: -12rem;
    top: -6rem
  }

  .p-recruit__item--individual:after,
  .p-recruit__item--new-graduate:after {
    background-image: url(../images/common/icon-recruit.svg);
    top: 50%
  }

  .p-recruit__item--new-graduate:after {
    font-size: 3.2rem
  }

  .p-recruit__item--new-graduate:before {
    background-image: url(../images/common/new-graduate.svg);
    left: 16rem;
    top: -7rem
  }

  .p-recruit__item__box {
    padding: 6rem 0 4rem
  }

  .p-recruit__item__text {
    font-size: 3.2rem;
    height: 14rem;
    line-height: 4.1rem
  }

  .p-company {
    padding-top: 4rem
  }

  .p-company__item {
    flex: 0 0 33.333333%;
    padding: 0 1.5rem
  }

  .p-company__container {
    padding: 6rem 0 12rem
  }

  .p-company__container__2-rows {
    padding: 6rem 0
  }

  .p-job-person {
    padding-bottom: 11.5rem
  }

  .p-job-person--people:after {
    background-image: url(../images/common/job-printing.svg);
    height: 16.3rem;
    left: auto;
    right: 13.5rem;
    top: -6.2rem;
    width: 16.2rem
  }

  .p-job-person__top-text {
    padding: 4rem 25rem 7rem 0
  }

  .p-job-person__top-text:after {
    background-image: url(../images/common/job-printing.svg);
    height: 16.3rem;
    left: auto;
    right: 10.5rem;
    top: -12rem;
    width: 16.2rem
  }

  .p-job-person__project-container {
    top: -1rem
  }

  .p-job-person__project-container__text {
    padding: 3rem 0 9rem
  }

  .p-job-person__employee-btn {
    padding: 4rem 1.5rem 0;
    text-align: center
  }

  .p-job-person__slide__title {
    padding: 2rem 1.5rem 2.5rem
  }

  .p-job-person__slide-container {
    margin: 0 auto;
    max-width: 114rem
  }

  .p-job-person__slide-container:after {
    background-image: url(../images/common/job-sales.svg);
    height: 14.2rem;
    left: auto;
    right: 0;
    top: -12rem;
    width: 13.6rem
  }

  .p-job-person__slide-container-adjust {
    margin: 0 1.5rem
  }

  .p-job-person__slide-btn--left {
    left: -.4rem
  }

  .p-job-person__slide-btn--right {
    right: -.4rem
  }

  .p-job-person__btn-container {
    margin: 3rem 0 4rem
  }

  .p-job-person__occupation-container:before {
    display: block
  }

  .p-job-person__intro-conteiner {
    margin: 4rem 0 0
  }

  .p-job-person__img-laptop {
    display: block
  }

  .p-project-slide__link {
    margin: 0 1.5rem
  }

  .p-project-slide__container:after {
    background-image: url(../images/common/job-exploration.svg);
    height: 12.8rem;
    left: -8rem;
    top: -7rem;
    width: 17.2rem
  }

  .p-project-slide__arrow--left,
  .p-project-slide__arrow--right {
    top: calc(50% - 8.5rem)
  }

  .p-welfare {
    padding: 12rem 0 4rem
  }

  .p-welfare__img-only:after {
    left: 80% !important
  }

  .p-welfare__text {
    padding: 4rem 0 0
  }

  .p-welfare__top-img:after {
    top: -20rem;
    width: 39rem
  }

  .p-welfare__container__icon:after {
    background-image: url(../images/welfare/icon.svg);
    background-size: auto;
    height: 2.1rem;
    left: auto;
    right: -1.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.1rem
  }

  .p-welfare__container__text {
    font-size: 2.4rem
  }

  .p-welfare__container__text--working-environment:after {
    background-image: url(../images/welfare/working-environment.svg);
    top: -13.5rem
  }

  .p-welfare__container__text--welfare:after,
  .p-welfare__container__text--working-environment:after {
    height: 11.4rem;
    left: calc(50% + 1rem);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 11.4rem
  }

  .p-welfare__container__text--welfare:after {
    background-image: url(../images/welfare/welfare.svg);
    top: -135px
  }

  .p-welfare__working-environment {
    padding: 18.5rem 0 5rem
  }

  .p-welfare__working-environment:hover {
    padding: 18rem 0 4.5rem
  }

  .p-welfare__working-environment:hover>p>span:after {
    background-image: url(../images/welfare/arrow-blue.png);
    background-size: auto;
    height: 2.1rem;
    left: auto;
    right: -1.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.1rem
  }

  .p-welfare__welfare {
    padding: 18.5rem 0 5rem
  }

  .p-welfare__welfare:hover {
    padding: 18rem 0 4.5rem
  }

  .p-welfare__welfare:hover>p>span:after {
    background-image: url(../images/welfare/arrow-orrange.png);
    background-size: auto;
    height: 2.1rem;
    left: auto;
    right: -1.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.1rem
  }

  .p-welfare__list__container--sp {
    display: none
  }

  .p-welfare__list__container--pc {
    display: flex
  }

  .p-special {
    padding: 6rem 0 18rem
  }

  .p-special__single {
    padding: 6rem 0
  }

  .p-special__container {
    display: flex;
    padding: 4rem 0 0
  }

  .p-special__link:hover>p:after {
    right: -2rem;
    top: 62%;
    width: 1rem
  }

  .p-special__text {
    font-size: 2.4rem
  }

  .p-special__text:after {
    right: -2rem;
    top: 62%;
    width: 1rem
  }

  .p-special__text--first {
    margin-bottom: 0
  }

  .p-bottom-comment {
    padding: 5rem 0 6rem
  }

  .p-bottom-comment__text--change {
    font-size: 2.4rem
  }

  .p-bottom-comment__text--waiting {
    font-size: 1.8rem
  }

  .p-bottom-comment__container:after {
    top: -14rem;
    width: 39rem
  }

  .p-person {
    padding: 9rem 0 16.5rem
  }

  .p-person__manufacturing:before,
  .p-person__office-work:before,
  .p-person__production:before,
  .p-person__sales:before,
  .p-person__web:before {
    height: 10rem;
    width: 10rem
  }

  .p-person__link--job-introduction:after,
  .p-person__link:after {
    height: 3rem;
    width: 3rem
  }

  .p-person__item {
    flex: 0 0 25%
  }

  .p-person__item--job-introduction {
    flex: 0 0 16.6%
  }

  .p-person-card {
    flex: 0 0 25%
  }

  .p-person__post {
    font-size: 1.6rem
  }

  .p-person__name {
    font-size: 1.8rem
  }

  .p-person__department {
    font-size: 1.4rem
  }

  .p-person__img-printing:after {
    background-image: url(../images/common/job-printing.svg);
    height: 16.3rem;
    left: auto;
    right: 7rem;
    top: -6rem;
    width: 16.2rem
  }

  .p-person__checkbox {
    margin: 0 auto;
    max-width: 111rem
  }

  .p-person__checkbox__item {
    flex: none;
    margin-bottom: 0
  }

  .p-person-detail {
    padding: 0 0 17rem
  }

  .p-person-detail__career {
    margin: 0 0 10rem auto;
    padding-bottom: 4rem
  }

  .p-person-detail__career:before {
    height: 12.8rem;
    left: 0;
    top: -7.5rem;
    width: 12.1rem
  }

  .p-person-detail__career__date {
    font-size: 1.8rem;
    min-width: 16rem
  }

  .p-person-detail__career__date:before {
    width: 16rem
  }

  .p-person-detail__career__date>span {
    padding-right: 1.3rem;
    padding-top: .95rem
  }

  .p-person-detail__career__content {
    font-size: 2rem;
    min-height: 7.5rem;
    padding: 1rem 1.5rem 1rem 6rem
  }

  .p-person-detail__career__title {
    font-size: 2.4rem;
    padding-top: 4rem
  }

  .p-person-detail__career__title>span:before {
    width: 26.5rem
  }

  .p-person-detail__career__container {
    padding: 0 0 0 9rem
  }

  .p-person-detail__content__container {
    flex-direction: row;
    margin-bottom: 8rem
  }

  .p-person-detail__content__img {
    width: 100%
  }

  .p-person-detail__content__img--right {
    margin: 0
  }

  .p-person-detail__content__title {
    font-size: 3.2rem
  }

  .p-person-detail__content__box {
    margin: 4rem 0 0;
    max-width: 46.5rem;
    padding: 0 1.5rem 0 4rem
  }

  .p-person-detail__content__box>img {
    width: 100%
  }

  .p-person-detail__content__box--right {
    margin: 4rem 0 0;
    order: 0;
    padding: 0 4rem 0 1.5rem
  }

  .p-person-detail__information-container {
    margin: -4rem -1.5rem 4rem auto;
    max-width: 43.5rem;
    padding: 3rem 1.5rem 3rem 2.5rem
  }

  .p-person-detail__top-img {
    display: block
  }

  .p-person-detail__top-img--sp {
    display: none
  }

  .p-person-detail__post {
    font-size: 1.6rem
  }

  .p-person-detail__department {
    font-size: 1.4rem
  }

  .p-person-detail__name {
    font-size: 1.8rem
  }

  .p-person-detail__hashtag__link,
  .p-person-detail__joining {
    font-size: 1.4rem
  }

  .p-burger {
    padding: 24rem 0 0
  }

  .p-burger__sns {
    margin-bottom: 3.5rem;
    padding-left: 0
  }

  .p-burger__sns>a {
    margin: 0 2rem;
    width: 5.5rem
  }

  .p-burger__img:before {
    height: 19.5rem;
    left: 0;
    top: -22.5rem;
    width: 18.7rem
  }

  .p-burger__img:after {
    height: 19.9rem;
    top: -25.5rem;
    width: 27.7rem
  }

  .p-burger__container {
    padding: 6rem 0 22rem
  }

  .p-burger__container:before {
    height: 13rem;
    top: -12.9rem
  }

  .p-burger__container:after {
    background-image: url(../images/burger/design.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 12rem;
    content: "";
    display: block;
    height: 26.5rem;
    left: 6rem;
    position: absolute;
    width: 22.1rem
  }

  .p-burger__last-icon:after {
    display: none
  }

  .p-burger__box>div {
    margin-top: -1.2rem
  }

  .p-burger__box>div:last-child>ul:last-child:after {
    display: none
  }

  .p-burger__top {
    font-size: 3rem;
    margin: 0 0 3rem;
    padding-left: 0
  }

  .p-burger__list {
    padding: 0 0 0 2rem
  }

  .p-burger__list:before {
    display: none
  }

  .p-burger__list>li {
    display: block;
    margin-bottom: 2rem
  }

  .p-burger__list>li:last-child {
    margin: 0
  }

  .p-burger__list>li:first-child {
    font-size: 1.6rem;
    font-weight: 300;
    padding: 0
  }

  .p-burger__list>li:first-child:before {
    background-color: #fff;
    height: .1rem;
    left: -1.5rem;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1rem
  }

  .p-burger__list>li:first-child:after {
    display: none
  }

  .p-burger__list>li>a {
    font-size: 2rem
  }

  .p-burger__list--news {
    padding: 0 0 0 2rem !important
  }

  .p-burger__list--news>li>a {
    font-size: 2rem !important
  }

  .p-recruit-list {
    border-right: solid;
    border-color: #fff;
    border-width: .1rem;
    right: 7rem;
    top: 0;
    width: auto
  }

  .p-recruit-list.hidden {
    opacity: 1;
    visibility: visible
  }

  .p-recruit-list__container {
    display: none
  }

  .p-recruit-list__container.active {
    display: block
  }

  .p-recruit-list__container>a:first-child {
    border-top: solid;
    border-color: #fff;
    border-width: .1rem
  }

  .p-recruit-list__container>a:hover {
    opacity: .7
  }

  .p-recruit-list__top {
    height: 7rem;
    width: 15rem
  }

  .p-recruit-list__top__text {
    font-size: 2.2rem;
    height: 7rem
  }

  .p-recruit-list__link {
    border-bottom: solid;
    border-color: #fff;
    border-width: .1rem;
    height: 7rem
  }

  .p-recruit-list__link__text {
    font-size: 1.5rem;
    height: 7rem
  }

  .p-recruit-list__link__text:after {
    width: .84rem
  }

  .p-important__keyword__container {
    margin-left: -1.5rem;
    margin-right: -1.5rem
  }

  .p-important__keyword__item {
    flex: none;
    max-width: 15.5rem;
    padding: 0 1.5rem
  }

  .p-important__keyword__text {
    height: 9.2rem
  }

  .p-top-message {
    padding: 9rem 0 10rem
  }

  .p-working-environment__top-message {
    display: flex;
    margin: 0 -2.4rem
  }

  .p-working-environment__top-message__item {
    font-size: 2.4rem;
    line-height: 3.8rem;
    padding: 0 2.4rem
  }

  .p-working-environment__top-message__item--information {
    margin-left: 0
  }

  .p-working-environment__tokyo-branch {
    display: block
  }

  .p-working-environment__tokyo-branch--sp {
    display: none
  }

  .p-working-environment__title {
    font-size: 2.2rem
  }

  .p-working-environment__learning {
    font-size: 2rem
  }

  .p-scroll-box {
    flex-direction: unset
  }

  .p-scroll-box__list {
    order: 0;
    width: 50%
  }

  .p-scroll-box__img {
    margin-bottom: 0;
    width: 50%
  }

  .p-3-minutes__society {
    font-size: 4.2rem;
    padding-left: 1rem
  }

  .p-3-minutes__9-data {
    padding-bottom: 0
  }

  .p-3-minutes__9-data>div {
    margin-bottom: 10rem
  }

  .p-3-minutes__9-data__shift-item {
    height: 35rem;
    margin-top: -10rem !important
  }

  .p-3-minutes__9-data__shift-item--sp {
    height: auto;
    margin-top: 0
  }

  .p-3-minutes__slide--pc {
    display: flex
  }

  .p-3-minutes__slide__container {
    display: none !important
  }

  .p-3-minutes__introduction__container__icon:after {
    height: 2.1rem;
    left: auto;
    right: -2.1rem;
    top: 53%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.35rem
  }

  .p-3-minutes__introduction__container__text {
    font-size: 2.4rem
  }

  .p-3-minutes__introduction__container__text--job-introduction:after {
    height: 11.3rem;
    left: calc(50% + 1rem);
    top: -13.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10.6rem
  }

  .p-3-minutes__introduction__container__text--employee:after {
    height: 9.4rem;
    left: calc(50% + 1rem);
    top: -12.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 11.8rem
  }

  .p-3-minutes__job-introduction {
    padding: 18.5rem 0 5rem
  }

  .p-3-minutes__job-introduction:hover {
    padding: 18rem 0 4.5rem
  }

  .p-3-minutes__job-introduction:hover>p>span:after {
    height: 2.1rem;
    left: auto;
    right: -2.1rem;
    top: 53%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.35rem
  }

  .p-3-minutes__employee {
    padding: 18.5rem 0 5rem
  }

  .p-3-minutes__employee:hover {
    padding: 18rem 0 4.5rem
  }

  .p-3-minutes__employee:hover>p>span:after {
    height: 2.1rem;
    left: auto;
    right: -2.1rem;
    top: 53%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.35rem
  }

  .p-3-minutes__business-container>p {
    font-size: 2rem
  }

  .p-3-minutes__business-container>:nth-child(2) {
    font-size: 2.2rem;
    padding: 1.5rem 0 2rem
  }

  .p-3-minutes__business-container>a {
    margin-bottom: 6rem
  }

  .p-3-minutes__partner {
    font-size: 2.2rem
  }

  .p-3-minutes__sdgs-btn {
    margin: 0;
    padding: 4rem 0
  }

  .p-3-minutes__slogan {
    font-size: 3.4rem;
    padding-left: 4rem
  }

  .p-3-minutes__behavioral,
  .p-3-minutes__principles {
    font-size: 3.4rem
  }

  .p-3-minutes__philosophy {
    display: block
  }

  .p-3-minutes__philosophy--sp {
    display: none
  }

  .p-3-minutes__history-map {
    margin: 0;
    padding: 4rem 0
  }

  .p-3-minutes__history-map>a {
    padding: 0
  }

  .p-100-questions__container__item {
    margin-bottom: 0
  }

  .p-100-questions__container__item--1 {
    padding: 0
  }

  .p-100-questions__container__item--1:before {
    top: 36%
  }

  .p-100-questions__container__item--8 {
    padding: 0
  }

  .p-100-questions__container__item--8:before {
    top: 39%
  }

  .p-100-questions__container__item--21 {
    padding: 0
  }

  .p-100-questions__container__item--21:before {
    top: 43%
  }

  .p-100-questions__container__item--38 {
    padding: 0
  }

  .p-100-questions__container__item--38:before {
    top: 40%
  }

  .p-100-questions__container__item--45 {
    padding: 0
  }

  .p-100-questions__container__item--45:before {
    top: 38%
  }

  .p-100-questions__container__item--46 {
    padding: 0
  }

  .p-100-questions__container__item--46:before {
    top: 48%
  }

  .p-100-questions__container__item--51 {
    padding: 0
  }

  .p-100-questions__container__item--51:before {
    top: 36%
  }

  .p-100-questions__container__item--57 {
    padding: 0
  }

  .p-100-questions__container__item--57:before {
    top: 40%
  }

  .p-100-questions__container__item--71 {
    padding: 0
  }

  .p-100-questions__container__item--71:before {
    top: 41%
  }

  .p-100-questions__container__item--87 {
    padding: 0
  }

  .p-100-questions__container__item--87:before {
    top: 41%
  }

  .p-100-questions__container__item--98:before {
    top: 42%
  }

  .p-100-questions__container--first-half {
    -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr;
    display: -ms-grid;
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 8rem
  }

  .p-100-questions__container--first-bottom,
  .p-100-questions__container--latter-bottom {
    max-width: 34.5rem
  }

  .p-100-questions__container--latter-half {
    -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr;
    display: -ms-grid;
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 8rem
  }

  .p-dialogue__gap {
    height: 0
  }

  .p-dialogue__img--blue:after,
  .p-dialogue__img--orange:after {
    display: block
  }

  .p-dialogue__speech-bubble {
    margin-bottom: 4rem
  }

  .p-dialogue__q-number {
    font-size: 3.2rem;
    margin-bottom: 2rem
  }

  .p-dialogue__q-number:before {
    width: 9rem
  }

  .p-dialogue__q-content {
    font-size: 3.2rem;
    margin-bottom: 6rem
  }

  .p-dialogue__top-text {
    font-size: 2rem
  }

  .p-dialogue__employee__container {
    padding: 4.5rem 0 2rem
  }

  .p-dialogue__employee__box>div>p>span {
    display: block
  }

  .p-project__subtitle {
    font-size: 2.4rem
  }

  .p-project__other:after {
    background-image: url(../images/common/job-exploration.svg);
    height: 12.8rem;
    left: -8rem;
    top: -7rem;
    width: 17.2rem
  }

  .p-project__other__separator {
    padding-top: 4rem
  }

  .p-project__other__title {
    font-size: 2rem;
    margin-bottom: 2rem
  }

  .p-project__other__contents {
    font-size: 1.6rem
  }

  .p-project__point {
    padding: 4rem 0 2rem
  }

  .p-project__key-words__container>p {
    margin-bottom: 0
  }

  .p-project__img--nega {
    margin-top: -6rem
  }

  .p-project__key-person {
    padding: 4rem 0
  }

  .p-project__key-person__text>p {
    font-size: 2rem
  }

  .p-project__key-person__text>p:first-child {
    font-size: 1.6rem
  }

  .p-project__main-title {
    font-size: 3.2rem;
    line-height: 2.6rem
  }

  .p-project__number {
    font-size: 1.4rem
  }

  .p-project__story {
    margin-bottom: 6rem;
    padding-left: .8rem
  }

  .p-modal--100-questions__question {
    padding-top: 7rem
  }

  .p-modal--100-questions__question__container {
    padding: 0 9.5rem
  }

  .p-modal--100-questions__item {
    padding-bottom: 4rem
  }

  .p-modal--9-data__slick__container {
    display: flex
  }

  .p-modal--9-data__slick__img {
    margin: 0;
    max-width: 29rem;
    padding: 0;
    width: 100%
  }

  .p-modal--9-data__slick__text-container {
    margin-left: 3rem;
    padding: 0
  }

  .p-modal--9-data__slick__text-box {
    justify-content: left;
    margin-top: 0
  }

  .p-modal--9-data__item {
    padding: 4rem 6rem
  }

  .p-top-img {
    height: 31.73vw;
    margin: 25rem 0 13rem
  }

  .p-top-img:before {
    height: 13rem;
    top: -12.9rem
  }

  .p-top-img:after {
    bottom: -12.9rem;
    height: 13rem
  }

  .p-top-img__comment {
    left: 38%;
    top: 88%
  }

  .p-top-img__comment>img {
    width: 24.93vw
  }

  .p-top-img__main {
    left: 27%;
    top: -22%
  }

  .p-top-img__main>img {
    width: 46.67vw
  }

  .p-top-img__1 {
    left: 27%;
    top: 44%
  }

  .p-top-img__1>img {
    width: 15.2vw
  }

  .p-top-img__2 {
    left: 66.5%;
    top: -33.7%
  }

  .p-top-img__2>img {
    width: 15.19vw
  }

  .p-top-img__3 {
    left: 11%;
    top: 68%
  }

  .p-top-img__3>img {
    width: 14.7vw
  }

  .p-top-img__4 {
    left: 73.5%;
    top: 56.5%
  }

  .p-top-img__4>img {
    width: 12.6vw
  }

  .p-job-introduction__img {
    padding: 0
  }

  .p-job-introduction__sub-title {
    font-size: 2.2rem
  }

  .p-job-introduction__page-link>figure {
    display: block
  }

  .p-job-introduction__page-link--sp {
    display: none
  }

  .p-job-introduction__page-link__container {
    flex-wrap: nowrap;
    margin-bottom: 8rem
  }

  .p-404__title {
    font-size: 3.2rem
  }

  .p-404__text {
    line-height: 2.8rem;
    margin-bottom: 6rem
  }

  .u-mb-md-0 {
    margin-bottom: 0 !important
  }

  .u-mb-md-10 {
    margin-bottom: 1rem !important
  }

  .u-mb-md-20,
  .u-mb-md-30 {
    margin-bottom: 2rem !important
  }

  .u-mb-md-35 {
    margin-bottom: 3.5rem !important
  }

  .u-mb-md-40 {
    margin-bottom: 4rem !important
  }

  .u-mb-md-45 {
    margin-bottom: 4.5rem !important
  }

  .u-mb-md-50 {
    margin-bottom: 5rem !important
  }

  .u-mb-md-60 {
    margin-bottom: 6rem !important
  }

  .u-mb-md-70 {
    margin-bottom: 7rem !important
  }

  .u-mb-md-80 {
    margin-bottom: 8rem !important
  }

  .u-mb-md-90 {
    margin-bottom: 9rem !important
  }

  .u-mb-md-100 {
    margin-bottom: 10rem !important
  }

  .u-mb-md-150 {
    margin-bottom: 15rem !important
  }

  .u-mb-md-155 {
    margin-bottom: 15.5rem !important
  }

  .u-mb-md-130 {
    margin-bottom: 13rem !important
  }

  .u-mb-md-140 {
    margin-bottom: 14rem !important
  }

  .u-mb-md-200 {
    margin-bottom: 20rem !important
  }

  .u-ml-md-50 {
    margin-left: 2.5rem !important
  }

  .u-mt-md-60 {
    margin-top: 6rem !important
  }

  .slick-slide .p-job-person__slide__text-box {
    display: block
  }
}

@media (min-width:992px) {
  .container {
    max-width: 960px
  }

  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 13
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }

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

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    -ms-grid-row-align: center !important;
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: .5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: .25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: .5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important
  }

  .m-lg-n1 {
    margin: -.25rem !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.25rem !important
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -.25rem !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -.25rem !important
  }

  .m-lg-n2 {
    margin: -.5rem !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -.5rem !important
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -.5rem !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -.5rem !important
  }

  .m-lg-n3 {
    margin: -1rem !important
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important
  }

  .m-lg-n4 {
    margin: -1.5rem !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important
  }

  .m-lg-n5 {
    margin: -3rem !important
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important
  }

  .c-recruitment-information__text {
    font-size: 2.1rem
  }

  .p-recruit__item--carrier:before {
    left: -21rem
  }

  .p-recruit__item--new-graduate:before {
    left: 23rem
  }

  .p-important__keyword__text {
    height: 8.2rem
  }

  .p-100-questions__container__item--1:before {
    top: 30%
  }

  .p-100-questions__container__item--8:before {
    top: 33%
  }

  .p-100-questions__container__item--21:before {
    top: 37%
  }

  .p-100-questions__container__item--38:before {
    top: 34%
  }

  .p-100-questions__container__item--45:before {
    top: 32%
  }

  .p-100-questions__container__item--46:before {
    top: 42%
  }

  .p-100-questions__container__item--51:before {
    top: 30%
  }

  .p-100-questions__container__item--57:before {
    top: 34%
  }

  .p-100-questions__container__item--71:before,
  .p-100-questions__container__item--87:before {
    top: 35%
  }

  .p-100-questions__container__item--98:before {
    top: 36%
  }

  .u-mb-lg-10 {
    margin-bottom: 1rem !important
  }

  .u-ml-md-50 {
    margin-left: 5rem !important
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1140px
  }

  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 13
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }

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

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    -ms-grid-row-align: center !important;
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: .5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: .25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: .5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important
  }

  .m-xl-n1 {
    margin: -.25rem !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.25rem !important
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -.25rem !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -.25rem !important
  }

  .m-xl-n2 {
    margin: -.5rem !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -.5rem !important
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -.5rem !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -.5rem !important
  }

  .m-xl-n3 {
    margin: -1rem !important
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important
  }

  .m-xl-n4 {
    margin: -1.5rem !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important
  }

  .m-xl-n5 {
    margin: -3rem !important
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important
  }

  .c-recruitment-information__text {
    font-size: 2.6rem
  }

  .c-recruitment-information__text--career:before,
  .c-recruitment-information__text--subcontracting:before {
    height: 15.6rem;
    right: -17rem;
    top: -6.2rem;
    width: 8.2rem
  }

  .c-recruitment-information__text--new-graduate:before {
    height: 15.6rem;
    right: -26rem;
    top: -6.2rem;
    width: 13.2rem
  }

  .p-burger__img:before {
    left: -7rem
  }

  .p-dialogue__employee__box>div>p>span {
    display: inline;
    letter-spacing: -.3px;
    white-space: nowrap
  }

  .p-dialogue__employee__box>figure {
    flex: 0 0 28%
  }
}

@media (min-width:390px) {
  .col-ss {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-ss-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-ss-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-ss-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-ss-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-ss-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-ss-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-ss-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-ss-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-ss-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-ss-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-ss-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-ss-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-ss-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-ss-first {
    order: -1
  }

  .order-ss-last {
    order: 13
  }

  .order-ss-0 {
    order: 0
  }

  .order-ss-1 {
    order: 1
  }

  .order-ss-2 {
    order: 2
  }

  .order-ss-3 {
    order: 3
  }

  .order-ss-4 {
    order: 4
  }

  .order-ss-5 {
    order: 5
  }

  .order-ss-6 {
    order: 6
  }

  .order-ss-7 {
    order: 7
  }

  .order-ss-8 {
    order: 8
  }

  .order-ss-9 {
    order: 9
  }

  .order-ss-10 {
    order: 10
  }

  .order-ss-11 {
    order: 11
  }

  .order-ss-12 {
    order: 12
  }

  .offset-ss-0 {
    margin-left: 0
  }

  .offset-ss-1 {
    margin-left: 8.3333333333%
  }

  .offset-ss-2 {
    margin-left: 16.6666666667%
  }

  .offset-ss-3 {
    margin-left: 25%
  }

  .offset-ss-4 {
    margin-left: 33.3333333333%
  }

  .offset-ss-5 {
    margin-left: 41.6666666667%
  }

  .offset-ss-6 {
    margin-left: 50%
  }

  .offset-ss-7 {
    margin-left: 58.3333333333%
  }

  .offset-ss-8 {
    margin-left: 66.6666666667%
  }

  .offset-ss-9 {
    margin-left: 75%
  }

  .offset-ss-10 {
    margin-left: 83.3333333333%
  }

  .offset-ss-11 {
    margin-left: 91.6666666667%
  }

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

  .d-ss-inline {
    display: inline !important
  }

  .d-ss-inline-block {
    display: inline-block !important
  }

  .d-ss-block {
    display: block !important
  }

  .d-ss-table {
    display: table !important
  }

  .d-ss-table-row {
    display: table-row !important
  }

  .d-ss-table-cell {
    display: table-cell !important
  }

  .d-ss-flex {
    display: flex !important
  }

  .d-ss-inline-flex {
    display: inline-flex !important
  }

  .flex-ss-row {
    flex-direction: row !important
  }

  .flex-ss-column {
    flex-direction: column !important
  }

  .flex-ss-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-ss-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-ss-wrap {
    flex-wrap: wrap !important
  }

  .flex-ss-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-ss-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-ss-fill {
    flex: 1 1 auto !important
  }

  .flex-ss-grow-0 {
    flex-grow: 0 !important
  }

  .flex-ss-grow-1 {
    flex-grow: 1 !important
  }

  .flex-ss-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-ss-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-ss-start {
    justify-content: flex-start !important
  }

  .justify-content-ss-end {
    justify-content: flex-end !important
  }

  .justify-content-ss-center {
    justify-content: center !important
  }

  .justify-content-ss-between {
    justify-content: space-between !important
  }

  .justify-content-ss-around {
    justify-content: space-around !important
  }

  .align-items-ss-start {
    align-items: flex-start !important
  }

  .align-items-ss-end {
    align-items: flex-end !important
  }

  .align-items-ss-center {
    align-items: center !important
  }

  .align-items-ss-baseline {
    align-items: baseline !important
  }

  .align-items-ss-stretch {
    align-items: stretch !important
  }

  .align-content-ss-start {
    align-content: flex-start !important
  }

  .align-content-ss-end {
    align-content: flex-end !important
  }

  .align-content-ss-center {
    align-content: center !important
  }

  .align-content-ss-between {
    align-content: space-between !important
  }

  .align-content-ss-around {
    align-content: space-around !important
  }

  .align-content-ss-stretch {
    align-content: stretch !important
  }

  .align-self-ss-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }

  .align-self-ss-start {
    align-self: flex-start !important
  }

  .align-self-ss-end {
    align-self: flex-end !important
  }

  .align-self-ss-center {
    -ms-grid-row-align: center !important;
    align-self: center !important
  }

  .align-self-ss-baseline {
    align-self: baseline !important
  }

  .align-self-ss-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }

  .m-ss-0 {
    margin: 0 !important
  }

  .mt-ss-0,
  .my-ss-0 {
    margin-top: 0 !important
  }

  .mr-ss-0,
  .mx-ss-0 {
    margin-right: 0 !important
  }

  .mb-ss-0,
  .my-ss-0 {
    margin-bottom: 0 !important
  }

  .ml-ss-0,
  .mx-ss-0 {
    margin-left: 0 !important
  }

  .m-ss-1 {
    margin: .25rem !important
  }

  .mt-ss-1,
  .my-ss-1 {
    margin-top: .25rem !important
  }

  .mr-ss-1,
  .mx-ss-1 {
    margin-right: .25rem !important
  }

  .mb-ss-1,
  .my-ss-1 {
    margin-bottom: .25rem !important
  }

  .ml-ss-1,
  .mx-ss-1 {
    margin-left: .25rem !important
  }

  .m-ss-2 {
    margin: .5rem !important
  }

  .mt-ss-2,
  .my-ss-2 {
    margin-top: .5rem !important
  }

  .mr-ss-2,
  .mx-ss-2 {
    margin-right: .5rem !important
  }

  .mb-ss-2,
  .my-ss-2 {
    margin-bottom: .5rem !important
  }

  .ml-ss-2,
  .mx-ss-2 {
    margin-left: .5rem !important
  }

  .m-ss-3 {
    margin: 1rem !important
  }

  .mt-ss-3,
  .my-ss-3 {
    margin-top: 1rem !important
  }

  .mr-ss-3,
  .mx-ss-3 {
    margin-right: 1rem !important
  }

  .mb-ss-3,
  .my-ss-3 {
    margin-bottom: 1rem !important
  }

  .ml-ss-3,
  .mx-ss-3 {
    margin-left: 1rem !important
  }

  .m-ss-4 {
    margin: 1.5rem !important
  }

  .mt-ss-4,
  .my-ss-4 {
    margin-top: 1.5rem !important
  }

  .mr-ss-4,
  .mx-ss-4 {
    margin-right: 1.5rem !important
  }

  .mb-ss-4,
  .my-ss-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-ss-4,
  .mx-ss-4 {
    margin-left: 1.5rem !important
  }

  .m-ss-5 {
    margin: 3rem !important
  }

  .mt-ss-5,
  .my-ss-5 {
    margin-top: 3rem !important
  }

  .mr-ss-5,
  .mx-ss-5 {
    margin-right: 3rem !important
  }

  .mb-ss-5,
  .my-ss-5 {
    margin-bottom: 3rem !important
  }

  .ml-ss-5,
  .mx-ss-5 {
    margin-left: 3rem !important
  }

  .p-ss-0 {
    padding: 0 !important
  }

  .pt-ss-0,
  .py-ss-0 {
    padding-top: 0 !important
  }

  .pr-ss-0,
  .px-ss-0 {
    padding-right: 0 !important
  }

  .pb-ss-0,
  .py-ss-0 {
    padding-bottom: 0 !important
  }

  .pl-ss-0,
  .px-ss-0 {
    padding-left: 0 !important
  }

  .p-ss-1 {
    padding: .25rem !important
  }

  .pt-ss-1,
  .py-ss-1 {
    padding-top: .25rem !important
  }

  .pr-ss-1,
  .px-ss-1 {
    padding-right: .25rem !important
  }

  .pb-ss-1,
  .py-ss-1 {
    padding-bottom: .25rem !important
  }

  .pl-ss-1,
  .px-ss-1 {
    padding-left: .25rem !important
  }

  .p-ss-2 {
    padding: .5rem !important
  }

  .pt-ss-2,
  .py-ss-2 {
    padding-top: .5rem !important
  }

  .pr-ss-2,
  .px-ss-2 {
    padding-right: .5rem !important
  }

  .pb-ss-2,
  .py-ss-2 {
    padding-bottom: .5rem !important
  }

  .pl-ss-2,
  .px-ss-2 {
    padding-left: .5rem !important
  }

  .p-ss-3 {
    padding: 1rem !important
  }

  .pt-ss-3,
  .py-ss-3 {
    padding-top: 1rem !important
  }

  .pr-ss-3,
  .px-ss-3 {
    padding-right: 1rem !important
  }

  .pb-ss-3,
  .py-ss-3 {
    padding-bottom: 1rem !important
  }

  .pl-ss-3,
  .px-ss-3 {
    padding-left: 1rem !important
  }

  .p-ss-4 {
    padding: 1.5rem !important
  }

  .pt-ss-4,
  .py-ss-4 {
    padding-top: 1.5rem !important
  }

  .pr-ss-4,
  .px-ss-4 {
    padding-right: 1.5rem !important
  }

  .pb-ss-4,
  .py-ss-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-ss-4,
  .px-ss-4 {
    padding-left: 1.5rem !important
  }

  .p-ss-5 {
    padding: 3rem !important
  }

  .pt-ss-5,
  .py-ss-5 {
    padding-top: 3rem !important
  }

  .pr-ss-5,
  .px-ss-5 {
    padding-right: 3rem !important
  }

  .pb-ss-5,
  .py-ss-5 {
    padding-bottom: 3rem !important
  }

  .pl-ss-5,
  .px-ss-5 {
    padding-left: 3rem !important
  }

  .m-ss-n1 {
    margin: -.25rem !important
  }

  .mt-ss-n1,
  .my-ss-n1 {
    margin-top: -.25rem !important
  }

  .mr-ss-n1,
  .mx-ss-n1 {
    margin-right: -.25rem !important
  }

  .mb-ss-n1,
  .my-ss-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-ss-n1,
  .mx-ss-n1 {
    margin-left: -.25rem !important
  }

  .m-ss-n2 {
    margin: -.5rem !important
  }

  .mt-ss-n2,
  .my-ss-n2 {
    margin-top: -.5rem !important
  }

  .mr-ss-n2,
  .mx-ss-n2 {
    margin-right: -.5rem !important
  }

  .mb-ss-n2,
  .my-ss-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-ss-n2,
  .mx-ss-n2 {
    margin-left: -.5rem !important
  }

  .m-ss-n3 {
    margin: -1rem !important
  }

  .mt-ss-n3,
  .my-ss-n3 {
    margin-top: -1rem !important
  }

  .mr-ss-n3,
  .mx-ss-n3 {
    margin-right: -1rem !important
  }

  .mb-ss-n3,
  .my-ss-n3 {
    margin-bottom: -1rem !important
  }

  .ml-ss-n3,
  .mx-ss-n3 {
    margin-left: -1rem !important
  }

  .m-ss-n4 {
    margin: -1.5rem !important
  }

  .mt-ss-n4,
  .my-ss-n4 {
    margin-top: -1.5rem !important
  }

  .mr-ss-n4,
  .mx-ss-n4 {
    margin-right: -1.5rem !important
  }

  .mb-ss-n4,
  .my-ss-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-ss-n4,
  .mx-ss-n4 {
    margin-left: -1.5rem !important
  }

  .m-ss-n5 {
    margin: -3rem !important
  }

  .mt-ss-n5,
  .my-ss-n5 {
    margin-top: -3rem !important
  }

  .mr-ss-n5,
  .mx-ss-n5 {
    margin-right: -3rem !important
  }

  .mb-ss-n5,
  .my-ss-n5 {
    margin-bottom: -3rem !important
  }

  .ml-ss-n5,
  .mx-ss-n5 {
    margin-left: -3rem !important
  }

  .m-ss-auto {
    margin: auto !important
  }

  .mt-ss-auto,
  .my-ss-auto {
    margin-top: auto !important
  }

  .mr-ss-auto,
  .mx-ss-auto {
    margin-right: auto !important
  }

  .mb-ss-auto,
  .my-ss-auto {
    margin-bottom: auto !important
  }

  .ml-ss-auto,
  .mx-ss-auto {
    margin-left: auto !important
  }

  .p-3-minutes__9-data {
    padding-bottom: 10rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xxl-first {
    order: -1
  }

  .order-xxl-last {
    order: 13
  }

  .order-xxl-0 {
    order: 0
  }

  .order-xxl-1 {
    order: 1
  }

  .order-xxl-2 {
    order: 2
  }

  .order-xxl-3 {
    order: 3
  }

  .order-xxl-4 {
    order: 4
  }

  .order-xxl-5 {
    order: 5
  }

  .order-xxl-6 {
    order: 6
  }

  .order-xxl-7 {
    order: 7
  }

  .order-xxl-8 {
    order: 8
  }

  .order-xxl-9 {
    order: 9
  }

  .order-xxl-10 {
    order: 10
  }

  .order-xxl-11 {
    order: 11
  }

  .order-xxl-12 {
    order: 12
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xxl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xxl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xxl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xxl-11 {
    margin-left: 91.6666666667%
  }

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

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    -ms-grid-row-align: center !important;
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important
  }

  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important
  }

  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important
  }

  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: .25rem !important
  }

  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: .25rem !important
  }

  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: .5rem !important
  }

  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: .5rem !important
  }

  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important
  }

  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important
  }

  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important
  }

  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important
  }

  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important
  }

  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important
  }

  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important
  }

  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important
  }

  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: .25rem !important
  }

  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: .25rem !important
  }

  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: .5rem !important
  }

  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: .5rem !important
  }

  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important
  }

  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important
  }

  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important
  }

  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important
  }

  .m-xxl-n1 {
    margin: -.25rem !important
  }

  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -.25rem !important
  }

  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -.25rem !important
  }

  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -.25rem !important
  }

  .m-xxl-n2 {
    margin: -.5rem !important
  }

  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -.5rem !important
  }

  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -.5rem !important
  }

  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -.5rem !important
  }

  .m-xxl-n3 {
    margin: -1rem !important
  }

  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important
  }

  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important
  }

  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important
  }

  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important
  }

  .m-xxl-n4 {
    margin: -1.5rem !important
  }

  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important
  }

  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important
  }

  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important
  }

  .m-xxl-n5 {
    margin: -3rem !important
  }

  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important
  }

  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important
  }

  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important
  }

  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important
  }

  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important
  }

  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important
  }

  .c-recruitment-information__text {
    font-size: 3.2rem
  }

  .c-recruitment-information__text--career:before,
  .c-recruitment-information__text--subcontracting:before {
    right: -18.3rem
  }

  .c-recruitment-information__text--new-graduate:before {
    right: -26.5rem;
    top: -6.1rem;
    width: 13rem
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width:768px) and (min-width:1200px) {
  .p-job-person__slide-container:after {
    right: -2rem
  }
}

@media (max-width:767.98px) {
  .u-mb-sm-0 {
    margin-bottom: 0 !important
  }

  .u-mb-sm-6 {
    margin-bottom: .6rem !important
  }

  .u-mb-sm-10 {
    margin-bottom: 1rem !important
  }

  .u-mb-sm-15 {
    margin-bottom: 1.5rem !important
  }

  .u-mb-sm-20 {
    margin-bottom: 2rem !important
  }

  .u-mb-sm-25 {
    margin-bottom: 2.5rem !important
  }

  .u-mb-sm-30 {
    margin-bottom: 3rem !important
  }

  .u-mb-sm-40 {
    margin-bottom: 4rem !important
  }

  .u-mb-sm-50 {
    margin-bottom: 5rem !important
  }

  .u-mb-sm-60 {
    margin-bottom: 6rem !important
  }
}

@media (max-width:991.98px) {
  .u-mb-lg-10 {
    margin-bottom: 0 !important
  }
}

.p-text-president {
  text-align: end;
  font-size: 2.25rem;
  font-weight: 600;
}

/*# sourceMappingURL=style.css.map*/