@charset "UTF-8";
/* Sanitize
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *		IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent; /* 4 */
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
img {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: top;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
  color: inherit; /* 2 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
			in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/**
 * Add
 */
dl dd {
  margin-left: 0;
}

figure {
  margin: 0;
}

table {
  table-layout: fixed;
}

menu {
  padding: 0;
}

html {
  font-size: 62.5%; /* 10px / 16px * 100 */
}
@media screen and (max-width: 750px) {
  html {
    font-size: 2.666vw; /* 10px / 375px * 100 */
  }
}

body {
  position: relative;
  font-size: 16px;
  line-height: 2;
  font-family: "Noto Sans JP", sans-serif;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  body {
    font-size: calc(14 / 393 * 100vw);
    line-height: 2;
    min-width: 1%;
    overflow-x: hidden;
    position: relative;
  }
}
img {
  image-rendering: -webkit-optimize-contrast;
}

/* mouseover
--------------------------------------------------*/
@media screen and not (max-width: 768px) {
  .over:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
label {
  cursor: pointer;
}

/* link
--------------------------------------------------*/
a {
  color: #0851d7;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
a:link, a:active, a:visited {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

.f-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .f-inner {
    max-width: 100%;
    padding: 0 calc(20 / 393 * 100vw);
  }
}

main.top {
  position: relative;
  overflow: hidden;
}
main.top::before {
  content: "";
  position: absolute;
  top: 55%;
  bottom: auto;
  left: 50%;
  right: auto;
  width: 100%;
  height: auto;
  background: url(/assets/img/top/bg_top.png) no-repeat center/cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 90%;
  padding-top: 363%;
}
@media screen and (max-width: 768px) {
  main.top::before {
    top: 55.5%;
    left: 50%;
    background: url(/assets/img/top/bg_top_sp.png) no-repeat center/cover;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding-top: 1107%;
  }
}
main.top::after {
  content: "";
  position: absolute;
  top: 75%;
  bottom: auto;
  left: 50%;
  right: auto;
  width: 100%;
  height: auto;
  background: url(/assets/img/top/bg_top_gray.png) no-repeat center/cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -2;
  opacity: 90%;
  padding-top: 279%;
}
@media (max-width: 1024px) {
  main.top::after {
    padding-top: 300%;
  }
}
@media (max-width: 950px) {
  main.top::after {
    padding-top: 350%;
  }
}
@media (max-width: 900px) {
  main.top::after {
    padding-top: 400%;
  }
}
@media screen and (max-width: 768px) {
  main.top::after {
    top: 75.5%;
    background: url(/assets/img/top/bg_top_gray_sp.png) no-repeat center/cover;
    padding-top: 937.66%;
  }
}

main.subpage {
  position: relative;
  overflow: hidden;
}
main.subpage::before {
  content: "";
  position: absolute;
  top: 429px;
  bottom: auto;
  left: 50%;
  right: auto;
  width: 100%;
  height: auto;
  background: url(/assets/img/common/bg_subpage.png) no-repeat center/cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 90%;
  padding-top: 49%;
}
@media screen and (max-width: 768px) {
  main.subpage::before {
    background: url(/assets/img/common/bg_subpage_sp.png) no-repeat center/cover;
    top: 268px;
    padding-top: 134%;
  }
}
main.subpage::after {
  content: "";
  position: absolute;
  top: 781px;
  bottom: auto;
  left: 50%;
  right: auto;
  width: 100%;
  height: auto;
  background: url(/assets/img/common/bg_subpage_gray.png) no-repeat center/cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -2;
  opacity: 90%;
  padding-top: 49%;
}
@media screen and (max-width: 768px) {
  main.subpage::after {
    background: url(/assets/img/common/bg_subpage_gray_sp.png) no-repeat center/cover;
    top: 483px;
    padding-top: 100%;
  }
}

.l-header {
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: transparent;
  width: 100%;
  -webkit-transition: background-color 0.3s ease, border-bottom 0.3s ease;
  transition: background-color 0.3s ease, border-bottom 0.3s ease;
}
.l-header__inner {
  height: 100%;
  margin: 0 auto;
  padding: 0 60px;
}
@media (max-width: 1275px) {
  .l-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    padding: 0 24px;
  }
}
.l-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 105px;
  margin: 0 0 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  -webkit-transition: color 0.6s ease;
  transition: color 0.6s ease;
}
@media screen and (max-width: 768px) {
  .l-header__nav {
    height: 72px;
  }
}
.l-header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 80;
}
.l-header__top .l-header__name {
  display: block;
  margin: 0 0;
  font-size: 24px;
  line-height: 29px;
  margin: 0 18px 0 0;
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 768px) {
  .l-header__top .l-header__name {
    font-size: 20px;
  }
}
.l-header__top .l-header__inquiry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-header__top .l-header__inquiry {
    display: none;
  }
}
.l-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0;
  gap: 40px;
  height: 100%;
}
@media (max-width: 1275px) {
  .l-header__list {
    display: none;
  }
}
@media (max-width: 1158px) {
  .l-header__list {
    position: fixed;
    top: 0;
    right: -120%;
  }
}
.l-header__item {
  list-style: none;
  margin: 0 0 0 0;
  height: 100%;
}
.l-header__item:nth-child(6) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header__item .l-header__megamenu {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: absolute;
  width: 100%;
  height: auto;
  top: 105px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 56px 0;
}
.l-header__item .l-header__megamenu.is-active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.l-header__item .l-header__megamenu .l-header__megamenulist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__ListItems img {
  border-radius: 10px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__ListItems:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__ListItems .l-header__ListImgbox {
  border-radius: 10px;
  overflow: hidden;
  width: 241px;
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__ListItems:hover .l-header__megamenuText::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
@media screen and (max-width: 768px) {
  .l-header__item .l-header__megamenu .l-header__megamenulist .l-header__ListItems:hover .l-header__megamenuText::after {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__megamenulink img {
  border-radius: 10px;
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__megamenulink:hover {
  text-decoration: none;
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__megamenulink:hover .l-header__megamenuText::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__megamenulink .l-header__megamenuText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
}
.l-header__item .l-header__megamenu .l-header__megamenulist .l-header__megamenulink .l-header__megamenuText::after {
  content: "";
  display: block;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 16px;
  width: 16px;
  margin-left: 15px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.l-header__megamenuInner {
  max-width: 1080px;
}
.l-header__link {
  text-decoration: none;
  line-height: 1.1;
  display: inline-block;
  font-size: 20px;
  line-height: 135px;
  color: #ffffff;
}
.l-header__link:hover {
  text-decoration: none;
}
.l-header__link:hover .l-header__underline {
  background-color: #ffffff;
}
.l-header__link:hover .m-scrolled__underline {
  background-color: #0d92c7;
}
.l-header__menuClosewrap {
  position: relative;
}
.l-header__menuClosewrap .l-header__menuClose {
  position: absolute;
  right: -47px;
  top: -37px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-header__menuClosewrap .l-header__menuClose::before, .l-header__menuClosewrap .l-header__menuClose::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #afafaf;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.l-header__menuClosewrap .l-header__menuClose::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.l-header__menuClosewrap .l-header__menuClose::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.l-header__ListItemsRecruit {
  margin-left: 35px;
}
.l-header__ListTextboxRecruit:nth-child(n+2) {
  margin-top: 18px;
}

.l-header__underline {
  display: block;
  width: 100%;
  height: 1px;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  background-color: transparent;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.l-header__linkInquiry {
  padding: 7.5px 40px;
  text-decoration: none;
  line-height: 1.1;
  display: inline-block;
  background-color: #00a7c4;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: background-color 0.4s ease, color 0.4s ease;
  transition: background-color 0.4s ease, color 0.4s ease;
}
.l-header__linkInquiry:hover {
  background-color: #32444e;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .l-header__linkInquiry:hover {
    background-color: #00a7c4;
    text-decoration: none;
  }
}
.l-header__linkInquiry.resizeClose {
  background-color: #00a7c4;
  color: #ffffff;
  padding: 0 28.76px;
}
.l-header__linkInquiry.close {
  background-color: #ffffff;
  color: #00a7c4;
  border: 1px solid #00a7c4;
  padding: 0 25.9px;
  line-height: 30px;
}

.l-header__hamburger {
  display: none;
  z-index: 80;
}
@media (max-width: 1275px) {
  .l-header__hamburger {
    display: block;
  }
}
.l-header__hamburger span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-color 0.2s ease;
  transition: transform 0.3s ease, background-color 0.2s ease, -webkit-transform 0.3s ease;
}
.l-header__hamburger span:first-of-type {
  top: 0;
}
.l-header__hamburger span:nth-of-type(2) {
  top: 8px;
}
.l-header__hamburger span:nth-of-type(3) {
  top: 16px;
}
.l-header__hamburger.is-active span:first-of-type {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(155deg);
          transform: translateY(-50%) rotate(155deg);
}
.l-header__hamburger.is-active span:nth-of-type(2) {
  opacity: 0;
}
.l-header__hamburger.is-active span:nth-of-type(3) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-155deg);
          transform: translateY(-50%) rotate(-155deg);
}

.l-header__hidden {
  display: block;
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  text-align: center;
  background-color: #e8f3f5;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.l-header__hidden.open {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.l-header__hidden .l-header__hiddenInnerwrap {
  margin: 132px 0 80px 0;
  padding: 0 calc(20 / 393 * 100vw);
}

.l-header__hiddenBox:nth-child(n+2) {
  margin-top: 20px;
}
.l-header__hiddenBox .l-header__hiddenLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  margin: 0 0;
}
.l-header__hiddenBox .l-header__hiddenLink .sp_span {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1.6;
}
.l-header__hiddenBox .l-header__hiddenLink .sp_span.footer {
  font-size: 14px;
  line-height: 2;
}
.l-header__hiddenBox .l-header__hiddenLink .sp_span__plusicon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: auto 0;
}
.l-header__hiddenBox .l-header__hiddenLink .sp_span__plusicon.open {
  display: none;
}
.l-header__hiddenBox .l-header__hiddenLink .sp_span__minusicon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
  width: 17px;
  height: 0px;
  margin: auto 0;
}
.l-header__hiddenBox .l-header__hiddenLink .sp_span__minusicon.open {
  display: block;
}
.l-header__hiddenBox .l-header__hiddenLink .sp_span__arrowicon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 7px;
  height: 14px;
  margin: auto 0;
  margin-right: 4px;
}

.l-header__hiddenBox.footer {
  margin-top: 40px;
}

.l-header__hiddenBox.footersecond {
  margin-top: 15px;
}

.l-header__hiddenList {
  display: none;
  margin-top: 20px;
}
.l-header__hiddenList li {
  width: 47.8%;
}
.l-header__hiddenList li a img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .l-header__hiddenList li a img {
    width: auto;
    border-radius: 10px;
  }
}
.l-header__hiddenList .p-indexSecondlayer__link .p-indexSecondlayer__text::after {
  display: none;
}

.l-header__hiddenListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  padding: 15px 0;
  margin: 0;
}
.l-header__hiddenListWrap li {
  width: 47.8%;
}
.l-header__hiddenListWrap li a img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .l-header__hiddenListWrap li a img {
    width: auto;
    border-radius: 10px;
  }
}
.l-header__hiddenListWrap .p-indexSecondlayer__link .p-indexSecondlayer__text::after {
  display: none;
}

.l-header__hiddenListWrapRecruit {
  padding-left: 0;
  list-style: none;
  padding: 12px 0 14px 0;
  margin: 0;
}
.l-header__hiddenListWrapRecruit li {
  width: 47.8%;
}
.l-header__hiddenListWrapRecruit li a img {
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .l-header__hiddenListWrapRecruit li a img {
    width: auto;
    border-radius: 10px;
  }
}
.l-header__hiddenListWrapRecruit .p-indexSecondlayer__link .p-indexSecondlayer__text {
  margin: 0;
}

.l-header__hiddenListWrapRecruit li:nth-of-type(2) .p-indexSecondlayer__text {
  margin-top: 20px;
}

.l-header__hiddenListTop {
  text-align: left;
}

.l-header__listHidden {
  list-style: none;
  padding: 0 0;
}

.l-header__itemHidden {
  margin: 0 0 0 0;
}
.l-header__itemHidden:nth-child(1) {
  margin-top: 142.6px;
}
.l-header__itemHidden:nth-child(2) {
  margin: 34.6px 0 34.6px 0;
}
.l-header__itemHidden:nth-child(4) {
  margin: 34.6px 0 34.6px 0;
}
.l-header__itemHidden:nth-child(6) {
  margin: 34.6px 0 31.6px 0;
}

.l-header__linkHidden {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-size: inherit;
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  padding-right: 31px;
}
.l-header__linkHidden::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
  margin: auto 0;
  height: 22px;
  width: 22px;
  background-color: #ffffff;
  border-radius: 4px;
}
.l-header__linkHidden::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9.2px;
  width: 5.4px;
  height: 5.4px;
  margin: auto 0;
  border-top: 1px solid #0d92c7;
  border-left: 1px solid #0d92c7;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.l-header__linkHiddenprivacy {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-size: inherit;
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
}

.m-scrolled__header {
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 768px) {
  .m-scrolled__header {
    border-bottom: none;
  }
}

.m-scrolled__headerLink {
  color: #000000;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.m-scrolled__headerLink:hover {
  color: #0d92c7;
}

path.logo_green {
  fill: #ffffff;
  -webkit-transition: fill 0.4s ease;
  transition: fill 0.4s ease;
}

/* logo_green スクロール後 */
path.logo_green.is-scrolled {
  fill: #2ebcb6;
}

/* それ以外の path 初期 */
svg path:not(.logo_green) {
  fill: #ffffff;
  -webkit-transition: fill 0.4s ease;
  transition: fill 0.4s ease;
}

/* それ以外の path スクロール後 */
svg path:not(.logo_green).is-scrolled {
  fill: #000000;
}

.l-footer {
  background-color: #32444e;
  position: relative;
}

.l-footer__innerwrap {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .l-footer__innerwrap {
    padding: 0 calc(20 / 393 * 100vw);
    padding-bottom: 40px;
  }
}

.l-footerTop__innerwrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-footerTop__innerwrapLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 71px 0px 79px 0;
}
@media screen and (max-width: 768px) {
  .l-footerTop__innerwrapLeft {
    display: block;
    padding: 44px 0px 40px 0;
    text-align: center;
  }
}

.l-footerTop__innerwrapRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 69px 0 65px 111px;
}
@media screen and (max-width: 768px) {
  .l-footerTop__innerwrapRight {
    display: block;
    padding: 0 0 32px 0;
  }
}

.l-footerTop__innerwrapRightbold {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-footerTop__innerwrapRightbold {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.l-footerTop__Title {
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.09;
  color: #ffffff;
  margin-bottom: 0;
  text-decoration: none;
}

.l-footerTop__textarea a {
  display: block;
}
@media screen and (max-width: 768px) {
  .l-footerTop__textarea a {
    width: 205px;
  }
}
.l-footerTop__textarea .l-footerTop__address {
  font-style: normal;
  margin-top: 20px;
  text-align: left;
}

.l-footer__listcolum:nth-child(1) {
  margin: 0 64px 0 0;
  padding: 0 0;
}
@media screen and (max-width: 768px) {
  .l-footer__listcolum:nth-child(1) {
    margin: 0 72px 0 0;
  }
}
.l-footer__listcolum:nth-child(2) {
  margin: 0 56px 0 0;
  padding: 0 0;
}
@media screen and (max-width: 768px) {
  .l-footer__listcolum:nth-child(2) {
    margin: 0 0 0 0;
  }
}

.l-footer__listcolumPrivacy {
  margin: 0 0;
  padding: 0 0;
}

.l-footer__item {
  list-style: none;
  line-height: 1;
  margin-top: 24px;
}
.l-footer__item:nth-child(1) {
  margin-top: 0;
}

.l-footer__link {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.l-footer__link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .l-footer__link:hover {
    opacity: 1;
  }
}

.l-footer__privacypolicy {
  font-size: 14px;
  line-height: 200%;
  color: #ffffff;
  margin: 0 0;
  height: 16px;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .l-footer__privacypolicy {
    -webkit-transform: none;
            transform: none;
    margin-top: 24px;
    font-size: 12px;
  }
}

.l-footerBottom__innerwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 32px 0 40px 0;
}
@media screen and (max-width: 768px) {
  .l-footerBottom__innerwrap {
    display: block;
    padding: 0;
  }
}

.l-footer__imglogo {
  width: 239px;
}
@media screen and (max-width: 768px) {
  .l-footer__imglogo {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .l-footerBottom__logoarea {
    display: block;
    text-align: center;
    height: 26px;
    margin-bottom: 23.8px;
  }
}

.l-footerBottom__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  list-style: none;
  padding: 0 0;
}
@media screen and (max-width: 768px) {
  .l-footerBottom__list {
    display: block;
    margin: 0 0 40px 0;
  }
}

.l-footer__copyright {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 2;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .l-footer__copyright {
    display: block;
    text-align: center;
  }
}

.l-breadcrumbs__innerwrap {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .l-breadcrumbs__innerwrap {
    margin-top: 20px;
  }
}
.l-breadcrumbs__innerwrap ul {
  list-style: none;
  padding-left: 0;
  font-size: 14px;
  line-height: 200%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-breadcrumbs__innerwrap ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-breadcrumbs__box {
  position: relative;
  color: #000000;
  font-size: 14px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .l-breadcrumbs__box {
    font-size: calc(12 / 393 * 100vw);
  }
}
.l-breadcrumbs__box a {
  display: block;
  color: #000000;
  padding-right: 30px;
}
.l-breadcrumbs__box a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 15px 0 12px 0;
  right: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
}
@media screen and (max-width: 768px) {
  .l-breadcrumbs__box a::after {
    width: calc(10 / 393 * 100vw);
    margin: auto 0;
  }
}

.c-aspectRatio {
  position: relative;
  width: 100%;
}
.c-aspectRatio__inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-inputCheckbox__input,
.c-inputRadio__input {
  display: none;
}
.c-inputCheckbox__mark,
.c-inputRadio__mark {
  position: relative;
  padding: 0 0 0 30px;
}
.c-inputCheckbox__mark::before,
.c-inputRadio__mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
  width: 20px;
  height: 20px;
}
.c-inputCheckbox__mark::after,
.c-inputRadio__mark::after {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #0000ff;
  width: 10px;
  height: 10px;
}

.c-inputRadio__mark::before, .c-inputRadio__mark::after {
  border-radius: 50%;
}

:checked + .c-inputCheckbox__mark::after,
:checked + .c-inputRadio__mark::after {
  content: "";
}

.c-Title {
  font-size: 90px;
  font-weight: 400;
  line-height: 1.6;
  color: #00a7c4;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-Title {
    font-size: calc(50 / 393 * 100vw);
  }
}

.c-subTitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  color: #000000;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-subTitle {
    font-size: calc(16 / 393 * 100vw);
  }
}

.c-h1Title {
  font-size: 48px;
  font-weight: normal;
  line-height: 1.6;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-h1Title {
    font-size: calc(34 / 393 * 100vw);
  }
}

.c-h2Title {
  font-size: 42px;
  font-weight: normal;
  line-height: 1.6;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-h2Title {
    font-size: calc(30 / 393 * 100vw);
  }
}

.c-h3Title {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.6;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-h3Title {
    font-size: calc(26 / 393 * 100vw);
  }
}
.c-h3Title__underline {
  font-size: 32px;
  font-weight: normal;
  line-height: 160%;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-h3Title__underline {
    font-size: calc(26 / 393 * 100vw);
  }
}
.c-h3Title__underline::after {
  content: "";
  display: block;
  border-top: 1px solid #00a7c4;
  margin: 20px 0 0 0;
}

.c-h4Title {
  font-size: 24px;
  font-weight: normal;
  line-height: 2;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-h4Title {
    font-size: calc(22 / 393 * 100vw);
  }
}

.c-h5Title {
  font-size: 24px;
  font-weight: 400;
  line-height: 2;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-h5Title {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}

.c-h6Title {
  font-size: 20px;
  font-weight: 400;
  line-height: 2;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-h6Title {
    font-size: calc(16 / 393 * 100vw);
    line-height: 1.6;
  }
}

.c-messageTitle {
  font-size: 83px;
  line-height: 1.6;
  font-weight: 400;
  color: #000000;
}
@media screen and (not (max-width: 768px)) and (max-width: 1200px) {
  .c-messageTitle {
    font-size: calc(83 / 1200 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .c-messageTitle {
    font-size: calc(46 / 393 * 100vw);
  }
}
.c-messageTitle span {
  color: #00a7c4;
}

.c-Caption {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
  color: #ffffff;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .c-Caption {
    font-size: calc(12 / 393 * 100vw);
    margin-left: 0px;
  }
}

.c-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  color: #00a7c4;
  background-color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  width: 100%;
  min-height: 58px;
  border: 1px solid #00a7c4;
  border-radius: 10px;
  padding: 8px 20px;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}
@media screen and (min-width: 769px) {
  .c-btn:hover {
    color: #ffffff;
    background-color: #00a7c4;
  }
  .c-btn:hover span:nth-child(2) {
    border-left: 2px solid #ffffff;
  }
  .c-btn:hover span:nth-child(2)::after {
    background-color: #ffffff;
  }
  .c-btn:hover span.p-animation__imgarea:nth-child(2) {
    border-left: none;
  }
}
@media screen and (max-width: 768px) {
  .c-btn {
    font-size: calc(16 / 393 * 100vw);
    line-height: 2;
  }
}
.c-btn span.trianglearrow {
  -webkit-transition: border 0.4s ease;
  transition: border 0.4s ease;
}
.c-btn span.trianglearrow:nth-child(2) {
  border-left: 1px solid #00a7c4;
  padding: 10px 0;
  -webkit-transition: border-left 0.4s ease;
  transition: border-left 0.4s ease;
}
.c-btn span.trianglearrow:nth-child(2)::after {
  content: "";
  display: block;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 16px;
  width: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
.c-btn:hover span.trianglearrow:nth-child(2)::after {
  background-color: #ffffff;
}
.c-btn:hover span.trianglearrow:nth-child(2) {
  border-left: 1px solid #ffffff;
}
@media screen and (max-width: 768px) {
  .c-btn:hover span.trianglearrow:nth-child(2)::after {
    background-color: #00a7c4;
  }
  .c-btn:hover span.trianglearrow:nth-child(2) {
    border-left: 1px solid #00a7c4;
  }
}

.c-btnanchor {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 30px;
  background-color: #32444e;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media screen and (max-width: 768px) {
  .c-btnanchor {
    padding: 14px 30px;
  }
}

.c-btnanchor__text {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 5px;
  color: #ffffff;
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.c-btnanchor__text::after {
  position: absolute;
  content: "";
  right: -8px;
  bottom: 0px;
  top: 6px;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  -webkit-transform: rotate(225deg) translateY(5px) skew(5deg, 5deg);
          transform: rotate(225deg) translateY(5px) skew(5deg, 5deg);
  -webkit-transition: border-top 0.4s ease, border-left 0.4s ease;
  transition: border-top 0.4s ease, border-left 0.4s ease;
}

.c-btnanchor__text.m-recruitRequirementsAnchor::after {
  display: none;
  content: "";
}

.c-btnCta {
  font-size: 20px;
  line-height: 2;
  max-width: 200px;
  background-color: #00a7c4;
  border-radius: 50px;
}
@media screen and (max-width: 1275px) {
  .c-btnCta {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-btnCta {
    font-size: calc(16 / 393 * 100vw);
    padding: 0px 27.5px;
  }
}

.c-anchorContainer {
  margin: 80px 0 80px 0;
}
@media screen and (max-width: 768px) {
  .c-anchorContainer {
    margin: 56px 0 80px 0;
  }
}

.c-integratedlistItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-bottom: 0.5px solid #d6d6d6;
  padding: 18px 0;
}

.c-anchorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2px;
  max-width: 1160px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 0;
}
@media screen and (max-width: 768px) {
  .c-anchorList {
    gap: 16px;
  }
}
.c-anchorList__requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  max-width: 1160px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 0;
}
@media screen and (max-width: 768px) {
  .c-anchorList__requirements {
    width: 100%;
  }
}

.c-anchorListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% - 60px) / 4);
}
@media screen and (max-width: 768px) {
  .c-anchorListItem {
    display: block;
    width: 100%;
  }
}
.c-anchorListItem__requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 768px) {
  .c-anchorListItem__requirements {
    display: block;
    width: 100%;
  }
}

.p-plantAnchorInnerwrap .c-anchorListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% - 80px) / 5);
}
@media screen and (max-width: 768px) {
  .p-plantAnchorInnerwrap .c-anchorListItem {
    display: block;
    width: 100%;
  }
}

.c-table {
  width: 100%;
  margin-top: 30px;
}

.c-table__header {
  font-size: 20px;
  line-height: 2;
  width: 240px;
  color: #000000;
  border-bottom: 1px solid #cecece;
  text-align: left;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  .c-table__header {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.6;
    width: 25.9541984733vw;
  }
}
@media screen and (max-width: 375px) {
  .c-table__header {
    width: 87px;
  }
}
.c-table__cell {
  border-bottom: 1px solid #cecece;
  padding: 20px 20px 20px 60px;
}
@media screen and (max-width: 768px) {
  .c-table__cell {
    padding: 20px 17px 20px 0px;
  }
}

@media screen and (max-width: 768px) {
  .c-table__cell {
    font-size: calc(16 / 393 * 100vw);
    line-height: 2;
  }
}
.c-table__cellInstallation {
  color: #0d3d50;
  font-size: 18px;
  line-height: 2;
  padding: 18px 0 0 0;
}

@media screen and (max-width: 768px) {
  .c-table__cellInstallation {
    font-size: calc(14 / 393 * 100vw);
    line-height: 20px;
  }
}
.m-textWhite {
  color: #ffffff;
}

.m-btnMore {
  width: 298px;
}
@media screen and (max-width: 768px) {
  .m-btnMore {
    width: 100%;
  }
}

.m-displayFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1190px) {
  .m-btnCtaHamburger {
    font-size: 20px;
    width: 100%;
    padding: 10px 40px;
    width: 100%;
    max-width: none;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .m-btnCtaHamburger {
    font-size: calc(20 / 393 * 100vw);
    padding: 10px 40px;
    width: 100%;
    max-width: none;
    margin-top: 40px;
  }
}

.m-hamburgerMenu {
  z-index: 200;
}

.m-contentsLeft {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.m-contentsRight {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.p-siteLink .m-sitemapContentsmargin {
  margin-top: 10px;
}

.p-sitemap__thirdlayerItem .m-sitemapContentstopmargin {
  margin-top: 5px;
}

.p-fvThirdlayer__innerwrapContents.m-fvThirdlayer__innerwrapContentsIni {
  background-image: url(/assets/img/initiatives/bg_initiatives.jpg);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .p-fvThirdlayer__innerwrapContents.m-fvThirdlayer__innerwrapContentsIni {
    background-image: url(/assets/img/initiatives/bg_initiatives_sp.jpg);
    height: calc(146 / 393 * 100vw);
    min-height: 146px;
    margin-top: 56px;
  }
}

.p-fvThirdlayer__innerwrapContents.m-fvThirdlayer__innerwrapContentsDx {
  background-image: url(/assets/img/service/dx/bg_dx.jpg);
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .p-fvThirdlayer__innerwrapContents.m-fvThirdlayer__innerwrapContentsDx {
    background-image: url(/assets/img/service/dx/bg_dx_sp.jpg);
    height: calc(146 / 393 * 100vw);
    min-height: 146px;
    margin-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .p-fvSecondlayer__subTitle.m-fvThirdlayer__subTitleIni {
    margin-top: 40px;
  }
}

.p-recruitData__databoximgarea.m-recruitdataImgareaTenure {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoximgarea.m-recruitdataImgareaTenure {
    margin-top: 30px;
  }
}

.p-recruitData__databoxanswerarea.m-recruitdataAnswerareaTenure {
  margin-top: 9px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.p-recruitData__databoximgarea.m-recruitdataImgareaPaidleave {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoximgarea.m-recruitdataImgareaPaidleave {
    margin-top: 24px;
  }
}

.p-recruitData__databoxnotes.m-recruitdataboxnotesPaidleave {
  text-align: right;
}

.p-recruitData__databoxnotes.m-recruitdataboxnotesCenter {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoxnotes.m-recruitdataboxnotesCenter {
    font-size: calc(14 / 393 * 100vw);
  }
}

.p-recruitData__databoximgarea.m-recruitdataimgboxCafeteria {
  margin-top: 19px;
}

.p-recruitData__databoximgarea.m-recruitdataImgareaAnimallover {
  gap: 60px;
  margin-top: 27px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoximgarea.m-recruitdataImgareaAnimallover {
    margin-top: 38px;
    gap: 50px;
  }
}

.p-recruitData__databoximgarea.m-recruitdataImgareaDrinklover {
  gap: 32px;
  margin-top: 45px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoximgarea.m-recruitdataImgareaDrinklover {
    margin-top: 37px;
    gap: 26px;
  }
}

.p-recruitData__databoximgarea.m-recruitdataImgareaLifestyle {
  gap: 48px;
  margin-top: 22px;
  margin-left: 34px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoximgarea.m-recruitdataImgareaLifestyle {
    margin-top: 37px;
    gap: 26px;
  }
}

.p-recruitData__databoximgarea.m-recruitdataImgareaApproach {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoximgarea.m-recruitdataImgareaApproach {
    margin-top: 30px;
  }
}

.p-recruitData__databoxanswerarea.m-recruitdataAnswerareaApproach {
  margin-top: 14px;
}

.m-recruitFaqLink {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .m-recruitFaqLink {
    margin-top: 60px;
  }
}

.m-recruitFaqLink__notrequirements {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .m-recruitFaqLink__notrequirements {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 768px) {
  .m-anchorLinkRecruitDetail {
    margin-bottom: 56px;
  }
}

@media screen and (max-width: 768px) {
  .m-recruitFaqLink__RecruitDetail {
    margin-bottom: 32px;
  }
}

.p-recruitFaq__wrap .p-recruitLink__box .m-recruitFaq__bg {
  background-color: #afafaf;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-recruitFaq__wrap .p-recruitLink__box .m-recruitFaq__bg:hover::after {
    -webkit-transform: rotate(45deg) translateY(5px) translateX(0px) skew(5deg, 5deg);
            transform: rotate(45deg) translateY(5px) translateX(0px) skew(5deg, 5deg);
  }
}

.l-header__ListItems.m-headerListItems__recruit {
  margin-left: 35px;
}

.l-header__ListItems.m-headerListItems__recruit .l-header__megamenulink:nth-child(n+2) {
  margin-top: 18px;
}

.l-header__hiddenLink.m-headerHiddenLink {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  gap: 15px;
}

.l-header__hiddenLink.m-headerHiddenLink .sp_span {
  font-size: 16px;
  line-height: 2;
}

/* --------------------------------------------------
  display
-------------------------------------------------- */
@media screen and (max-width: 768px) {
  .u-pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .u-sp {
    display: none;
  }
}
/* --------------------------------------------------
  cleafix
-------------------------------------------------- */
.u-clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* --------------------------------------------------
  align
-------------------------------------------------- */
.u-alignL {
  text-align: left;
}

.u-alignC {
  text-align: center;
}

.u-alignR {
  text-align: right;
}

/* --------------------------------------------------
  margin
-------------------------------------------------- */
.u-margin.-short {
  margin-bottom: 16px;
}
.u-margin.-middle {
  margin-bottom: 32px;
}
.u-margin.-large {
  margin-bottom: 64px;
}

/* --------------------------------------------------
  padding
-------------------------------------------------- */
.-ratio16-9 {
  padding-top: 56.25%;
}

.-ratio4-3 {
  padding-top: 75%;
}

.p-fv {
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.p-fv__mainBgimg {
  position: relative;
}
.p-fv__innerwrap {
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1200px;
  width: 100%;
  z-index: 10;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .p-fv__innerwrap {
    padding-left: calc(20 / 393 * 100vw);
    padding-right: 0px;
  }
}
.p-fv__appearText {
  font-size: 83px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.6;
  letter-spacing: 0.12rem;
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-fv__appearText {
    font-size: calc(45 / 393 * 100vw);
    line-height: 1.6;
    position: relative;
    z-index: 10;
  }
}
.p-fv__wrap {
  overflow: hidden;
  position: relative;
}
.p-fv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.54;
}
@media screen and (max-width: 768px) {
  .p-fv__image img {
    aspect-ratio: 0.46;
  }
}
.p-fv__dot {
  position: absolute;
  bottom: 4% !important;
  text-align: right;
  padding-right: 40px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-fv__dot {
    padding-right: 20px;
    bottom: 2% !important;
  }
}

.swiper-pagination-bullet-active {
  background: #ffffff !important;
}

@media screen and (max-width: 768px) {
  .p-fv__requestoverview {
    margin-top: 117px;
    position: relative;
    z-index: 10;
  }
}
.p-fv__requestoverview::before {
  content: "";
  position: absolute;
  right: 24px;
  height: 22px;
  width: 22px;
  background-color: #0d92c7;
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .p-fv__textarea {
    padding: 0 0;
  }
}

.p-fv__imgarea {
  position: absolute;
  bottom: 0;
  right: -296px;
}
@media screen and (max-width: 768px) {
  .p-fv__imgarea {
    position: absolute;
    top: 143px;
    right: 0;
    width: 100%;
    height: 941px;
    background-size: 691px 941px;
  }
}

.p-fv__mainImg {
  width: 995px;
  height: 637px;
}
@media screen and (max-width: 768px) {
  .p-fv__mainImg {
    display: none;
  }
}

.p-fv__mainImgsp {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-fv__mainImgsp {
    display: block;
    width: 691px;
    height: 924px;
    max-width: none;
  }
}

.p-concept__innerwrap {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .p-concept__innerwrap {
    padding: 0 calc(20 / 393 * 100vw);
  }
}
.p-concept__innerheading {
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .p-concept__innerheading {
    padding-right: 0;
    padding-left: calc(20 / 393 * 100vw);
  }
}
.p-concept__text {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .p-concept__text {
    font-size: calc(16 / 393 * 100vw);
    line-height: 1.6;
  }
}
.p-concept__innerwrapContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 41px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-concept__innerwrapContents {
    display: block;
  }
}
.p-concept__innerwrapContents .p-concept__text:first-child {
  margin-top: 0px;
}
.p-concept__innerwrapContents .p-concept__text:nth-child(n+2) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-concept__innerwrapContents .p-concept__text:nth-child(n+2) {
    margin-top: 30px;
  }
}
.p-concept__innerwrapContents .p-concept__text:last-child {
  margin-bottom: 50px;
}
.p-concept__textarea {
  -webkit-box-flex: 0.483;
      -ms-flex: 0.483;
          flex: 0.483;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 541px;
          flex: 1 1 541px;
}
.p-concept__imgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0.517;
      -ms-flex: 0.517;
          flex: 0.517;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 579px;
          flex: 1 1 579px;
  width: 100%;
  max-height: 956px;
}
@media screen and (max-width: 768px) {
  .p-concept__imgarea {
    margin-top: 80px;
    max-height: none;
  }
}
.p-concept__imgBox01 {
  -webkit-transform: translateY(-99px);
          transform: translateY(-99px);
}
@media screen and (max-width: 768px) {
  .p-concept__imgBox01 {
    -webkit-transform: none;
            transform: none;
  }
}
.p-concept__imgBox02 {
  width: 57%;
  -webkit-transform: translate(64%, -112px);
          transform: translate(64%, -112px);
}
@media screen and (max-width: 768px) {
  .p-concept__imgBox02 {
    -webkit-transform: translate(61%, -9px);
            transform: translate(61%, -9px);
  }
}
.p-concept__imgBox03 {
  width: 48%;
  -webkit-transform: translate(23%, -142px);
          transform: translate(23%, -142px);
}
@media screen and (max-width: 768px) {
  .p-concept__imgBox03 {
    width: 48.5%;
    -webkit-transform: translate(21%, -27px);
            transform: translate(21%, -27px);
  }
}
.p-concept__imgBox04 {
  width: 48%;
  -webkit-transform: translate(107%, -187px);
          transform: translate(107%, -187px);
}
@media screen and (max-width: 768px) {
  .p-concept__imgBox04 {
    width: 48.5%;
    -webkit-transform: translate(107%, -54px);
            transform: translate(107%, -54px);
  }
}
.p-concept__headingarea {
  margin: 70px 0 80px 0;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-concept__headingarea {
    margin: 50px 0 40px 0;
    -webkit-transform: translateY(calc(-300 / 393 * 100vw));
            transform: translateY(calc(-300 / 393 * 100vw));
  }
}
.p-concept__mainDetermin {
  margin: 0 0;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.p-concept__mainDetermin span {
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.p-service__innerwrapContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46.5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2.6%;
}
@media screen and (max-width: 768px) {
  .p-service__innerwrapContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-right: 0;
    margin-top: 12px;
    gap: 0px;
  }
}
.p-service__innerbglayer {
  background-color: rgba(232, 243, 245, 0.9);
}
.p-service__innerwrapTop {
  padding: 0px 20px 89px 20px;
}
@media screen and (max-width: 768px) {
  .p-service__innerwrapTop {
    position: relative;
    padding: 110px calc(20 / 393 * 100vw) 80px calc(20 / 393 * 100vw);
    margin-top: 59px;
  }
}
.p-service__text {
  margin: 37px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-service__text {
    margin: 23px 0 0 0;
  }
}
.p-service__detailbutton {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-service__detailbutton {
    margin-top: 40px;
  }
}
.p-service__textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 392px;
          flex: 0 0 392px;
}
.p-service__messageTitle {
  margin-top: 65.35px;
}
@media screen and (max-width: 768px) {
  .p-service__messageTitle {
    margin-top: 60px;
  }
}
.p-service__messageTitle span {
  font-size: 32px;
  line-height: 66px;
  color: #ffffff;
  background-color: #32444e;
  padding: 7px 20px;
}
@media screen and (max-width: 768px) {
  .p-service__messageTitle span {
    font-size: 22px;
    line-height: 54.2px;
  }
}
.p-service__imgarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 691px;
          flex: 0 1 691px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-service__imgarea {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-service__innerwrapBottom {
  margin-top: 100px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .p-service__innerwrapBottom {
    margin-top: 80px;
    padding: 0 calc(12 / 393 * 100vw);
  }
}
.p-service__nichiyu-productpolicy {
  text-align: center;
  font-size: 48px;
  line-height: 160%;
  color: #000000;
  letter-spacing: 4.8px;
  margin: 0 0;
}
@media screen and (max-width: 768px) {
  .p-service__nichiyu-productpolicy {
    font-size: calc(30 / 393 * 100vw);
    letter-spacing: 0.03em;
  }
}
.p-service__nichiyu-productpolicy span {
  color: #ffffff;
}
.p-service__policytext {
  text-align: center;
  margin-top: 40px;
  max-width: 1040px;
  margin: 40px auto 0 auto;
}
.p-service__titleBox {
  position: relative;
  top: -80px;
}
@media screen and (max-width: 768px) {
  .p-service__titleBox {
    position: absolute;
    left: 0;
    top: -10.8142493639vw;
    max-width: 1200px;
    width: 100%;
    padding: 0 calc(20 / 393 * 100vw);
  }
}

.p-animationSlide {
  overflow-x: hidden;
  margin-top: 80px;
}
.p-animationSlide__wrap {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.p-animationSlide__image {
  width: auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-animationSlide {
    margin-top: 40px;
  }
  .p-animationSlide__image {
    width: 313px;
  }
}

.p-animation__detailbutton {
  margin: 80px auto 0 auto;
  width: 258px;
}
@media screen and (max-width: 768px) {
  .p-animation__detailbutton {
    width: 100%;
    padding: 0 calc(20 / 393 * 100vw);
    margin: 40px auto 0 auto;
  }
}
.p-animation__detailbutton .p-animation__imgarea {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-animation__detailbutton .p-animation__imgarea {
    display: none;
  }
}
.p-animation__detailbutton .p-animation__imgwhite {
  display: block;
}
.p-animation__detailbutton .p-animation__imgtransparent {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-animation__detailbutton:hover .p-animation__imgtransparent {
  opacity: 1;
}

.p-recruit__innerwrap {
  max-width: 1240px;
  padding: 0 20px;
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .p-recruit__innerwrap {
    margin-top: 80px;
    padding: 0 calc(20 / 393 * 100vw);
  }
}
.p-recruit__text {
  margin-top: 115px;
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .p-recruit__text {
    margin-top: 40px;
  }
}
.p-recruit__innerwrapContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: url("../../assets/img/top/bg_recruit.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 80px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .p-recruit__innerwrapContents {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__innerwrapContents {
    display: block;
    background-image: url("/assets/img/top/bg_recruit_sp.jpg");
    padding: 250px 0 40px 0;
  }
}
.p-recruit__messageTitle {
  color: #ffffff;
}
.p-recruit__areaRight {
  margin-top: 288px;
}
@media (max-width: 960px) {
  .p-recruit__areaRight {
    margin-top: 40px;
  }
}
.p-recruit__areaLeft {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 431px;
          flex: 0 1 431px;
}
@media screen and (max-width: 768px) {
  .p-recruit__areaLeft {
    padding: 0 calc(20 / 393 * 100vw);
  }
}
.p-recruit__item {
  list-style: none;
}
.p-recruit__item:nth-child(2) {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-recruit__item:nth-child(2) {
    margin-top: 20px;
  }
}
.p-recruit__List {
  padding: 0;
  margin-top: 40px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-recruit__List {
    padding: 0 calc(20 / 393 * 100vw);
  }
}
.p-recruit__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  line-height: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-recruit__link {
    font-size: calc(16 / 393 * 100vw);
    line-height: 1.6;
  }
}
.p-recruit__link .p-recruit__guidelines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-recruit__link .p-recruit__guidelines::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-right: 12.5px;
}
@media screen and (min-width: 769px) {
  .p-recruit__link:hover .p-recruit__arrowicon {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
}
.p-recruit__arrowicon {
  display: inline-block;
  width: 23.5px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-recruit__detailbutton {
    width: 100%;
    margin: 0 auto;
    padding: 0 5.0890585242vw;
  }
}

.p-news__innerwrap {
  max-width: 1200px;
}
.p-news__innerwrapContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2vw;
  padding: 20px;
  margin: 100px 0;
}
@media screen and (max-width: 768px) {
  .p-news__innerwrapContents {
    display: block;
    padding: 0;
    margin: 80px 0 120px 0;
  }
}
.p-news__head {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
}
.p-news__content {
  margin-top: 40px;
  width: calc(100% - 450px);
}
@media (max-width: 1279px) {
  .p-news__content {
    width: calc(100% - 400px);
  }
}
@media (max-width: 1100px) {
  .p-news__content {
    width: calc(100% - 350px);
  }
}
@media (max-width: 900px) {
  .p-news__content {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 768px) {
  .p-news__content {
    width: 100%;
  }
}
.p-news__contentList {
  padding-left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 0;
}
.p-news__detailbutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-news__detailbutton {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 40px auto 0 auto;
  }
}
.p-news__detail {
  width: 298px;
}
@media screen and (max-width: 768px) {
  .p-news__detail {
    width: 100%;
  }
}
.p-news__contentItem {
  text-decoration: none;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
}
.p-news__contentItem:nth-child(2) {
  border: none;
}
.p-news__link {
  display: block;
  color: #000000;
}
.p-news__link:hover {
  text-decoration: none;
}
.p-news__button {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
}
.p-news__contentItem {
  list-style: none;
}

.p-newsArticle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 30px 30px 30px 25px;
}
@media screen and (max-width: 768px) {
  .p-newsArticle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 20px 20px 30px;
  }
}
.p-newsArticle__date {
  color: #00a7c4;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-newsArticle__title {
  position: relative;
  padding-right: 20px;
  margin: 0 0 0 29px;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media screen and (max-width: 768px) {
  .p-newsArticle__title {
    -webkit-line-clamp: 2;
    margin: 0 0 0 0;
  }
}
.p-newsArticle__titlePdf {
  position: relative;
  padding-right: 20px;
  margin: 0 0 0 29px;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media screen and (max-width: 768px) {
  .p-newsArticle__titlePdf {
    -webkit-line-clamp: 1;
    margin: 0 0 0 0;
  }
}
.p-newsArticle__titlePdf::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  width: 19px;
  height: 23px;
  background: url(/assets/img/news/icon_newsList_pdf.svg) no-repeat;
  background-size: 100% auto;
}
.p-newsArticle__titleLink {
  position: relative;
  padding-right: 20px;
  margin: 0 0 0 29px;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media screen and (max-width: 768px) {
  .p-newsArticle__titleLink {
    -webkit-line-clamp: 1;
    margin: 0 0 0 0;
  }
}
.p-newsArticle__titleLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  width: 17px;
  height: 17px;
  background: url(/assets/img/news/icon_newsList_link.svg) no-repeat;
  background-size: 100% auto;
}
.p-newsArticle__titleBlank {
  position: relative;
  padding-right: 20px;
  margin: 0 0 0 29px;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
@media screen and (max-width: 768px) {
  .p-newsArticle__titleBlank {
    -webkit-line-clamp: 1;
    margin: 0 0 0 0;
  }
}
.p-newsArticle__titleBlank::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  width: 17px;
  height: 17px;
  background: url(/assets/img/news/icon_newsList_blank.svg) no-repeat;
  background-size: 100% auto;
}

.js-megaMenu {
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}

.js-megaMenu.is-active {
  opacity: 1;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: visible;
}

.swiper-pagination-bullet {
  background-color: #ffffff;
}

.fadein {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.8s ease, color 0.4s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, color 0.4s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, color 0.4s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, color 0.4s ease, -webkit-transform 0.8s ease;
}

.fadein.show {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.p-concept__headingarea.is-pinned-bottom {
  position: fixed;
  bottom: 50px;
}

.p-concept__headingareaDummy {
  margin: 70px 0 80px 0;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.4s ease, opacity 0.3s ease;
  transition: height 0.4s ease, opacity 0.3s ease;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-concept__headingareaDummy {
    margin: 50px 0 40px 0;
    -webkit-transform: translateY(calc(-300 / 393 * 100vw));
            transform: translateY(calc(-300 / 393 * 100vw));
  }
}

.p-concept__headingareaDummy .p-concept__mainDetermin {
  color: transparent;
}
.p-concept__headingareaDummy .p-concept__mainDetermin span {
  color: transparent;
}
@media (max-width: 1350px) {
  .p-concept__headingareaDummy {
    display: none;
  }
}

.stickyarea {
  position: relative;
}

.stickymenuwrap {
  position: absolute;
  top: 216px;
  bottom: 0;
  left: 0;
}

.stickymenu {
  position: sticky;
  top: 0;
  z-index: 80;
}

.p-fvSecondlayer__EntryForm {
  margin-bottom: 120px;
}

.p-fvSecondlayer__innerwrapEntry {
  margin-top: 40px;
}

.p-fvSecondlayer__innerwrap {
  margin-top: 215px;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__innerwrap {
    margin-top: 128px;
  }
}
.p-fvSecondlayer__subTitle {
  margin-top: 80px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__subTitle {
    margin-top: 56px;
    margin-bottom: 32px;
  }
}
.p-fvSecondlayer__text {
  margin-top: 32px;
}
.p-fvSecondlayer__flowimage {
  margin: 80px 0;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__flowimage {
    margin: 40px 0;
  }
}

.p-indexSecondlayerinnerwrap {
  margin-top: 56px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayerinnerwrap {
    margin-bottom: 80px;
  }
}
.p-indexSecondlayer__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px 79px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__list {
    display: block;
  }
}
.p-indexSecondlayer__list li {
  width: 46.6%;
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__list li {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__list li:nth-child(n+2) {
    margin-top: 20px;
  }
}
.p-indexSecondlayer__ListItems {
  display: block;
  width: calc((100% - 79px) / 2);
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__ListItems {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__ListItems:nth-child(n+2) {
    margin-top: 32px;
  }
}
.p-indexSecondlayer__ListItems img {
  border-radius: 10px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__ListItems img {
    width: 100%;
  }
}
.p-indexSecondlayer__ListItems:hover {
  text-decoration: none;
}
.p-indexSecondlayer__ListItems:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__ListItems:hover img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-indexSecondlayer__ListItems:hover .p-indexSecondlayer__text::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__ListItems:hover .p-indexSecondlayer__text::after {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}
.p-indexSecondlayer__ListItems .p-indexSecondlayer__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  margin-top: 20px;
  font-size: 20px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-indexSecondlayer__ListItems .p-indexSecondlayer__text {
    margin-top: 16px;
    font-size: calc(18 / 393 * 100vw);
  }
}
.p-indexSecondlayer__ListItems .p-indexSecondlayer__text::after {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 16px;
  width: 16px;
  margin-left: 15px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.p-indexSecondlayer__ListImgbox {
  border-radius: 10px;
  overflow: hidden;
}
.p-indexSecondlayer__text {
  display: block;
  text-align: left;
  color: #000000;
  margin-top: 5px;
}

.p-fvThirdlayer__innerwrap {
  margin-top: 215px;
}
@media screen and (max-width: 768px) {
  .p-fvThirdlayer__innerwrap {
    margin-top: 128px;
  }
}
.p-fvThirdlayer__subTitle {
  margin-top: 80px;
}
.p-fvThirdlayer__text {
  margin-top: 32px;
}
.p-fvThirdlayer__innerwrapContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 308px;
  background-image: url("/assets/img/about/overview/bg_overview.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  min-height: 480px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-fvThirdlayer__innerwrapContents {
    display: block;
    background-image: url("/assets/img/about/overview/bg_overview.jpg");
    height: 844px;
  }
}
@media screen and (max-width: 768px) {
  .p-fvThirdlayer__innerwrapContents.u-pc {
    display: none;
  }
}

.p-serviceOverview__innerbglayer {
  background-color: #e8f3f5;
  opacity: 90%;
}
.p-serviceOverview__innerwrapTop {
  padding: 80px 20px 80px 20px;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverview__innerwrapTop {
    padding: 56px calc(20 / 393 * 100vw) 56px calc(20 / 393 * 100vw);
    margin-top: 40px;
  }
}
.p-serviceOverview__textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 541px;
          flex: 0 1 541px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverview__textarea {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.p-serviceOverview__messageTitle {
  text-align: center;
}
.p-serviceOverview__messageTitle span {
  font-size: 32px;
  line-height: 66px;
  color: #ffffff;
  background-color: #32444e;
  padding: 7px 20px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverview__messageTitle span {
    font-size: calc(22 / 393 * 100vw);
    line-height: 54.2px;
  }
}
.p-serviceOverview__imgarea {
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 541px;
          flex: 0 1 541px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverview__imgarea {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p-serviceOverview__imgarea img {
    width: 100%;
  }
}
.p-serviceOverview__innerwrapBottom {
  margin-top: 160px;
}
.p-serviceOverview__text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverview__text {
    margin-top: 20px;
  }
}
.p-serviceOverview__detailbutton {
  margin-top: 40px;
}

.p-serviceOverview .p-animation__detailbutton {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverview .p-animation__detailbutton {
    padding: 0 0;
  }
}

@media screen and (max-width: 768px) {
  .p-serviceOverview .p-animation__imgarea {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .p-indexSecondlayerinnerwrap.m-serviceMargin {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.p-overviewOutline {
  margin-top: 80px;
}
.p-overviewOutline__innerwrap {
  padding: 0 20px;
}
.p-overviewOutline .c-table .c-table__header {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-overviewOutline .c-table .c-table__header {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.6;
  }
}
.p-overviewOutline .c-table .c-table__cell dl {
  margin: 0 0;
}
.p-overviewOutline .c-table dl .p-overviewOutline__Executive dt {
  width: 12em;
}
.p-overviewOutline__Executive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-overviewOutline__Executive {
    display: block;
  }
}
.p-overviewOutline .c-table__cell {
  font-size: 20px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-overviewOutline .c-table__cell {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}

.p-overviewMotto {
  margin-top: 80px;
}
.p-overviewMotto__innerwrap {
  padding: 0 20px;
}
.p-overviewMotto__innerwrapContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 55px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-overviewMotto__innerwrapContents {
    display: block;
  }
}
.p-overviewMotto__textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 512px;
          flex: 0 1 512px;
}
.p-overviewMotto__topic {
  font-size: 24px;
  line-height: 200%;
  font-weight: 700;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .p-overviewMotto__topic {
    font-size: calc(22 / 393 * 100vw);
  }
}
.p-overviewMotto__imgarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 592.5px;
          flex: 0 1 592.5px;
}
@media screen and (max-width: 768px) {
  .p-overviewMotto__imgarea {
    margin-top: 60px;
  }
}

.p-overviewHistory {
  margin: 80px 0 120px 0;
}
@media screen and (max-width: 768px) {
  .p-overviewHistory {
    margin: 80px 0 80px 0;
  }
}
.p-overviewHistory__innerwrap {
  padding: 0 20px;
}
.p-overviewHistory .c-table ul {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .p-overviewHistory tbody,
  .p-overviewHistory th,
  .p-overviewHistory td {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-overviewHistory th {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-overviewHistory td {
    padding-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-overviewHistory .c-table__cell {
    font-size: calc(18 / 393 * 100vw);
  }
}

.p-overviewWellness {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-overviewWellness {
    margin-bottom: 80px;
  }
}
.p-overviewWellness__innerwrap {
  padding: 0 20px;
}

.p-overviewWellnessContents__innerwrap {
  margin-top: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__innerwrap {
    margin-top: 56px;
    margin-bottom: 80px;
  }
}
.p-overviewWellnessContents__orderList {
  margin-top: 80px;
  padding-left: 0;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__orderList {
    padding-left: 0;
    margin-top: 40px;
  }
}
.p-overviewWellnessContents__orderItems:nth-child(n+2) {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__orderItems:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-overviewWellnessContents__imgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 78px;
  margin-top: 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__imgarea {
    display: block;
    margin-top: 40px;
  }
}
.p-overviewWellnessContents__imgareawrap {
  width: calc((100% - 78px) / 2);
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__imgareawrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__imgareawrap:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-overviewWellnessContents__imgTitle {
  font-size: 20px;
  line-height: 2;
  margin-top: 40px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__imgTitle {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
    margin-top: 20px;
  }
}
.p-overviewWellnessContents__imgText {
  margin-top: 20px;
}

.p-initiativesContent:nth-child(n+2) {
  margin-top: 80px;
}

.p-overviewWellnessContents__imgTitle.certified {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-overviewWellnessContents__imgTitle.certified {
    margin-top: 20px;
  }
}

.p-public-noticeContents {
  margin: 80px 0 120px 0;
}
.p-public-noticeContents__text {
  font-size: 20px;
  line-height: 2;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-public-noticeContents__text {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}
.p-public-noticeContents__detailbutton {
  width: 100%;
}
.p-public-noticeContents__detailbutton:nth-child(n+2) {
  margin-top: 25px;
}
@media screen and (min-width: 769px) {
  .p-public-noticeContents__detailbutton .c-btn:hover span:nth-child(2) {
    border: none;
  }
  .p-public-noticeContents__detailbutton .c-btn:hover .p-public-noticeContents__texticonwrap {
    border-right: 1px solid #ffffff;
  }
  .p-public-noticeContents__detailbutton .c-btn:hover .p-public-noticeContents__dateText {
    color: #ffffff;
  }
  .p-public-noticeContents__detailbutton .c-btn:hover .p-public-noticeContents__hyphen {
    color: #ffffff;
  }
  .p-public-noticeContents__detailbutton .c-btn:hover .p-public-noticeContents__imgtransparent {
    opacity: 1;
  }
}
.p-public-noticeContents__detail {
  width: 100%;
  padding: 11.5px 20px;
}
@media screen and (max-width: 768px) {
  .p-public-noticeContents__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 7px 12px 7px 30px;
  }
  .p-public-noticeContents__detail::after {
    content: "";
    display: block;
    clip-path: polygon(0 0, 0 100%, 85% 50%);
    background-color: #00a7c4;
    height: 16px;
    width: 16px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 20px;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
}
.p-public-noticeContents__texticonwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  width: 38%;
  border-right: 1px solid #00a7c4;
  text-align: center;
  -webkit-transition: border 0.4s ease;
  transition: border 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-public-noticeContents__texticonwrap {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: none;
    border-bottom: 1px solid #00a7c4;
    padding-bottom: 10px;
  }
}
.p-public-noticeContents__imgarea {
  display: inline-block;
  position: relative;
}
.p-public-noticeContents__imgwhite {
  display: block;
}
.p-public-noticeContents__imgtransparent {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-public-noticeContents__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 62%;
  color: #000000;
  font-weight: 400;
  padding-left: 130px;
}
@media screen and (max-width: 768px) {
  .p-public-noticeContents__date {
    padding-left: 0;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-public-noticeContents__date::after {
  content: "";
  display: block;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 16px;
  width: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-public-noticeContents__date::after {
    display: none;
  }
}
.p-public-noticeContents__hyphen {
  padding: 0 10px;
  color: #000000;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.p-public-noticeContents__dateText {
  color: #000000;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-public-noticeContents__dateText {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}
.p-public-noticeContents__spwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-public-noticeContents__spwrap {
    display: block;
  }
}

.p-messageContents__innerwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 78px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 77px;
  margin-bottom: 108px;
}
@media screen and (max-width: 768px) {
  .p-messageContents__innerwrap {
    display: block;
    margin-top: 56px;
    margin-bottom: 94px;
  }
}
.p-messageContents__imgarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 568px;
          flex: 1 1 568px;
}
.p-messageContents__imgarea img {
  border-radius: 10px;
}
.p-messageContents__textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 514px;
          flex: 1 1 514px;
}
.p-messageContents__textarea p:nth-child(2),
.p-messageContents__textarea p:nth-child(3),
.p-messageContents__textarea p:nth-child(4) {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-messageContents__textarea {
    margin-top: 32px;
  }
}
.p-messageContents__subTitle {
  margin-bottom: 32px;
}
.p-messageContents__nametagArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 43px;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .p-messageContents__nametagArea {
    margin-top: 59px;
  }
}
.p-messageContents__nameBox {
  width: 196px;
  height: 55px;
}
@media screen and (max-width: 768px) {
  .p-messageContents__nameBox {
    width: 166px;
    height: 47px;
  }
}
.p-messageContents__subTitle {
  font-size: 32px;
  line-height: 1.6;
  margin-top: 0;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-messageContents__subTitle {
    font-size: calc(26 / 393 * 100vw);
  }
}

.p-plantContents__eachplant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 99px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 80px;
}
.p-plantContents__eachplant:nth-child(n+2) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-plantContents__eachplant:nth-child(n+2) {
    margin-top: 80px;
  }
}
.p-plantContents__eachplant:last-child {
  margin-bottom: 122px;
}
@media screen and (max-width: 768px) {
  .p-plantContents__eachplant:last-child {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .p-plantContents__eachplant {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 30px;
  }
}
.p-plantContents__imgarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 455px;
          flex: 1 1 455px;
}
.p-plantContents__imgarea img {
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .p-plantContents__imgarea {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.p-plantContents__textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 606px;
          flex: 1 1 606px;
}
@media screen and (max-width: 768px) {
  .p-plantContents__textarea {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.p-plantContents__address {
  margin: 20px 0 0 0;
}
.p-plantContents__addressarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-plantContents__telarea {
  margin: 20px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-plantContents__telarea {
    width: 60%;
  }
}
.p-plantContents__telareaBoxHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 200px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-plantContents__telareaBoxHead p {
  margin: 0 0;
}
@media screen and (max-width: 768px) {
  .p-plantContents__telareaBoxHead {
    width: 100%;
  }
}
.p-plantContents__telareaBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 155px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-plantContents__telareaBox p {
  margin: 0 0;
}
@media screen and (max-width: 768px) {
  .p-plantContents__telareaBox {
    width: 70%;
  }
}
.p-plantContents__telheadingTitle {
  font-size: 20px;
  line-height: 2;
  font-weight: bold;
  color: #00a7c4;
  margin: 0 0;
}
.p-plantContents__headqurterTelnum {
  color: #000000;
}
.p-plantContents__KawasakiTelnum {
  color: #000000;
}

.p-siteLink {
  margin-top: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-siteLink {
    margin-bottom: 80px;
  }
}
.p-siteLink__eachsection:nth-child(n+2) {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .p-siteLink__eachsection:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-siteLink__Title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-siteLink__Title span::after {
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 24px;
  width: 24px;
  margin-left: 25px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-siteLink__Title span::after {
    height: 18px;
    width: 18px;
  }
}
.p-siteLink__Title span.requirements::after {
  display: none;
}
.p-siteLink__Title:hover span::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
@media screen and (max-width: 768px) {
  .p-siteLink__Title:hover span::after {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}
.p-siteLink__TitleLink {
  color: #000000;
}
.p-siteLink__thirdlayerwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-siteLink__thirdlayerwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.p-siteLink__thirdlayerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  list-style: none;
  padding-left: 0px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-siteLink__thirdlayerList {
    gap: 20px;
  }
}
.p-siteLink__thirdlayerListRequirements {
  list-style: none;
  padding-left: 0px;
  margin: 0;
}
.p-siteLink__thirdlayerItem {
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-siteLink__thirdlayerItem {
    margin-top: 10px;
    width: 100%;
  }
}
.p-siteLink__thirdlayerText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .p-siteLink__thirdlayerText {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-siteLink__thirdlayerText::after {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 16px;
  width: 16px;
  margin-left: 15px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.p-siteLink__thirdlayerText:hover::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
@media screen and (max-width: 768px) {
  .p-siteLink__thirdlayerText:hover::after {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}

@media screen and (max-width: 768px) {
  .p-siteLink__thirdlayerText.c-h6Title {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}

@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerwrap.c-requirements {
    display: block;
    width: 100%;
    margin-top: 40px;
    -webkit-columns: unset;
       -moz-columns: unset;
            columns: unset;
  }
}

.p-siteLinkRecruit__thirdlayerList.c-requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerList.c-requirements {
    width: 100%;
    row-gap: 20px;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    margin-bottom: 20px;
    -webkit-column-gap: 7.5px;
       -moz-column-gap: 7.5px;
            column-gap: 7.5px;
  }
}

@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerItem.c-requirements {
    width: 48.9%;
  }
}

.p-siteLinkRecruit__thirdlayerText.c-requirements::after {
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  clip-path: polygon(15% 0, 15% 100%, 100% 50%);
  background-color: #00a7c4;
  height: 16px;
  width: 16px;
  margin-left: 15px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerText.c-requirements::after {
    margin-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitBody {
    background-image: url("/assets/img/recruit/bg_data_body_sp_recruit.png");
    background-size: cover;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitBody__requirements {
    background-image: url("/assets/img/recruit/bg_data_body_sp_requirements.svg");
    background-size: cover;
  }
}

.p-recruitBody.is-fixed {
  overflow: hidden;
}

.p-recruitFv {
  padding: 103px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-recruitFv {
    padding: 38px 0 0 0;
  }
}
.p-recruitFv__imgarea {
  position: relative;
  width: 100%;
  aspect-ratio: 1160/445;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__imgarea {
    aspect-ratio: 353/489;
  }
}
.p-recruitFv__imgarea .p-recruitFv__imgBox01 {
  position: absolute;
  top: 0;
  left: 19.3103448276%;
  width: 42.4137931034%;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__imgarea .p-recruitFv__imgBox01 {
    width: 100%;
    left: 0;
    top: 23.7218813906%;
  }
}
.p-recruitFv__imgarea .p-recruitFv__imgBox02 {
  position: absolute;
  bottom: 0;
  right: 15.5172413793%;
  width: 25.6896551724%;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__imgarea .p-recruitFv__imgBox02 {
    width: 47.8753541076%;
    right: 0;
    top: 71.1656441718%;
  }
}
.p-recruitFv__imgarea .p-recruitFv__imgBox03 {
  position: absolute;
  top: 3.1460674157%;
  right: 6.3793103448%;
  width: 19.8275862069%;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__imgarea .p-recruitFv__imgBox03 {
    width: 37.6770538244%;
    left: 11.3314447592%;
    top: 0;
  }
}
.p-recruitFv__imgarea .p-recruitFv__imgBox04 {
  position: absolute;
  bottom: 6.2921348315%;
  left: 0;
  width: 16.724137931%;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__imgarea .p-recruitFv__imgBox04 {
    width: 37.6770538244%;
    left: 3.9660056657%;
    bottom: 0;
  }
}
.p-recruitFv__imgarea .p-recruitFv__imgBox05 {
  position: absolute;
  left: 2.5862068966%;
  top: 22.2471910112%;
  width: 11.4655172414%;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__imgarea .p-recruitFv__imgBox05 {
    width: 29.178470255%;
    left: 70.821529745%;
    top: 2.2662889518%;
  }
}
.p-recruitFv__textarea {
  background-color: rgba(0, 167, 196, 0.15);
  border-radius: 20px;
  margin-top: 81px;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__textarea {
    margin-top: 40px;
  }
}
.p-recruitFv__textareaInner {
  max-width: 757px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__textareaInner {
    padding: 30px 15px 30px 24px;
  }
}
.p-recruitFv__motto {
  font-size: 48px;
  line-height: 1.8;
  font-weight: bold;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__motto {
    font-size: calc(26 / 393 * 100vw);
    line-height: 1.6;
    text-align: left;
  }
}
.p-recruitFv__text {
  font-size: 20px;
  line-height: 2.6;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__text {
    font-size: calc(18 / 393 * 100vw);
    line-height: 2.1;
  }
}
.p-recruitFv__text:nth-child(n+2) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitFv__text:nth-child(n+2) {
    margin-top: 50px;
  }
}

.p-recruitData {
  position: relative;
}
.p-recruitData__innerwrap {
  padding: 80px 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__innerwrap {
    padding-bottom: 40px;
  }
}
.p-recruitData__tag {
  position: relative;
  font-size: 14px;
  line-height: 2;
  color: #ffffff;
  background-color: #00a7c4;
  width: 62px;
  text-align: center;
  margin: 0 0 4px 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData__tag {
    font-size: calc(12 / 393 * 100vw);
    width: 56px;
  }
}
.p-recruitData__tag::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 26px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 10px solid #00a7c4;
}
.p-recruitData__title {
  font-weight: bold;
}
.p-recruitData__caption {
  font-size: 14px;
  line-height: 2;
  font-weight: 400;
  margin-left: 10px;
}
@media (max-width: 845px) {
  .p-recruitData__caption {
    display: block;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData__caption {
    font-size: calc(12 / 393 * 100vw);
    margin-top: 6px;
  }
}
.p-recruitData__contentsinnerwrap {
  margin-top: 40px;
}
.p-recruitData__boxgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 21px;
  max-width: 865px;
}
@media (max-width: 1190px) {
  .p-recruitData__boxgroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitData__boxgroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.p-recruitData__databox {
  border-radius: 10px;
  width: calc((100% - 21px) / 2);
  border: 2px solid #00a7c4;
  padding: 20px 36px;
  min-height: 405px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databox {
    width: 100%;
    padding: 17px 27px;
    min-height: 339px;
  }
}
.p-recruitData__databoxtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 2px solid #afafaf;
}
.p-recruitData__databoxtitle::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #00a7c4;
  border-radius: 50%;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoxtitle::before {
    margin-right: 8px;
  }
}
.p-recruitData__databoximgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoximgarea {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-left: 4px;
    margin-right: 27px;
    gap: 31px;
  }
}
.p-recruitData__databoxanswerbox {
  line-height: 1.6;
}
.p-recruitData__databoxanswerarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 17px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoxanswerarea {
    margin: 13px 0 0 0;
  }
}
.p-recruitData__databoxanswerdesc {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoxanswerdesc {
    font-size: calc(14 / 393 * 100vw);
  }
}
.p-recruitData__databoxanswervalue {
  font-size: 70px;
  line-height: 1;
  font-weight: bold;
  color: #00a7c4;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoxanswervalue {
    font-size: calc(50 / 393 * 100vw);
  }
}
.p-recruitData__databoxanswerunit {
  font-size: 35px;
  line-height: 1.6;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoxanswerunit {
    font-size: calc(25 / 393 * 100vw);
  }
}
.p-recruitData__databoxnotes {
  font-size: 14px;
  line-height: 2;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-recruitData__databoxnotes {
    font-size: calc(12 / 393 * 100vw);
    line-height: 2;
  }
}

.p-recruitVoice {
  background-image: url("/assets/img/recruit/bg_data_voice.svg");
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice {
    background-image: url("/assets/img/recruit/bg_data_voice_sp.svg");
  }
}
.p-recruitVoice__innerwrap {
  padding: 80px 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__innerwrap {
    padding: 40px 37px 40px 20px;
  }
}
.p-recruitVoice__tag {
  position: relative;
  font-size: 14px;
  line-height: 2;
  color: #ffffff;
  background-color: #00a7c4;
  max-width: 62px;
  padding: 0 10px;
  text-align: center;
  margin: 0 0 4px 0;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__tag {
    font-size: calc(12 / 393 * 100vw);
    max-width: 88px;
  }
}
@media (max-width: 393px) {
  .p-recruitVoice__tag {
    max-width: 56px;
  }
}
.p-recruitVoice__tag::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 26px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 10px solid #00a7c4;
}
.p-recruitVoice__title {
  font-weight: bold;
}
.p-recruitVoice__contentsinnerwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 44px;
  max-width: 864px;
  margin-top: 40px;
}
@media (max-width: 1190px) {
  .p-recruitVoice__contentsinnerwrap {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__contentsinnerwrap {
    display: block;
  }
}
.p-recruitVoice__box {
  padding-left: 40px;
  width: calc((100% - 44px) / 2);
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__box {
    width: 100%;
    padding-left: 17px;
  }
  .p-recruitVoice__box:nth-child(n+2) {
    margin-top: 20px;
  }
}
.p-recruitVoice__imgarea {
  position: relative;
}
.p-recruitVoice__number {
  color: #00a7c4;
}
.p-recruitVoice__imgbox {
  max-width: 370px;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__imgbox {
    width: 100%;
    max-width: none;
  }
}
.p-recruitVoice__imgbox img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 267px;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__imgbox img {
    height: 230px;
  }
}
.p-recruitVoice__imgtitle1wrap {
  position: absolute;
  bottom: 10px;
  left: -40px;
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 0;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__imgtitle1wrap {
    font-size: calc(14 / 393 * 100vw);
    left: -17px;
    bottom: 4px;
    max-width: 100%;
  }
}
.p-recruitVoice__imgtitle1wrapModal {
  font-size: 24px;
  line-height: 2;
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 0;
  max-width: 100%;
  color: #00a7c4;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__imgtitle1wrapModal {
    position: unset;
    font-size: calc(18 / 393 * 100vw);
    left: -17px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__imgtitle1wrapModal .p-recruitVoice__imgtitle1 {
    background-color: transparent;
    padding-left: 0;
  }
}
.p-recruitVoice__imgtitle1 {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: #ffffff;
  padding-left: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-right: 10px;
}
.p-recruitVoice__imgtitle2 {
  position: absolute;
  bottom: 10px;
  left: -40px;
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  background-color: #ffffff;
  padding: 0 0 0 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__imgtitle2 {
    font-size: calc(14 / 393 * 100vw);
    left: -17px;
  }
}
.p-recruitVoice__textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__textarea {
    margin-top: 11px;
  }
}
.p-recruitVoice__text {
  font-weight: bold;
  margin: 0;
}
.p-recruitVoice__text span.departmentName {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitVoice__text span.departmentName {
    margin-left: 15px;
  }
}
.p-recruitVoice__iconbox {
  border-radius: 50px;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-recruitLink__innerwrap {
  padding: 120px 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__innerwrap {
    padding: 40px 20px 80px 20px;
  }
}
.p-recruitLink__firstrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__firstrow {
    display: block;
  }
}
.p-recruitLink__firstrow .p-recruitLink__box {
  position: relative;
  width: calc((100% - 20px) / 2);
  background-color: #00a7c4;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__firstrow .p-recruitLink__box {
    width: 100%;
  }
  .p-recruitLink__firstrow .p-recruitLink__box:nth-child(n+2) {
    margin-top: 20px;
  }
}
.p-recruitLink__secondrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 21px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__secondrow {
    display: block;
  }
}
.p-recruitLink__secondrow .p-recruitLink__box {
  position: relative;
  width: calc((100% - 42px) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__secondrow .p-recruitLink__box {
    width: 100%;
  }
  .p-recruitLink__secondrow .p-recruitLink__box:nth-child(n+2) {
    margin-top: 20px;
  }
}
.p-recruitLink__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  padding: 30px 0;
  width: 100%;
  background-color: #00a7c4;
  border-radius: 10px;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__item {
    padding: 17px 0;
  }
}
@media screen and (min-width: 769px) {
  .p-recruitLink__item:hover {
    background-color: #306294;
  }
  .p-recruitLink__item:hover::after {
    -webkit-transform: rotate(45deg) translateY(2px) translateX(3px) skew(5deg, 5deg);
            transform: rotate(45deg) translateY(2px) translateX(3px) skew(5deg, 5deg);
  }
}
.p-recruitLink__item::after {
  position: absolute;
  content: "";
  right: 40px;
  bottom: 0;
  top: -6px;
  margin: auto 0;
  width: 12px;
  height: 12px;
  border-right: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  -webkit-transform: rotate(45deg) translateY(5px) translateX(0px) skew(5deg, 5deg);
          transform: rotate(45deg) translateY(5px) translateX(0px) skew(5deg, 5deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.p-recruitLink__text {
  position: relative;
}

.c-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-modal-container {
  position: fixed;
  top: 10px;
  bottom: 10px;
  left: 50%;
  width: calc(100% - 40px);
  max-width: 1160px;
  height: auto;
  background: rgb(247, 247, 247);
  z-index: 1010; /* 最前面に表示 */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 20px;
  overflow-y: auto;
  padding: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .c-modal-container {
    padding: 0 20px 73px 20px;
    width: 100%;
    top: 0;
    bottom: 0;
  }
}

.c-modal__content {
  position: relative;
  padding: 80px 6% 80px 7%;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .c-modal__content {
    padding: 80px 0 0 0;
  }
}

.c-modal-overlay.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* または block */
  visibility: visible; /* 表示させる */
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
}

.c-modal__headingarea {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 768px) {
  .c-modal__headingarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .c-modal__headingtextarea {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.c-modal__headingtitle {
  color: #00a7c4;
}
.c-modal__headingtitlewrap {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-modal__headingtitlewrap {
    margin-top: 30px;
    position: unset;
  }
}
.c-modal__headingtextwrap {
  margin-top: 40px;
  max-width: 28.3%;
}
@media screen and (max-width: 768px) {
  .c-modal__headingtextwrap {
    margin-top: 30px;
    max-width: unset;
  }
}
.c-modal__headingtext {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-modal__headingtext {
    font-size: calc(14 / 393 * 100vw);
    line-height: 1.8;
  }
}
.c-modal__headingtext span.departmentName {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .c-modal__headingtext span.departmentName {
    margin-left: 15px;
  }
}
.c-modal__headingtext span.personName {
  font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-modal__headingtext span.personName {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}
.c-modal__headingimgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 71.7%;
}
@media screen and (max-width: 768px) {
  .c-modal__headingimgarea {
    width: 100%;
  }
}
.c-modal__headingimgarea .c-modal__headingimgbox img.u-pc {
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .c-modal__headingimgarea .c-modal__headingimgbox img.u-pc {
    height: 434px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.c-modal__headingimgarea .c-modal__headingimgbox img.u-sp {
  border-radius: 15px;
}
.c-modal__close {
  position: fixed;
  z-index: 1020;
  top: 20px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .c-modal__close {
    top: 20px;
    right: 20px;
  }
}
.c-modal__voicearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .c-modal__voicearea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: unset;
    margin-top: 40px;
  }
}
.c-modal__voiceimgarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 518px;
          flex: 1 1 518px;
}
@media screen and (max-width: 768px) {
  .c-modal__voiceimgarea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
.c-modal__voiceimgbox {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .c-modal__voiceimgbox {
    margin-top: 30px;
  }
}
.c-modal__voiceimgbox img {
  border-radius: 15px;
}
.c-modal__voicetextarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 442px;
          flex: 1 1 442px;
}
@media screen and (max-width: 768px) {
  .c-modal__voicetextarea {
    display: contents;
  }
}
.c-modal__voiceheadingtitle {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c-modal__voiceheadingtitle {
    line-height: 1.6;
  }
}
.c-modal__voiceheadingtitlewrap {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .c-modal__voiceheadingtitlewrap {
    margin-top: 20px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.c-modal__voiceheadingtext {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .c-modal__voiceheadingtext {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.c-modal__voicequestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 2;
  color: #00a7c4;
}
.c-modal__voicequestion::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #00a7c4;
  border-radius: 50%;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .c-modal__voicequestion::before {
    margin-right: 8px;
  }
}
@media screen and (max-width: 768px) {
  .c-modal__voicequestion {
    font-size: calc(12 / 393 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .c-modal__voiceheadingtext {
    margin-top: 30px;
  }
}

.c-flexReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-flexReverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-recruitStickynav {
  position: relative;
}
.p-recruitStickynav__innerwrap {
  position: absolute;
  top: 80px;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-recruitStickynav__innerwrap {
    display: none;
  }
}
.p-recruitStickynav__stickywrap {
  position: sticky;
  top: 105px;
  right: 0;
  z-index: 80;
  background-color: #e8f3f5;
  width: 313px;
  padding: 40px 60px 40px 30px;
  border-radius: 10px 0 0 10px;
}
.p-recruitStickynav__menutitle {
  font-weight: bold;
}
.p-recruitStickynav__menuList {
  list-style: none;
  padding-left: 0;
  margin: 16px 0 0 0;
}
.p-recruitStickynav__menuLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
  line-height: 2;
  font-weight: bold;
  color: #000000;
}
.p-recruitStickynav__menuLink.is-active {
  color: #00a7c4;
}
.p-recruitStickynav__menuLink .p-recruitStickynav__menuLinkTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-recruitStickynav__menuLink .p-recruitStickynav__menuLinkTitle::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #d9d9d9;
  border-radius: 50%;
  margin-right: 10px;
}
.p-recruitStickynav__menuLink.is-active .p-recruitStickynav__menuLinkTitle::before {
  background-color: #00a7c4;
}
.p-recruitStickynav__menuLink .p-recruitStickynav__menuLinkArrow::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #000000;
  border-top: 2px solid #000000;
  -webkit-transform: rotate(135deg) skew(3deg, 3deg);
          transform: rotate(135deg) skew(3deg, 3deg);
}
.p-recruitStickynav__menuLink.is-active .p-recruitStickynav__menuLinkArrow::after {
  border-right: 2px solid #00a7c4;
  border-top: 2px solid #00a7c4;
}
.p-recruitStickynav__menuLink .p-recruitStickynav__menuLinkArrowBlank::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #000000;
  border-top: 2px solid #000000;
  -webkit-transform: rotate(45deg) skew(3deg, 3deg);
          transform: rotate(45deg) skew(3deg, 3deg);
}
.p-recruitStickynav__menuLink.is-active .p-recruitStickynav__menuLinkArrowBlank::after {
  border-right: 2px solid #00a7c4;
  border-top: 2px solid #00a7c4;
}
.p-recruitStickynav__menuItem:nth-child(n+2) {
  margin-top: 20px;
}
.p-recruitStickynav__button {
  margin-top: 30px;
}
.p-recruitStickynav__menuLinkbutton {
  display: block;
  text-align: center;
  color: #ffffff;
  background-color: #00a7c4;
  padding: 10px 50px;
  width: 100%;
  border-radius: 10px;
}

.fadein__stickynav {
  opacity: 0;
  /* 60px下から開始 */
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  /* 1.2秒かけて、最初は速く最後はゆっくり（ease-out系）動かす */
  -webkit-transition: opacity 1.2s ease-out, -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1.2s ease-out, -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity; /* ブラウザに描画を最適化させる */
}

.fadein__stickynav.show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-recruitRequirements {
  padding-bottom: 48px;
}

.p-recruitRequirements__contentswrap .c-table__cell {
  padding-left: 0;
}
.p-recruitRequirements__contentswrap .p-recruitRequirements__contentsLinkButton {
  text-align: center;
  margin-top: 40px;
}
.p-recruitRequirements__contentswrap .p-recruitRequirements__contentsLink {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  color: #000000;
}

.p-recruitRequirements .m-recruit__bggray {
  background-color: #afafaf;
  pointer-events: none;
}

.c-schedule {
  text-align: center;
  max-width: 840px;
  margin: 80px auto 0 auto;
  background-color: #e8f3f5;
  border-radius: 10px;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .c-schedule {
    padding: 30px 36px;
  }
}

.c-schedule__title {
  font-size: 24px;
  line-height: 2;
  font-weight: 700;
  color: #00a7c4;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
  .c-schedule__title {
    font-size: calc(18 / 393 * 100vw);
  }
}

dl.c-schedule__list {
  margin: auto;
  display: table;
}

dt.c-schedule__time {
  display: table-cell;
  width: 80px;
  text-align: left;
  font-size: 20px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  dt.c-schedule__time {
    font-size: calc(16 / 393 * 100vw);
  }
}

dd.c-schedule__task {
  display: table-cell;
  text-align: left;
  font-size: 20px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  dd.c-schedule__task {
    font-size: calc(16 / 393 * 100vw);
  }
}

.p-recruitLayerTitle {
  padding-top: 110px;
}
@media screen and (max-width: 768px) {
  .p-recruitLayerTitle {
    padding-top: 56px;
  }
}

.p-recruitbgwrap {
  position: relative;
  margin-top: 105px;
}
@media screen and (max-width: 768px) {
  .p-recruitbgwrap {
    margin-top: 72px;
  }
}
.p-recruitbgwrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/img/recruit/bg_data_body.png);
  background-size: cover;
  z-index: -20;
}
@media screen and (max-width: 768px) {
  .p-recruitbgwrap::before {
    background-image: none;
  }
}

.p-siteLinkRecruit {
  margin-top: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit {
    margin-bottom: 60px;
  }
}
.p-siteLinkRecruit__eachsection:nth-child(n+2) {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__eachsection:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-siteLinkRecruit__Title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-siteLinkRecruit__Title span::after {
  content: "";
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 24px;
  width: 24px;
  margin-left: 25px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__Title span::after {
    height: 18px;
    width: 18px;
  }
}
.p-siteLinkRecruit__Title span.requirements::after {
  display: none;
}
.p-siteLinkRecruit__Title:hover span::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__Title:hover span::after {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}
.p-siteLinkRecruit__TitleLink {
  color: #000000;
}
.p-siteLinkRecruit__thirdlayerwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerwrap {
    display: block;
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    width: 100%;
    margin-top: 40px;
  }
}
.p-siteLinkRecruit__thirdlayerList {
  list-style: none;
  padding-left: 0px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerList {
    display: block;
    width: 100%;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid; /* 1つの項目が途中で列をまたがないようにする */
    margin-bottom: 20px;
  }
}
.p-siteLinkRecruit__thirdlayerItem {
  list-style: none;
}
.p-siteLinkRecruit__thirdlayerText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
}
.p-siteLinkRecruit__thirdlayerText::after {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 16px;
  width: 16px;
  margin-left: 15px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerText::after {
    margin-left: 20px;
  }
}
.p-siteLinkRecruit__thirdlayerText:hover::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
@media screen and (max-width: 768px) {
  .p-siteLinkRecruit__thirdlayerText:hover::after {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
}

.p-recruitRequirementsDetail__contentswrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail__contentswrap {
    margin-top: 0px;
  }
}

.p-recruitRequirementsDetail__contentswrap .c-table__cell p {
  min-height: 1em;
  margin: 0 0;
}
@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail__contentswrap .c-table__cell p {
    margin-top: 0px;
  }
}

.p-siteLinkRecruit__thirdlayerText.c-details.active {
  color: #afafaf;
}

.p-siteLinkRecruit__thirdlayerText.c-details.active::after {
  background-color: #afafaf;
}

.p-siteLinkRecruit__thirdlayerLink.p-indexSecondlayer__link.c-details.active {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .p-animation__detailbutton.requirements {
    padding: 0;
  }
}

.p-recruitLink__box.entry {
  width: 440px;
  margin: 40px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__box.entry {
    width: 100%;
  }
}

.p-recruitLink__item.entry {
  position: relative;
}

.p-recruitLink__item.entry .p-animation__imgarea {
  position: absolute;
  right: 40px;
  bottom: 0;
  top: 40%;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__item.entry .p-animation__imgarea {
    top: 35%;
  }
}

.p-recruitLink__item.entry::after {
  display: none;
}

.p-fvSecondlayer__contactText {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__contactText {
    margin-top: 56px;
  }
}

.p-fvSecondlayer__contactsubTitle {
  font-size: 32px;
  line-height: 1.6;
  margin: 80px 0 80px 0;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__contactsubTitle {
    font-size: calc(26 / 393 * 100vw);
  }
}

.p-fvSecondlayer__contactTelarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__contactTelarea {
    display: block;
  }
}

.p-fvSecondlayer__contactTelTextbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  max-width: 160px;
  font-weight: 700;
}

.p-fvSecondlayer__contactTelNum {
  font-size: 32px;
  line-height: 1.6;
  font-weight: 400;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__contactTelNum {
    font-size: calc(26 / 393 * 100vw);
  }
}

.p-fvSecondlayer__innerwrap.contact {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__innerwrap.contact {
    margin-bottom: 80px;
  }
}

.p-recruitFaq {
  margin: 80px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-recruitFaq {
    margin: 56px 0 0 0;
  }
}

.p-recruitFaq__wrap {
  padding-bottom: 49px;
}
@media screen and (max-width: 768px) {
  .p-recruitFaq__wrap {
    margin-bottom: 80px;
    padding-bottom: 0px;
  }
}

.p-recruitFaq__accordionBox {
  padding: 20px 40px 0px 40px;
  border: 2px solid #00a7c4;
  border-radius: 10px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-recruitFaq__accordionBox {
    padding: 20px 30px 0px 20px;
  }
}

.p-recruitFaq__accordionBox:nth-child(n+2) {
  margin-top: 20px;
}

.p-recruitFaq__accordionTitle {
  font-weight: 700;
}

.p-recruitFaq__accordionQuestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0px solid #afafaf;
  padding: 0 0 20px 0;
  margin: 0 0;
  -webkit-transition: border 0.4s ease;
  transition: border 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-recruitFaq__accordionQuestion {
    gap: 30px;
  }
}

.p-recruitFaq__accordionQuestion.open {
  border-bottom: 1px solid #afafaf;
}

.p-recruitFaq__accordionIcon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  background-color: #00a7c4;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-recruitFaq__accordionIcon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 52px;
            flex: 0 0 52px;
    width: 52px;
    height: 52px;
  }
}

.p-recruitFaq__accordionIcon:before,
.p-recruitFaq__accordionIcon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 4px;
  background: #ffffff;
  border-radius: 2px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .p-recruitFaq__accordionIcon:before,
  .p-recruitFaq__accordionIcon:after {
    width: 19.5px;
  }
}

.p-recruitFaq__accordionIcon:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.p-recruitFaq__accordionIcon.open:after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

.p-recruitFaq__accordionAnswer {
  display: none;
}

.p-recruitFaq__accordionAnswer p {
  margin: 0 0;
  padding: 40px 0 40px 0;
}

.p-recruitLink__topLink {
  display: block;
  text-decoration: none;
  color: #000000;
  font-weight: 700;
  text-align: right;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitLink__topLink {
    display: none;
  }
}

.p-recruitFaq__accordionAnswer a {
  text-decoration: underline;
}

.p-newsList__innerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-newsList__innerwrap {
    margin-top: 56px;
  }
}
.p-newsList__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #afafaf;
  padding: 19px 0;
}
@media screen and (max-width: 768px) {
  .p-newsList__article {
    display: block;
  }
}
.p-newsList__date {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 128px;
          flex: 0 0 128px;
}
@media screen and (max-width: 768px) {
  .p-newsList__date {
    font-size: 18px;
    line-height: 1.8;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.p-newsList__title {
  position: relative;
  padding-right: 30px;
  margin: 0 0 0 30px;
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-newsList__title {
    font-size: 14px;
    line-height: 2;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
  }
}
.p-newsList__title.m-newsIcon__pdf::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  margin: auto;
  width: 19px;
  height: 23px;
  background: url(/assets/img/news/icon_newsList_pdf.svg) no-repeat;
  background-size: 100% auto;
}
.p-newsList__title.m-newsIcon__link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  margin: auto;
  width: 17px;
  height: 17px;
  background: url(/assets/img/news/icon_newsList_link.svg) no-repeat;
  background-size: 100% auto;
}
.p-newsList__title.m-newsIcon__blank::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  margin: auto;
  width: 17px;
  height: 17px;
  background: url(/assets/img/news/icon_newsList_blank.svg) no-repeat;
  background-size: 100% auto;
}

.p-newsDetailsection__innerwrap {
  margin-bottom: 80px;
}
.p-newsDetailsection__innerwrap .p-news__link {
  font-weight: 700;
}

.p-newsDetailDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0 70px 0;
}
@media screen and (max-width: 768px) {
  .p-newsDetailDate {
    margin: 56px 0 56px 0;
  }
}
.p-newsDetailDate::before {
  content: "";
  margin: 4px 5px 0 0;
  width: 17px;
  height: 17px;
  background: url(/assets/img/news/icon_newsList_time.svg) no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .p-newsDetailDate::before {
    margin-top: 0;
  }
}

.p-newsDetailsection__subTitle {
  margin: 80px 0 30px 0;
}
@media screen and (max-width: 768px) {
  .p-newsDetailsection__subTitle {
    margin: 70px 0 30px 0;
  }
}

.p-newsDetailsection__imgbox {
  max-width: 765px;
  margin: 80px auto 40px auto;
  border-radius: 10px;
}
.p-newsDetailsection__imgbox img {
  border-radius: 10px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-newsDetailsection__imgbox {
    max-width: none;
    width: 100%;
    margin: 40px auto 40px auto;
  }
}

.p-newsDetailsection__imgbox.c-displayCenter {
  text-align: center;
}

.p-newsDetailsection__imgbox.c-displayRight {
  text-align: right;
}

.p-newsDetailsection__imgbox.c-displayLeft {
  text-align: left;
}

.p-newsDetailsection__imgareaflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .p-newsDetailsection__imgareaflex {
    display: block;
    margin: 40px 0 40px 0;
  }
}
.p-newsDetailsection__imgareaflex .p-newsDetailsection__imgbox {
  max-width: 568px;
  margin: 80px auto 40px auto;
  border-radius: 10px;
}
.p-newsDetailsection__imgareaflex .p-newsDetailsection__imgbox img {
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .p-newsDetailsection__imgareaflex .p-newsDetailsection__imgbox {
    max-width: none;
    width: 100%;
    margin: 20px auto 20px auto;
  }
}

.p-newsDetailLink__pdf {
  position: relative;
}
.p-newsDetailLink__pdf::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto auto auto 15px;
  width: 19px;
  height: 23px;
  background: url(/assets/img/news/icon_newsList_pdf.svg) no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .p-newsDetailLink__pdf::after {
    margin: auto auto auto 10px;
  }
}

.p-newsDetailLink__link {
  position: relative;
}
.p-newsDetailLink__link::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto auto auto 15px;
  width: 17px;
  height: 17px;
  background: url(/assets/img/news/icon_newsList_link.svg) no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .p-newsDetailLink__link::after {
    margin: auto auto auto 10px;
  }
}

.p-newsDetailLink__blank {
  position: relative;
}
.p-newsDetailLink__blank::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto auto auto 15px;
  width: 17px;
  height: 17px;
  background: url(/assets/img/news/icon_newsList_blank.svg) no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .p-newsDetailLink__blank::after {
    margin: auto auto auto 10px;
  }
}

.p-newsPaginationsection {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-newsPaginationsection {
    margin-top: 40px;
  }
}
.p-newsPaginationsection .p-newsPaginationList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-newsPaginationsection .p-newsPaginationList {
    gap: 10px;
  }
}
.p-newsPaginationsection .p-newsPaginationLink {
  color: #00a7c4;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .p-newsPaginationsection .p-newsPaginationLink:hover .p-newsPaginationArrowPrevious {
    background-color: #00a7c4;
  }
  .p-newsPaginationsection .p-newsPaginationLink:hover .p-newsPaginationArrowPrevious::after {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .p-newsPaginationsection .p-newsPaginationLink:hover .p-newsPaginationArrowNext {
    background-color: #00a7c4;
  }
  .p-newsPaginationsection .p-newsPaginationLink:hover .p-newsPaginationArrowNext::after {
    background-color: #ffffff;
  }
}
.p-newsPaginationsection .p-newsPaginationArrowPrevious {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #00a7c4;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-newsPaginationsection .p-newsPaginationArrowPrevious {
    margin-right: 10px;
  }
}
.p-newsPaginationsection .p-newsPaginationArrowPrevious::after {
  content: "";
  display: block;
  position: absolute;
  clip-path: polygon(100% 0, 100% 100%, 15% 50%);
  background-color: #00a7c4;
  height: 14px;
  width: 14px;
  top: 0;
  bottom: 0;
  left: 10.5px;
  margin: auto;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
.p-newsPaginationsection .p-newsPaginationArrowNext {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #00a7c4;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media screen and (max-width: 768px) {
  .p-newsPaginationsection .p-newsPaginationArrowNext {
    margin-left: 10px;
  }
}
.p-newsPaginationsection .p-newsPaginationArrowNext::after {
  content: "";
  display: block;
  position: absolute;
  clip-path: polygon(0 0, 0 100%, 85% 50%);
  background-color: #00a7c4;
  height: 14px;
  width: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 14px;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
.p-newsPaginationsection .p-newsPagination__innerwrap {
  margin: 0 auto 80px auto;
}
.p-newsPaginationsection .p-newsPaginationNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00a7c4;
  background-color: #e8f3f5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.p-newsPaginationsection .p-newsPaginationNumber.active {
  color: #ffffff;
  background-color: #00a7c4;
}
.p-newsPaginationsection .p-newsPaginationItemDot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  padding: 0 20px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-newsPaginationsection .p-newsPaginationItemDot {
    padding: 0 0;
    gap: 3px;
    margin-top: 8px;
  }
}
.p-newsPaginationsection .p-newsPaginationItemDot .dot {
  display: block;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #000000;
}
@media screen and (max-width: 768px) {
  .p-newsPaginationsection .p-newsPaginationItemDot .dot {
    height: 3px;
    width: 3px;
  }
}

.p-newsPaginationLink.pointernone:hover {
  pointer-events: none;
}

.p-newsPaginationLinkEdge {
  color: #00a7c4;
  font-weight: 500;
}

.p-dxContents__innerwrap {
  margin-top: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-dxContents__innerwrap {
    margin-top: 56px;
    margin-bottom: 80px;
  }
}
.p-dxContents__orderList {
  margin-top: 80px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-dxContents__orderList {
    padding-left: 34px;
    margin-top: 40px;
  }
}
.p-dxContents__orderItems:nth-child(n+2) {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-dxContents__orderItems:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-dxContents__imgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 78px;
  margin-top: 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-dxContents__imgarea {
    display: block;
    margin-top: 50px;
  }
}
.p-dxContents__imgareawrap {
  width: calc((100% - 78px) / 2);
}
@media screen and (max-width: 768px) {
  .p-dxContents__imgareawrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-dxContents__imgareawrap:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-dxContents__imgTitle {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-dxContents__imgTitle {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}
.p-dxContents__imgText {
  margin-top: 20px;
}
.p-dxContents__imgText ul {
  padding-left: 30px;
}
.p-dxContents__subTitle {
  font-size: 24px;
  line-height: 2;
  font-weight: 700;
  margin-top: 40px;
}
.p-dxContents__caution {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-dxContents__caution {
    padding-left: 2em;
  }
}

.p-dxContent:nth-child(n+2) {
  margin-top: 80px;
}

.p-dxContents__imgBox img {
  border-radius: 10px;
}

.p-dxContents__text.basicpolicy {
  margin-top: 40px;
}

.p-dxContents__text.logisticssystem {
  margin-top: 20px;
}

.p-dxContents__text.orderlist {
  margin-top: 80px;
}

.p-dxContentsLargeimgarea {
  margin-top: 40px;
}

.p-dxContentsLargeimgarea__imgbox.compliance {
  text-align: center;
}

.p-dxContentsLargeimgarea__subTitle {
  margin-top: 40px;
}

.p-dxContentsLargeimgarea__caption {
  margin-top: 20px;
}

.p-dxContents__orderList.compliance {
  margin-top: 40px;
}

.p-privacy__innerwrap {
  margin: 80px auto 120px auto;
}
@media screen and (max-width: 768px) {
  .p-privacy__innerwrap {
    margin: 56px auto 80px auto;
  }
}
.p-privacy__contents {
  margin-top: 40px;
}
.p-privacy__contents p {
  margin: 0;
}
.p-privacy__eachsection:nth-child(n+2) {
  margin-top: 80px;
}

.p-privacy__phone {
  color: #000000;
}

.c-btnanchor.m-bggray {
  background-color: #afafaf;
}

.p-recruitRequirementsDetail {
  margin-top: 215px;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail {
    margin-top: 128px;
  }
}

.p-recruitRequirementsDetail__contentswrap .c-table__cell {
  padding-left: 0;
}
.p-recruitRequirementsDetail__contentswrap .p-recruitRequirementsDetail__contentsLinkButton {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail__contentswrap .p-recruitRequirementsDetail__contentsLinkButton {
    display: none;
  }
}
.p-recruitRequirementsDetail__contentswrap .p-recruitRequirementsDetail__contentsLink {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  color: #000000;
}

@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail__contentswrap th,
  td {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail__contentswrap th.c-table__header {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail__contentswrap .c-table__cell {
    border-bottom: none;
  }
}

.p-recruitRequirementsDetail__contentswrap p {
  margin: 5px 0;
}
@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail__contentswrap p {
    font-size: calc(14 / 393 * 100vw);
    line-height: 2;
    margin: 0 0;
  }
}

.p-recruitRequirementsDetail__contentswrap p.m-marginLarge {
  margin-top: 30px;
}

.p-recruitRequirementsDetail .m-recruit__bggray {
  background-color: #afafaf;
}

@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail .m-colum {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail .m-colum .c-anchorListItem__requirements {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitRequirementsDetail .c-anchorContainer {
    margin-bottom: 36px;
  }
}

.p-recruitEnvironment {
  padding-bottom: 48px;
}

.p-recruitEnvironmentMentorship {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentMentorship {
    margin-top: 56px;
  }
}

.p-recruitEnvironmentMentorshipStyle {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentMentorshipStyle {
    margin-top: 32px;
  }
}

.p-recruitEnvironmentMentorship__subTitle {
  font-size: 24px;
  line-height: 2;
  font-weight: 700;
  margin: 40px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentMentorship__subTitle {
    font-size: calc(22 / 393 * 100vw);
    line-height: 1.8;
  }
}
.p-recruitEnvironmentMentorship__text {
  margin: 40px 0 0 0;
}

.p-recruitEnvironmentMentorshipStyle__subTitle {
  font-size: 24px;
  line-height: 2;
  font-weight: 700;
  margin: 40px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentMentorshipStyle__subTitle {
    font-size: calc(22 / 393 * 100vw);
    line-height: 1.8;
  }
}
.p-recruitEnvironmentMentorshipStyle__text {
  margin: 40px 0 0 0;
}

.p-recruitEnvironmentEnablement {
  margin-top: 80px;
}

.p-recruitEnvironmentEnablement__imgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px 78px;
  margin-top: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentEnablement__imgarea {
    display: block;
  }
}
.p-recruitEnvironmentEnablement__imgareawrap {
  width: calc((100% - 78px) / 2);
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentEnablement__imgareawrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentEnablement__imgareawrap:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-recruitEnvironmentEnablement__imgTitle {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentEnablement__imgTitle {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
    font-weight: 400;
  }
}
.p-recruitEnvironmentEnablement__imgText {
  margin-top: 20px;
}
.p-recruitEnvironmentEnablement__imgBox img {
  border-radius: 10px;
}

.p-recruitEnvironmentTrainingOutline {
  margin-top: 80px;
}

.p-recruitEnvironmentTrainingOutline__subTitle {
  font-size: 16px;
  line-height: 2;
  font-weight: 700;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentTrainingOutline__subTitle {
    font-size: calc(14 / 393 * 100vw);
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .p-recruitEnvironmentTrainingOutline__subTitle.trainingList {
    margin-top: 20px;
  }
}

.p-recruitEnvironmentTrainingOutline__flowwrap {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentTrainingOutline__flowwrap {
    font-size: calc(14 / 393 * 100vw);
    margin-top: 10px;
  }
}

.p-recruitEnvironmentTrainingOutline__imgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px 78px;
  margin-top: 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentTrainingOutline__imgarea {
    display: block;
    margin-top: 40px;
  }
}
.p-recruitEnvironmentTrainingOutline__imgareawrap {
  width: calc((100% - 78px) / 2);
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentTrainingOutline__imgareawrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentTrainingOutline__imgareawrap:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-recruitEnvironmentTrainingOutline__imgTitle {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironmentTrainingOutline__imgTitle {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
  }
}
.p-recruitEnvironmentTrainingOutline__imgText {
  margin-top: 20px;
}
.p-recruitEnvironmentTrainingOutline__imgBox img {
  border-radius: 10px;
}

.p-recruitEnvironment .m-recruitEnvironment {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .p-recruitEnvironment .m-recruitEnvironment {
    margin-top: 80px;
  }
}

.p-recruitEnvironment .m-recruit__bggray {
  background-color: #afafaf;
  pointer-events: none;
}

.p-recruitEnvironmentTrainingOutline__flowwrap img {
  image-rendering: -webkit-optimize-contrast;
}

.p-initiativesContents__innerwrap {
  margin-top: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__innerwrap {
    margin-top: 56px;
    margin-bottom: 80px;
  }
}
.p-initiativesContents__orderList {
  margin-top: 80px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__orderList {
    padding-left: 34px;
    margin-top: 40px;
  }
}
.p-initiativesContents__orderItems:nth-child(n+2) {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__orderItems:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-initiativesContents__imgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 84px 78px;
  margin-top: 80px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__imgarea {
    display: block;
    margin-top: 40px;
  }
}
.p-initiativesContents__imgareawrap {
  width: calc((100% - 78px) / 2);
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__imgareawrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__imgareawrap:nth-child(n+2) {
    margin-top: 40px;
  }
}
.p-initiativesContents__imgTitle {
  font-size: 20px;
  line-height: 2;
  margin-top: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__imgTitle {
    font-size: calc(18 / 393 * 100vw);
    line-height: 1.8;
  }
}
.p-initiativesContents__imgText {
  margin-top: 20px;
}
.p-initiativesContents__imgBox img {
  border-radius: 10px;
}

.p-initiativesContent:nth-child(n+2) {
  margin-top: 80px;
}

.p-initiativesContents__subTitle {
  font-size: 24px;
  line-height: 2;
  font-weight: 700;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__subTitle {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}

.p-initiativesContents__orderList.belowsubTitle {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-initiativesContents__orderList.belowsubTitle {
    margin-top: 20px;
  }
}

sub {
  vertical-align: baseline;
}

.svgimg_safari {
  image-rendering: -webkit-optimize-contrast;
}

.p-fvSecondlayer__innerwrap.f-inner.Notfound {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-fvSecondlayer__innerwrap.f-inner.Notfound {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-fvSecondlayer__Title.c-h1Title.Notfound {
    font-weight: 700;
  }
}

.p-fvNotfound__subTitle {
  text-align: center;
  font-size: 32px;
  line-height: 1.6;
  font-weight: 400;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-fvNotfound__subTitle {
    font-size: calc(22 / 393 * 100vw);
    line-height: 1.8;
    font-weight: 700;
  }
}

.p-fvNotfound__text {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-fvNotfound__text {
    font-size: calc(14 / 393 * 100vw);
    line-height: 2;
    font-weight: 700;
  }
}

.p-recruit__detailbuttonNotfound {
  margin: 47px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .p-recruit__detailbuttonNotfound {
    display: none;
  }
}

.p-fvThirdlayer__innerwrapContents.m-fvThirdlayer__innerwrapContentsService-Overview {
  background-image: url(/assets/img/service/overview/bg_service-overview.jpg);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .p-fvThirdlayer__innerwrapContents.m-fvThirdlayer__innerwrapContentsService-Overview {
    height: 37.1501272265vw;
    min-height: 146px;
    margin-top: 56px;
  }
}

.c-anchorContainer__serviceOverview {
  margin-top: 251px;
}
@media screen and (max-width: 768px) {
  .c-anchorContainer__serviceOverview {
    margin-top: 60px;
  }
}
.c-anchorContainer__serviceOverview .c-anchorList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  gap: 20px;
  max-width: 1160px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 0;
}
@media screen and (max-width: 768px) {
  .c-anchorContainer__serviceOverview .c-anchorList {
    gap: 16px;
  }
}
.c-anchorContainer__serviceOverview .c-anchorListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% - 60px) / 4);
}
@media screen and (max-width: 768px) {
  .c-anchorContainer__serviceOverview .c-anchorListItem {
    display: block;
    width: 100%;
  }
}

.p-serviceOverviewContents__innerwrap {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverviewContents__innerwrap {
    margin-bottom: 80px;
  }
}
.p-serviceOverviewContents__Title {
  margin-top: 80px;
}
.p-serviceOverviewContents__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  margin: 40px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-serviceOverviewContents__area {
    display: block;
  }
}
.p-serviceOverviewContents__imgarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 541px;
          flex: 1 1 541px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverviewContents__imgarea {
    width: 100%;
  }
}
.p-serviceOverviewContents__textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 559px;
          flex: 1 1 559px;
}
@media screen and (max-width: 768px) {
  .p-serviceOverviewContents__textarea {
    margin-top: 20px;
  }
}
.p-serviceOverviewContents__headingtitle {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-serviceOverviewContents__headingtitle {
    font-size: calc(22 / 393 * 100vw);
    line-height: 1.8;
  }
}

.p-serviceOverviewMap__innerwrap {
  margin-top: 80px;
}

.p-mapContainer {
  position: relative;
  width: 100%;
  margin: 0 auto;
  /* --- 背景画像の設定 --- */
  background-image: url("/assets/img/service/overview/bg_serviceOverview_map.svg");
  background-size: contain; /* 画像全体を表示 */
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1160/677;
}
@media screen and (max-width: 1210px) {
  .p-mapContainer {
    width: 1160px; /* スクロールを発生させるための固定幅 */
    position: relative;
    /* 背景画像がCSS指定の場合はここにも background-size: cover 等が必要 */
  }
}
@media screen and (max-width: 768px) {
  .p-mapContainer {
    aspect-ratio: 1329/776;
    width: 1329px;
  }
}

/* ピンの共通設定（変更なし） */
.p-mapPin.inspection {
  top: 36.4%;
  right: 308.5px;
}
@media screen and (max-width: 768px) {
  .p-mapPin.inspection {
    top: 36.5%;
    right: 358px;
  }
}

.p-mapPin.loading {
  top: 58%;
  right: 335px;
}
@media screen and (max-width: 768px) {
  .p-mapPin.loading {
    top: 58%;
    right: 386px;
  }
}

.p-mapPin.filling {
  top: 30.5%;
  right: 721px;
}
@media screen and (max-width: 768px) {
  .p-mapPin.filling {
    top: 31%;
    right: 830px;
  }
}

.p-mapPin.filling2 {
  top: 35.5%;
  right: 846px;
}
@media screen and (max-width: 768px) {
  .p-mapPin.filling2 {
    top: 35.5%;
    right: 973px;
  }
}

.p-mapPin.checking {
  top: 41%;
  right: 947px;
}
@media screen and (max-width: 768px) {
  .p-mapPin.checking {
    top: 42%;
    right: 1089px;
  }
}

.p-mapPin.transfer {
  top: 62%;
  right: 676px;
}
@media screen and (max-width: 768px) {
  .p-mapPin.transfer {
    right: 780px;
  }
}

.p-mapPin:hover {
  -webkit-transform: translate(-50%, -110%);
          transform: translate(-50%, -110%);
}

/* ピンの共通設定 */
.p-mapPin {
  position: absolute;
  /* 基準位置 */
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  /* ホバー時の「一番高い位置への移動」を滑らかにする */
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.42, 0, 0.58, 1), -webkit-filter 0.2s;
  transition: -webkit-transform 0.2s cubic-bezier(0.42, 0, 0.58, 1), -webkit-filter 0.2s;
  transition: transform 0.2s cubic-bezier(0.42, 0, 0.58, 1), filter 0.2s;
  transition: transform 0.2s cubic-bezier(0.42, 0, 0.58, 1), filter 0.2s, -webkit-transform 0.2s cubic-bezier(0.42, 0, 0.58, 1), -webkit-filter 0.2s;
  z-index: 1;
  /* アニメーション：往復 */
  -webkit-animation: float 0.75s cubic-bezier(0.42, 0, 0.58, 1) infinite alternate;
          animation: float 0.75s cubic-bezier(0.42, 0, 0.58, 1) infinite alternate;
}

/* アニメーション名：float */
@-webkit-keyframes float {
  0% {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  100% {
    /* 一番高い位置 */
    -webkit-transform: translate(-50%, -115%);
            transform: translate(-50%, -115%);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  100% {
    /* 一番高い位置 */
    -webkit-transform: translate(-50%, -115%);
            transform: translate(-50%, -115%);
  }
}
/* ホバー時の設定 */
.p-mapPin:hover {
  /* ★ポイント：一時停止ではなく「解除」する */
  -webkit-animation: none;
          animation: none;
  /* 強制的に一番高い位置（-115%）かつ拡大状態にする */
  -webkit-transform: translate(-50%, -115%);
          transform: translate(-50%, -115%);
  z-index: 1;
}

.p-mapContainer .modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.p-mapContainer .modal.is-display {
  display: block;
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 100px 80px 80px 80px;
  width: calc(100% - 40px);
  max-width: 1029px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .modal-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 60px 40px 40px 40px;
    margin: 50% auto;
  }
}

.modal-content__title {
  font-size: 24px;
  line-height: 2;
  font-weight: 700;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
  .modal-content__title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: calc(22 / 393 * 100vw);
    line-height: 1.8;
    margin: 0;
    z-index: 20;
  }
}

.modal-content__textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 382px;
          flex: 1 1 382px;
}
@media screen and (max-width: 768px) {
  .modal-content__textarea {
    display: contents;
    margin-bottom: 40px;
  }
}

.modal-content__imgarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 447px;
          flex: 1 1 447px;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .modal-content__imgarea {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

@media screen and (max-width: 768px) {
  .modal-content__text {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.modal-content__imgbox img {
  border-radius: 10px;
}

.modal-icon {
  position: absolute;
  top: -75px;
  left: calc(50% - 100px);
}
@media screen and (max-width: 768px) {
  .modal-icon {
    top: -96px;
    left: calc(50% - 96px);
    z-index: 10;
  }
}

.js-scrollable {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかに */
}

.c-modal__closeOverview {
  position: absolute;
  z-index: 1020;
  top: 17px;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .c-modal__closeOverview {
    right: 20px;
  }
}

.modal-icon.filling {
  position: absolute;
  top: -77px;
  left: calc(50% - 90px);
  width: 180px;
  height: 180px;
}
@media screen and (max-width: 768px) {
  .modal-icon.filling {
    top: -96px;
    left: calc(50% - 96px);
    z-index: 10;
  }
}

.p-col2sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-col2sample > * {
  width: calc((99.9% - 0px) / 2);
  margin-right: 0px;
}
.p-col2sample > *:nth-child(2n) {
  margin-right: 0;
}
.p-col2sample > *:nth-child(n+3) {
  margin-top: 0px;
}
.p-col2sample > *:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-col2sample > * {
    width: 100%;
    margin-right: 0;
  }
  .p-col2sample > *:nth-child(n+2) {
    margin-top: 0px;
  }
}

.p-col3sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-col3sample > * {
  width: calc((99.9% - 60px) / 3);
  margin-right: 30px;
}
.p-col3sample > *:nth-child(3n) {
  margin-right: 0;
}
.p-col3sample > *:nth-child(n+4) {
  margin-top: 30px;
}
.p-col3sample > *:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-col3sample > * {
    width: 100%;
    margin-right: 0;
  }
  .p-col3sample > *:nth-child(n+2) {
    margin-top: 10px;
  }
}

.p-col4sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-col4sample > * {
  width: calc((99.9% - 90px) / 4);
  margin-right: 30px;
}
.p-col4sample > *:nth-child(4n) {
  margin-right: 0;
}
.p-col4sample > *:nth-child(n+5) {
  margin-top: 50px;
}
.p-col4sample > *:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-col4sample > * {
    width: calc((99.9% - 10px) / 2);
    margin-right: 10px;
  }
  .p-col4sample > *:nth-child(4n) {
    margin-right: 10px;
  }
  .p-col4sample > *:nth-child(2n) {
    margin-right: 0;
  }
  .p-col4sample > *:nth-child(n+3) {
    margin-top: 20px;
  }
  .p-col4sample > *:last-child {
    margin-right: 0;
  }
}

.p-col5sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-col5sample > * {
  width: calc((99.9% - 0px) / 5);
  margin-right: 0px;
}
.p-col5sample > *:nth-child(5n) {
  margin-right: 0;
}
.p-col5sample > *:nth-child(n+6) {
  margin-top: 0px;
}
.p-col5sample > *:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-col5sample > * {
    width: calc((99.9% - 0px) / 2);
    margin-right: 0px;
  }
  .p-col5sample > *:nth-child(5n) {
    margin-right: 0px;
  }
  .p-col5sample > *:nth-child(2n) {
    margin-right: 0;
  }
  .p-col5sample > *:nth-child(n+3) {
    margin-top: 0px;
  }
  .p-col5sample > *:last-child {
    margin-right: 0;
  }
}

.p-2colsample1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-2colsample1 > *:first-child {
  width: 48%;
}
.p-2colsample1 > *:last-child {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-2colsample1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-2colsample1 > * {
    width: 100% !important;
  }
}

.p-2colsample2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-2colsample2 > *:first-child {
  width: 48%;
}
.p-2colsample2 > *:last-child {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-2colsample2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-2colsample2 > * {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .p-2colsample2 > *:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.p-2colsample3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-2colsample3 > *:first-child {
  width: 40%;
}
.p-2colsample3 > *:last-child {
  width: 58%;
}
@media screen and (max-width: 768px) {
  .p-2colsample3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-2colsample3 > * {
    width: 100% !important;
  }
}

.p-2colsample4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-2colsample4 > *:first-child {
  width: 25%;
}
.p-2colsample4 > *:last-child {
  width: 73%;
}