@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 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: inherit; /* 2 */
}

address {
  font-style: inherit;
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * 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: inherit; /* 2 */
}

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/*======================================================
# Media Query
====================================================== */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
  -webkit-text-size-adjust: 100%;
}
body.is-modal-open {
  overflow: hidden;
}

main {
  overflow-x: hidden;
}

a {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
a:hover {
  opacity: 0.7;
}

.wow {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/*======================================================
# サムネイル
====================================================== */
/*======================================================
# 円
====================================================== */
/*======================================================
# アローアイコン
====================================================== */
.l-inner {
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .l-inner {
    max-width: 62.5vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-inner {
    max-width: 875px;
  }
}
@media screen and (max-width: 768px) {
  .l-inner {
    max-width: unset;
    padding: 0 20px;
  }
}

.l-inner-lg {
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .l-inner-lg {
    max-width: 66.6666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-inner-lg {
    max-width: 933.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-inner-lg {
    max-width: unset;
    padding: 0 20px;
  }
}

.l-wrap {
  min-width: 1400px;
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .l-wrap {
    min-width: unset;
    overflow-x: hidden;
  }
}

.l-header__inner {
  padding: 50px 75px;
}
@media (min-width: 1400px) {
  .l-header__inner {
    padding: 2.6041666667vw 3.90625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__inner {
    padding: 36.4583333333px 54.6875px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    padding: 20px 20px;
  }
}
.l-header__logo {
  max-width: 507px;
}
@media (min-width: 1400px) {
  .l-header__logo {
    max-width: 26.40625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__logo {
    max-width: 369.6875px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__logo {
    max-width: 200px;
  }
}
.l-header__logo img {
  width: 100%;
  height: auto;
}
.l-header__buttons {
  position: fixed;
  top: 59px;
  right: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 27px;
  z-index: 90;
}
@media (min-width: 1400px) {
  .l-header__buttons {
    top: 3.0729166667vw;
    right: 10.4166666667vw;
    gap: 1.40625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__buttons {
    top: 43.0208333333px;
    right: 145.8333333333px;
    gap: 19.6875px;
  }
}
@media screen and (max-width: 1130px) {
  .l-header__buttons {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header__buttons {
    display: none;
  }
}
.l-header__button {
  background-color: #fff;
  width: 231px;
  height: 58px;
  font-size: 18px;
  font-weight: 700;
  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;
  border-radius: 50px;
  border: 2px solid;
  -webkit-box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
          box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
}
@media (min-width: 1400px) {
  .l-header__button {
    width: 12.03125vw;
    height: 3.0208333333vw;
    font-size: 0.9375vw;
    -webkit-box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__button {
    width: 168.4375px;
    height: 42.2916666667px;
    font-size: 13.125px;
    -webkit-box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
  }
}
.l-header__open {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ED5500;
  width: 100%;
  height: 100%;
  z-index: 999;
  padding: 50px 76px;
  overflow-y: scroll;
  display: none;
}
@media (min-width: 1400px) {
  .l-header__open {
    padding: 2.6041666667vw 3.9583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open {
    padding: 36.4583333333px 55.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open {
    padding: 20px 20px;
  }
}
.l-header__open--logo {
  width: 507px;
  display: block;
}
@media (min-width: 1400px) {
  .l-header__open--logo {
    width: 26.40625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--logo {
    width: 369.6875px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--logo {
    width: 200px;
  }
}
.l-header__open--logo img {
  width: 100%;
  height: auto;
}
.l-header__open--contents {
  border: 6px solid;
  background-color: #fff;
  width: 1394px;
  margin: 150px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 132px 10px;
  width: 100%;
}
@media (min-width: 1400px) {
  .l-header__open--contents {
    border: 0.3125vw solid;
    width: 72.6041666667vw;
    margin: 7.8125vw auto 0;
    padding: 6.875vw 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--contents {
    border: 4.375px solid;
    width: 1016.4583333333px;
    margin: 109.375px auto 0;
    padding: 96.25px 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--contents {
    padding: 30px 10px;
    margin: 40px auto 0;
    width: 100%;
  }
}
.l-header__open--contentsinner {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 62px;
  width: 100%;
}
@media (min-width: 1400px) {
  .l-header__open--contentsinner {
    max-width: 62.5vw;
    gap: 3.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--contentsinner {
    max-width: 875px;
    gap: 45.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--contentsinner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
.l-header__open--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  width: 695px;
}
@media (min-width: 1400px) {
  .l-header__open--head {
    gap: 1.8229166667vw;
    width: 36.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--head {
    gap: 25.5208333333px;
    width: 506.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 20px;
  }
}
.l-header__open--nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 42px;
}
@media (min-width: 1400px) {
  .l-header__open--nav {
    gap: 2.1875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--nav {
    gap: 30.625px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--nav {
    gap: 22px;
  }
}
.l-header__open--navitem > a {
  width: 330px;
  font-size: 30px;
  line-height: 1.0666666667;
  font-weight: 700;
  border-bottom: 5px solid;
  position: relative;
  display: block;
  padding: 20px 11px 35px 11px;
}
@media (min-width: 1400px) {
  .l-header__open--navitem > a {
    width: 17.1875vw;
    font-size: 1.5625vw;
    line-height: 1.0666666667;
    border-bottom: 0.2604166667vw solid;
    padding: 1.0416666667vw 0.5729166667vw 1.8229166667vw 0.5729166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--navitem > a {
    width: 240.625px;
    font-size: 21.875px;
    line-height: 1.0666666667;
    border-bottom: 3.6458333333px solid;
    padding: 14.5833333333px 8.0208333333px 25.5208333333px 8.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--navitem > a {
    width: 100%;
    font-size: 16px;
    padding: 10px 11px 25px 11px;
  }
}
.l-header__open--navitem > a::after {
  position: absolute;
  content: "";
  background-image: url("../images/common/bread-arrow.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 28px;
  height: 26px;
}
@media (min-width: 1400px) {
  .l-header__open--navitem > a::after {
    right: 0.5729166667vw;
    width: 1.4583333333vw;
    height: 1.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--navitem > a::after {
    right: 8.0208333333px;
    width: 20.4166666667px;
    height: 18.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--navitem > a::after {
    width: 18px;
    height: 16px;
  }
}
.l-header__open--navchild {
  padding: 30px 20px 0;
  margin-bottom: -16px;
}
@media (min-width: 1400px) {
  .l-header__open--navchild {
    padding: 1.5625vw 1.0416666667vw 0;
    margin-bottom: -0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--navchild {
    padding: 21.875px 14.5833333333px 0;
    margin-bottom: -11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--navchild {
    padding: 20px 20px 10px;
  }
}
.l-header__open--navchild a {
  font-size: 26px;
  line-height: 1.5384615385;
  font-weight: 600;
  padding-left: 33px;
  position: relative;
}
@media (min-width: 1400px) {
  .l-header__open--navchild a {
    font-size: 1.3541666667vw;
    line-height: 1.5384615385;
    padding-left: 1.71875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--navchild a {
    font-size: 18.9583333333px;
    line-height: 1.5384615385;
    padding-left: 24.0625px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--navchild a {
    font-size: 14px;
  }
}
.l-header__open--navchild a::after {
  position: absolute;
  content: "▶︎";
  font-size: 16px;
  left: 0;
  top: 7px;
}
@media (min-width: 1400px) {
  .l-header__open--navchild a::after {
    font-size: 0.8333333333vw;
    top: 0.3645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--navchild a::after {
    font-size: 11.6666666667px;
    top: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--navchild a::after {
    font-size: 14px;
    top: 0%;
  }
}
.l-header__open--body {
  width: 441px;
}
@media (min-width: 1400px) {
  .l-header__open--body {
    width: 22.96875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--body {
    width: 321.5625px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--body {
    width: 100%;
  }
}
.l-header__open--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px 13px;
  border-bottom: 5px solid;
  padding-bottom: 44px;
}
@media (min-width: 1400px) {
  .l-header__open--buttons {
    gap: 0.9375vw 0.6770833333vw;
    border-bottom: 0.2604166667vw solid;
    padding-bottom: 2.2916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--buttons {
    gap: 13.125px 9.4791666667px;
    border-bottom: 3.6458333333px solid;
    padding-bottom: 32.0833333333px;
  }
}
.l-header__open--button {
  background-color: #fff;
  width: 441px;
  height: 89px;
  font-size: 30px;
  font-weight: 700;
  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;
  border-radius: 50px;
  border: 4px solid;
  -webkit-box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
          box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
}
@media (min-width: 1400px) {
  .l-header__open--button {
    width: 22.96875vw;
    height: 4.6354166667vw;
    font-size: 1.5625vw;
    border-radius: 2.6041666667vw;
    border: 0.2083333333vw solid;
    -webkit-box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--button {
    width: 321.5625px;
    height: 64.8958333333px;
    font-size: 21.875px;
    border-radius: 36.4583333333px;
    border: 2.9166666667px solid;
    -webkit-box-shadow: 2.9166666667px 2.9166666667px 0px 0px rgb(0, 0, 0);
            box-shadow: 2.9166666667px 2.9166666667px 0px 0px rgb(0, 0, 0);
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--button {
    font-size: 16px;
    height: 65px;
    width: 100%;
  }
}
.l-header__open--button.-col2 {
  width: 214px;
}
@media (min-width: 1400px) {
  .l-header__open--button.-col2 {
    width: 11.1458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--button.-col2 {
    width: 156.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--button.-col2 {
    width: calc(50% - 6.5px);
  }
}
.l-header__open--sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px 57px;
  border-bottom: 5px solid;
  padding-top: 42px;
  padding-bottom: 44px;
}
@media (min-width: 1400px) {
  .l-header__open--sns {
    gap: 1.6666666667vw 2.96875vw;
    border-bottom: 0.2604166667vw solid;
    padding-top: 2.1875vw;
    padding-bottom: 2.2916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--sns {
    gap: 23.3333333333px 41.5625px;
    border-bottom: 3.6458333333px solid;
    padding-top: 30.625px;
    padding-bottom: 32.0833333333px;
  }
}
.l-header__open--sns > div {
  width: 100%;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 1400px) {
  .l-header__open--sns > div {
    font-size: 1.5625vw;
    line-height: 1.2;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--sns > div {
    font-size: 21.875px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  .l-header__open--sns > div {
    font-size: 16px;
  }
}
.l-header__open--sns a.-line {
  width: 58px;
}
@media (min-width: 1400px) {
  .l-header__open--sns a.-line {
    width: 3.0208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--sns a.-line {
    width: 42.2916666667px;
  }
}
.l-header__open--sns a.-tictok {
  width: 42px;
}
@media (min-width: 1400px) {
  .l-header__open--sns a.-tictok {
    width: 2.1875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--sns a.-tictok {
    width: 30.625px;
  }
}
.l-header__open--sns a.-insta {
  width: 52px;
}
@media (min-width: 1400px) {
  .l-header__open--sns a.-insta {
    width: 2.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-header__open--sns a.-insta {
    width: 37.9166666667px;
  }
}
.l-header__open--sns a img {
  width: 100%;
  height: auto;
}

.l-footer {
  background-color: #FFFFFF;
  padding: 100px 20px 95px;
}
@media (min-width: 1400px) {
  .l-footer {
    padding: 5.2083333333vw 1.0416666667vw 4.9479166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer {
    padding: 72.9166666667px 14.5833333333px 69.2708333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 50px 20px 50px;
  }
}
.l-footer__inner {
  max-width: 1608px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 90px 0;
}
@media (min-width: 1400px) {
  .l-footer__inner {
    max-width: 83.75vw;
    gap: 4.6875vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__inner {
    max-width: 1172.5px;
    gap: 65.625px 0;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 45px 0;
  }
}
.l-footer__logo {
  width: 303px;
  display: block;
}
@media (min-width: 1400px) {
  .l-footer__logo {
    width: 15.78125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__logo {
    width: 220.9375px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__logo {
    width: 200px;
    margin: 0 auto;
  }
}
.l-footer__logo img {
  width: 100%;
  height: auto;
}
.l-footer__sns {
  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: 30px;
  margin-top: 65px;
  padding-left: 90px;
}
@media (min-width: 1400px) {
  .l-footer__sns {
    gap: 1.5625vw;
    margin-top: 3.3854166667vw;
    padding-left: 4.6875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__sns {
    gap: 21.875px;
    margin-top: 47.3958333333px;
    padding-left: 65.625px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__sns {
    margin-top: 30px;
    padding-left: unset;
  }
}
.l-footer__sns a.-line {
  width: 45px;
}
@media (min-width: 1400px) {
  .l-footer__sns a.-line {
    width: 2.34375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__sns a.-line {
    width: 32.8125px;
  }
}
.l-footer__sns a.-tictok {
  width: 34px;
}
@media (min-width: 1400px) {
  .l-footer__sns a.-tictok {
    width: 1.7708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__sns a.-tictok {
    width: 24.7916666667px;
  }
}
.l-footer__sns a.-insta {
  width: 42px;
}
@media (min-width: 1400px) {
  .l-footer__sns a.-insta {
    width: 2.1875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__sns a.-insta {
    width: 30.625px;
  }
}
.l-footer__sns a img {
  width: 100%;
  height: auto;
}
.l-footer__body {
  padding-right: 115px;
}
@media (min-width: 1400px) {
  .l-footer__body {
    padding-right: 5.9895833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__body {
    padding-right: 83.8541666667px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__body {
    padding-right: unset;
  }
}
.l-footer__navwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 41px;
}
@media (min-width: 1400px) {
  .l-footer__navwrap {
    gap: 2.1354166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__navwrap {
    gap: 29.8958333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__navwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.l-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .l-footer__nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.l-footer__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 3px;
  padding-bottom: 22px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul {
    padding-top: 0.15625vw;
    padding-bottom: 1.1458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul {
    padding-top: 2.1875px;
    padding-bottom: 16.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul {
    width: 50%;
    padding-top: 10px;
    padding-bottom: unset;
  }
}
.l-footer__nav ul:not(:first-of-type) {
  border-left: 2px solid;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:not(:first-of-type) {
    border-left: 0.1041666667vw solid;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:not(:first-of-type) {
    border-left: 1.4583333333px solid;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul:not(:first-of-type) {
    border-left: unset;
    padding-left: unset;
  }
}
.l-footer__nav ul:nth-last-of-type(1) {
  width: 215px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:nth-last-of-type(1) {
    width: 11.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:nth-last-of-type(1) {
    width: 156.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul:nth-last-of-type(1) {
    width: 100%;
  }
}
.l-footer__nav ul:nth-last-of-type(1) li {
  width: 126px;
  margin-left: 62px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:nth-last-of-type(1) li {
    width: 6.5625vw;
    margin-left: 3.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:nth-last-of-type(1) li {
    width: 91.875px;
    margin-left: 45.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul:nth-last-of-type(1) li {
    width: 100%;
    margin: unset;
  }
}
.l-footer__nav ul:nth-last-of-type(2) {
  width: 215px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:nth-last-of-type(2) {
    width: 11.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:nth-last-of-type(2) {
    width: 156.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul:nth-last-of-type(2) {
    width: 100%;
  }
}
.l-footer__nav ul:nth-last-of-type(2) li {
  width: 125px;
  padding-left: 17px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:nth-last-of-type(2) li {
    width: 6.5104166667vw;
    padding-left: 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:nth-last-of-type(2) li {
    width: 91.1458333333px;
    padding-left: 12.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul:nth-last-of-type(2) li {
    width: 100%;
    margin: unset;
    padding-left: unset;
  }
}
.l-footer__nav ul:nth-last-of-type(3) {
  width: 215px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:nth-last-of-type(3) {
    width: 11.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:nth-last-of-type(3) {
    width: 156.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul:nth-last-of-type(3) {
    width: 100%;
  }
}
.l-footer__nav ul:nth-last-of-type(3) li {
  width: 90px;
  margin-left: 62px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:nth-last-of-type(3) li {
    width: 4.6875vw;
    margin-left: 3.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:nth-last-of-type(3) li {
    width: 65.625px;
    margin-left: 45.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav ul:nth-last-of-type(3) li {
    width: 100%;
    margin: unset;
  }
}
.l-footer__nav ul:nth-last-of-type(4) {
  width: 160px;
}
@media (min-width: 1400px) {
  .l-footer__nav ul:nth-last-of-type(4) {
    width: 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav ul:nth-last-of-type(4) {
    width: 116.6666666667px;
  }
}
.l-footer__nav li {
  margin: 0 auto;
}
.l-footer__nav li a {
  font-size: 18px;
  line-height: 2.2222222222;
  font-weight: 700;
}
@media (min-width: 1400px) {
  .l-footer__nav li a {
    font-size: 0.9375vw;
    line-height: 2.2222222222;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__nav li a {
    font-size: 13.125px;
    line-height: 2.2222222222;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__nav li a {
    font-size: 16px;
    text-align: center;
    display: block;
  }
}
.l-footer__imgwrap {
  margin-top: -33px;
}
@media (min-width: 1400px) {
  .l-footer__imgwrap {
    margin-top: -1.71875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__imgwrap {
    margin-top: -24.0625px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__imgwrap {
    margin-top: unset;
  }
}
.l-footer__imgwrap div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
@media (min-width: 1400px) {
  .l-footer__imgwrap div {
    gap: 0.7291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__imgwrap div {
    gap: 10.2083333333px;
  }
}
.l-footer__imgwrap figure img {
  width: 100%;
  height: auto;
}
.l-footer__imgwrap p {
  font-size: 12px;
  margin-top: 2px;
  font-weight: 700;
}
@media (min-width: 1400px) {
  .l-footer__imgwrap p {
    font-size: 0.625vw;
    margin-top: 0.1041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__imgwrap p {
    font-size: 8.75px;
    margin-top: 1.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__imgwrap p {
    text-align: center;
  }
}
.l-footer__img1 {
  width: 122px;
}
@media (min-width: 1400px) {
  .l-footer__img1 {
    width: 6.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__img1 {
    width: 88.9583333333px;
  }
}
.l-footer__img2 {
  width: 155px;
}
@media (min-width: 1400px) {
  .l-footer__img2 {
    width: 8.0729166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__img2 {
    width: 113.0208333333px;
  }
}
.l-footer__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 27px;
  margin-top: 42px;
  margin-left: 48px;
}
@media (min-width: 1400px) {
  .l-footer__buttons {
    gap: 1.40625vw;
    margin-top: 2.1875vw;
    margin-left: 2.5vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__buttons {
    gap: 19.6875px;
    margin-top: 30.625px;
    margin-left: 35px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
    margin-left: unset;
  }
}
.l-footer__buttons a {
  background-color: #fff;
  width: 231px;
  height: 58px;
  font-size: 18px;
  font-weight: 700;
  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;
  border-radius: 50px;
  border: 2px solid;
  -webkit-box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
          box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
}
@media (min-width: 1400px) {
  .l-footer__buttons a {
    width: 12.03125vw;
    height: 3.0208333333vw;
    font-size: 0.9375vw;
    border-radius: 2.6041666667vw;
    border: 0.1041666667vw solid;
    -webkit-box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.2083333333vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__buttons a {
    width: 168.4375px;
    height: 42.2916666667px;
    font-size: 13.125px;
    border-radius: 36.4583333333px;
    border: 1.4583333333px solid;
    -webkit-box-shadow: 2.9166666667px 2.9166666667px 0px 0px rgb(0, 0, 0);
            box-shadow: 2.9166666667px 2.9166666667px 0px 0px rgb(0, 0, 0);
  }
}
@media screen and (max-width: 768px) {
  .l-footer__buttons a {
    font-size: 16px;
    height: 50px;
  }
}
.l-footer__bottom {
  width: 100%;
  position: relative;
  padding-top: 35px;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .l-footer__bottom {
    padding-top: 1.8229166667vw;
    max-width: 66.6666666667vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__bottom {
    padding-top: 25.5208333333px;
    max-width: 933.3333333333px;
    margin: 0 auto;
  }
}
.l-footer__bottom::after {
  position: absolute;
  content: "";
  background-color: #000000;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  width: 200%;
  height: 1px;
  max-width: 1722px;
}
@media (min-width: 1400px) {
  .l-footer__bottom::after {
    height: 0.0520833333vw;
    max-width: 89.6875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__bottom::after {
    height: 0.7291666667px;
    max-width: 1255.625px;
  }
}
@media screen and (max-width: 1755px) {
  .l-footer__bottom::after {
    width: 100%;
  }
}
.l-footer__bottom small {
  font-size: 16px;
  line-height: 2.5;
  font-weight: 600;
}
@media (min-width: 1400px) {
  .l-footer__bottom small {
    font-size: 0.8333333333vw;
    line-height: 2.5;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .l-footer__bottom small {
    font-size: 11.6666666667px;
    line-height: 2.5;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__bottom small {
    font-size: 14px;
    display: block;
    text-align: center;
  }
}

.l-bg {
  background-color: #FFE800;
}

.c-lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 9px;
}
.c-lead span {
  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;
  font-size: 20px;
  font-weight: 900;
  height: 58px;
  border: 5px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .c-lead span {
    font-size: 14px;
    height: 45px;
  }
}

.c-burger {
  width: 90px;
  height: 90px;
  background-color: #fff;
  border: 6px solid;
  position: fixed;
  z-index: 9999;
  top: 42px;
  right: 50px;
  -webkit-box-shadow: 8px 8px 0px 0px rgb(0, 0, 0);
          box-shadow: 8px 8px 0px 0px rgb(0, 0, 0);
  cursor: pointer;
}
@media (min-width: 1400px) {
  .c-burger {
    width: 4.6875vw;
    height: 4.6875vw;
    border: 0.3125vw solid;
    top: 2.1875vw;
    right: 2.6041666667vw;
    -webkit-box-shadow: 0.4166666667vw 0.4166666667vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.4166666667vw 0.4166666667vw 0px 0px rgb(0, 0, 0);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-burger {
    width: 65.625px;
    height: 65.625px;
    border: 4.375px solid;
    top: 30.625px;
    right: 36.4583333333px;
    -webkit-box-shadow: 5.8333333333px 5.8333333333px 0px 0px rgb(0, 0, 0);
            box-shadow: 5.8333333333px 5.8333333333px 0px 0px rgb(0, 0, 0);
  }
}
@media screen and (max-width: 768px) {
  .c-burger {
    width: 50px;
    height: 50px;
    border: 4px solid;
    -webkit-box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
            box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
    top: 10px;
    right: 20px;
  }
}
.c-burger.is-active .c-burger__border--top {
  rotate: 45deg;
  top: 75%;
  width: 55px;
  left: 40%;
}
@media (min-width: 1400px) {
  .c-burger.is-active .c-burger__border--top {
    width: 2.8645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-burger.is-active .c-burger__border--top {
    width: 40.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-burger.is-active .c-burger__border--top {
    width: 25px;
    top: 72%;
  }
}
.c-burger.is-active .c-burger__border--mid {
  opacity: 0;
}
.c-burger.is-active .c-burger__border--bottom {
  rotate: -45deg;
  width: 55px;
  top: 24%;
  left: 42%;
}
@media (min-width: 1400px) {
  .c-burger.is-active .c-burger__border--bottom {
    width: 2.8645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-burger.is-active .c-burger__border--bottom {
    width: 40.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-burger.is-active .c-burger__border--bottom {
    width: 25px;
    top: 28%;
    left: 45%;
  }
}
.c-burger__border {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #000000;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .c-burger__border {
    width: 20px;
  }
}
.c-burger__border--top {
  top: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .c-burger__border--top {
    top: calc(50% - 7px);
  }
}
.c-burger__border--mid {
  top: 50%;
}
.c-burger__border--bottom {
  top: calc(50% + 10px);
}
@media screen and (max-width: 768px) {
  .c-burger__border--bottom {
    top: calc(50% + 7px);
  }
}

.c-slider .swiper-slide:nth-child(3n+1) .c-slider__img, .c-slider .swiper-slide:nth-child(3n+1) .c-slider__img img {
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
}
.c-slider .swiper-slide:nth-child(3n+2) .c-slider__img, .c-slider .swiper-slide:nth-child(3n+2) .c-slider__img img {
  -webkit-clip-path: polygon(0% 0%, 96% 0%, 100% 100%, 4% 100%);
          clip-path: polygon(0% 0%, 96% 0%, 100% 100%, 4% 100%);
}
.c-slider .swiper-slide:nth-child(3n+3) .c-slider__img, .c-slider .swiper-slide:nth-child(3n+3) .c-slider__img img {
  -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 4% 100%);
          clip-path: polygon(0 0, 100% 0, 95% 100%, 4% 100%);
}
.c-slider__img {
  position: relative;
  padding: 10px;
}
.c-slider__img::before {
  position: absolute;
  content: "";
  background-image: url(../images/common/object-slideimg.webp);
  background-size: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.c-slider__img::after {
  position: absolute;
  content: "";
  background-color: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-slider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 480/338;
}
.c-slider__body {
  margin: 34px auto 0;
  max-width: 332px;
}
@media screen and (max-width: 768px) {
  .c-slider__body {
    margin: 24px auto 0;
  }
}
.c-slider__title {
  font-size: 26px;
  line-height: 1.5384615385;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .c-slider__title {
    font-size: 18px;
  }
}
.c-slider__title span {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .c-slider__title span {
    font-size: 14px;
  }
}
.c-slider__title2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -7%;
}
.c-slider__title2 .-lg, .c-slider__title2 .-sm {
  border: 3px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
  padding: 12px 20px;
}
@media (min-width: 1400px) {
  .c-slider__title2 .-lg, .c-slider__title2 .-sm {
    border: 0.15625vw solid;
    padding: 0.625vw 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-slider__title2 .-lg, .c-slider__title2 .-sm {
    border: 2.1875px solid;
    padding: 8.75px 14.5833333333px;
  }
}
.c-slider__title2 .-lg {
  font-size: 24px;
  font-weight: 900;
  background-color: #54C3F1;
}
@media (min-width: 1400px) {
  .c-slider__title2 .-lg {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-slider__title2 .-lg {
    font-size: 17.5px;
  }
}
@media screen and (max-width: 768px) {
  .c-slider__title2 .-lg {
    font-size: 18px;
  }
}
.c-slider__title2 .-sm {
  font-size: 18px;
  font-weight: 800;
  background-color: #ED5500;
  margin-top: -3px;
}
@media (min-width: 1400px) {
  .c-slider__title2 .-sm {
    font-size: 0.9375vw;
    margin-top: -0.15625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-slider__title2 .-sm {
    font-size: 13.125px;
    margin-top: -2.1875px;
  }
}
@media screen and (max-width: 768px) {
  .c-slider__title2 .-sm {
    font-size: 14px;
  }
}
.c-slider__name {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  margin-top: 4px;
}
@media (min-width: 1400px) {
  .c-slider__name {
    font-size: 0.9375vw;
    margin-top: 0.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-slider__name {
    font-size: 13.125px;
    margin-top: 2.9166666667px;
  }
}
.c-slider__name span {
  font-size: 40px;
}
@media (min-width: 1400px) {
  .c-slider__name span {
    font-size: 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-slider__name span {
    font-size: 29.1666666667px;
  }
}
.c-slider__disc {
  display: block;
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 500;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .c-slider__disc {
    font-size: 14px;
    margin-top: 10px;
  }
}
.c-slider__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 9px;
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  .c-slider__cat {
    margin-top: 13px;
  }
}
.c-slider__cat li {
  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;
  background-color: #fff;
  border-radius: 17px;
  border: 1px solid;
  height: 34px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 16px;
}
@media screen and (max-width: 768px) {
  .c-slider__cat li {
    font-size: 12px;
    height: 28px;
    padding: 0 12px;
  }
}
.c-slider__bottom {
  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;
  max-width: 1275px;
  width: 100%;
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.c-slider__bottom .swiper-button-next:after, .c-slider__bottom .swiper-rtl .swiper-button-prev:after,
.c-slider__bottom .swiper-button-prev:after, .c-slider__bottom .swiper-rtl .swiper-button-next:after {
  content: none;
}
.c-slider__button {
  position: relative;
  width: 78px;
  height: 78px;
  background-image: url("../images/common/icon-slidearrow.webp");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .c-slider__button {
    width: 38px;
    height: 38px;
  }
}
.c-slider__button.swiper-button-prev {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.c-flowslider {
  width: 100%;
  overflow: hidden;
}
.c-flowslider__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: flow 20s linear infinite;
          animation: flow 20s linear infinite;
}
.c-flowslider__track.-flowreverse {
  -webkit-animation: flowreverse 20s linear infinite;
          animation: flowreverse 20s linear infinite;
}

@-webkit-keyframes flow {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes flow {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes flowreverse {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes flowreverse {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.c-bread {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 13px;
}
@media (min-width: 1400px) {
  .c-bread {
    max-width: 66.6666666667vw;
    gap: 0.6770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-bread {
    max-width: 933.3333333333px;
    gap: 9.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-bread {
    max-width: unset;
    padding: 0 20px;
    gap: 6px;
  }
}
.c-bread a, .c-bread span {
  font-size: 17px;
  font-weight: 700;
  line-height: 2.3529411765;
}
@media (min-width: 1400px) {
  .c-bread a, .c-bread span {
    font-size: 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-bread a, .c-bread span {
    font-size: 12.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .c-bread a, .c-bread span {
    font-size: 12px;
  }
}
.c-bread a {
  position: relative;
  display: block;
  padding-right: 30px;
}
@media (min-width: 1400px) {
  .c-bread a {
    padding-right: 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-bread a {
    padding-right: 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .c-bread a {
    padding-right: 18px;
  }
}
.c-bread a::after {
  position: absolute;
  content: "";
  background-image: url("../images/common/bread-arrow.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 15px;
}
@media (min-width: 1400px) {
  .c-bread a::after {
    width: 0.8333333333vw;
    height: 0.78125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-bread a::after {
    width: 11.6666666667px;
    height: 10.9375px;
  }
}
@media screen and (max-width: 768px) {
  .c-bread a::after {
    width: 12px;
    height: 11px;
  }
}

.c-pageheader {
  position: relative;
  margin: -37px 0 -56px 0;
}
@media (min-width: 1400px) {
  .c-pageheader {
    margin: -1.9270833333vw 0 -2.9166666667vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-pageheader {
    margin: -26.9791666667px 0 -40.8333333333px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-pageheader {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-pageheader.-company {
    margin: 0 0 200px 0;
  }
}
.c-pageheader__img {
  margin: 0px -150px 0px -95px;
}
@media (min-width: 1400px) {
  .c-pageheader__img {
    margin: 0 -7.8125vw 0 -4.9479166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-pageheader__img {
    margin: 0 -109.375px 0 -69.2708333333px;
  }
}
@media screen and (max-width: 768px) {
  .c-pageheader__img {
    margin: 0px -190px 0px -116px;
  }
}
.c-pageheader__img img {
  width: 100%;
  height: auto;
}
.c-pageheader__lead {
  position: absolute;
  left: 22.4%;
  top: 57.5%;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (min-width: 1400px) {
  .c-pageheader__lead {
    gap: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-pageheader__lead {
    gap: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead {
    top: 63%;
    left: 8%;
    gap: 6px;
  }
}
.c-pageheader__lead.-interview {
  left: 48.5%;
  top: 41%;
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead.-interview {
    top: unset;
    left: 10%;
    bottom: -16%;
  }
}
.c-pageheader__lead.-interview span {
  padding: 4px 17px 4px 16px;
}
@media (min-width: 1400px) {
  .c-pageheader__lead.-interview span {
    padding: 0.2083333333vw 0.8854166667vw 0.2083333333vw 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-pageheader__lead.-interview span {
    padding: 2.9166666667px 12.3958333333px 2.9166666667px 11.6666666667px;
  }
}
.c-pageheader__lead.-interview .-color2 {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead.-interview .-color2 {
    margin-left: 20px;
  }
}
.c-pageheader__lead.-recruit {
  top: 59.5%;
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead.-recruit span {
    font-size: 10px;
  }
}
.c-pageheader__lead.-company1 {
  top: 73%;
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead.-company1 {
    left: 3%;
  }
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead.-company1 span {
    font-size: 10px;
  }
}
.c-pageheader__lead.-company2 {
  top: 94%;
  left: 46.5%;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead.-company2 {
    top: 129%;
    left: 36.5%;
  }
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead.-company2 span {
    font-size: 10px;
  }
}
.c-pageheader__lead span {
  border: 5px solid #000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  font-weight: 900;
  line-height: 2;
  padding: 4px 11px 4px 15px;
}
@media (min-width: 1400px) {
  .c-pageheader__lead span {
    border: 0.2604166667vw solid #000;
    font-size: 1.0416666667vw;
    padding: 0.2083333333vw 0.5729166667vw 0.2083333333vw 0.78125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-pageheader__lead span {
    border: 3.6458333333px solid #000;
    font-size: 14.5833333333px;
    padding: 2.9166666667px 8.0208333333px 2.9166666667px 10.9375px;
  }
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead span {
    font-size: 12px;
    border: 3px solid #000;
  }
}
.c-pageheader__lead span.-color1 {
  background-color: #FFE800;
}
.c-pageheader__lead span.-color2 {
  background-color: #54C3F1;
}
.c-pageheader__lead span.-color3 {
  background-color: #ED5500;
}
.c-pageheader__lead span.-color4 {
  background-color: #fff;
}

.c-city__inner {
  position: relative;
  width: 100%;
}
.c-city__textwrap {
  position: absolute;
  left: 96px;
  top: 160px;
  z-index: 10;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__textwrap {
    left: 70px;
    top: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__textwrap {
    left: 6px;
    top: 40%;
  }
}
.c-city__textwrap::after {
  position: absolute;
  content: "";
  background-image: url(../images/company/city-subtitle-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 255px;
  height: 255px;
  top: -100%;
  left: -120px;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__textwrap::after {
    width: 185.9375px;
    height: 185.9375px;
    left: -87.5px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__textwrap::after {
    width: 150px;
    height: 150px;
    top: -50px;
    left: -60px;
  }
}
.c-city__textwrap::before {
  position: absolute;
  content: "";
  background-image: url(../images/company/object.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 95px;
  height: 131px;
  bottom: -150%;
  left: -184px;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__textwrap::before {
    width: 69.2708333333px;
    height: 95.5208333333px;
    left: -134.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__textwrap::before {
    width: 75px;
    height: 90px;
    bottom: -130%;
    left: -66px;
  }
}
.c-city__text {
  z-index: 1;
  background-color: #fff;
  border: 5px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 800px;
  min-height: 89px;
  padding: 5px 25px;
  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;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__text {
    max-width: 510.4166666667px;
    min-height: 64.8958333333px;
    padding: 3.6458333333px 18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__text {
    min-height: 60px;
    padding: 5px 15px;
  }
}
.c-city__count {
  width: 240px;
  z-index: 10;
  position: relative;
  margin-left: auto;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__count {
    width: 175px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__count {
    width: 150px;
  }
}
.c-city__count::after {
  position: absolute;
  content: "施設";
  font-size: 22px;
  font-weight: 700;
  right: 25px;
  bottom: 26%;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__count::after {
    font-size: 16.0416666667px;
    right: 18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__count::after {
    font-size: 14px;
  }
}
.c-city__count img {
  width: 100%;
  height: auto;
}
.c-city__number {
  font-size: 55px;
  font-family: "Dela Gothic One", sans-serif;
  position: absolute;
  right: 31%;
  bottom: 20%;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__number {
    font-size: 40.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__number {
    font-size: 30px;
    right: 37%;
    bottom: 22%;
  }
}
.c-city__stack {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.c-city__imgwrap {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .c-city__imgwrap {
    margin: 50% auto 0;
  }
}
.c-city__imgwrap::before {
  position: absolute;
  content: "";
  background-image: url(../images/company/object2.webp);
  background-size: contain;
  background-repeat: no-repeat;
  rotate: -4deg;
  width: 150px;
  height: 128px;
  bottom: 3%;
  right: -10%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__imgwrap::before {
    width: 109.375px;
    height: 93.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__imgwrap::before {
    width: 75px;
    height: 90px;
    bottom: -17%;
    content: none;
    position: unset;
  }
}
.c-city__bg {
  width: 812px;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__bg {
    width: 592.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .c-city__bg {
    width: 92.8vw;
  }
}
.c-city__bg img {
  width: 100%;
  height: auto;
  padding-left: 3.7%;
}
.c-city__image img {
  width: 100%;
  height: auto;
}
.c-city__image.image1 {
  width: 165.9px; /* 237px * 0.7 */
  top: 31.5%;
  left: 30.5%;
  z-index: 6;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image1 {
    width: 120.96875px; /* 237px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image1 {
    width: 18.96vw;
  }
}
.c-city__image.image2 {
  width: 242.9px; /* 347px * 0.7 */
  top: 23.5%;
  left: 21.5%;
  z-index: 5;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image2 {
    width: 177.1145833333px; /* 347px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image2 {
    width: 27.76vw;
  }
}
.c-city__image.image3 {
  width: 203px; /* 290px * 0.7 */
  top: 32.8%;
  left: 50.6%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image3 {
    width: 148.0208333333px; /* 290px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image3 {
    width: 23.2vw;
  }
}
.c-city__image.image4 {
  width: 159.6px; /* 228px * 0.7 */
  bottom: 14%;
  left: 6%;
  z-index: 4;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image4 {
    width: 116.375px; /* 228px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image4 {
    width: 18.24vw;
  }
}
.c-city__image.image5 {
  width: 46.9px; /* 67px * 0.7 */
  bottom: 18.5%;
  left: 26.2%;
  z-index: 5;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image5 {
    width: 34.1979166667px; /* 67px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image5 {
    width: 5.36vw;
  }
}
.c-city__image.image6 {
  width: 143.5px; /* 205px * 0.7 */
  top: 11%;
  left: 3.7%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image6 {
    width: 104.6354166667px; /* 205px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image6 {
    width: 16.4vw;
  }
}
.c-city__image.image7 {
  width: 112.7px; /* 161px * 0.7 */
  bottom: 19%;
  right: 20%;
  z-index: 5;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image7 {
    width: 82.1770833333px; /* 161px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image7 {
    width: 12.88vw;
  }
}
.c-city__image.image8 {
  width: 181.3px; /* 259px * 0.7 */
  bottom: 0%;
  right: 32.2%;
  z-index: 6;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image8 {
    width: 132.1979166667px; /* 259px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image8 {
    width: 20.72vw;
  }
}
.c-city__image.image9 {
  width: 152.6px; /* 218px * 0.7 */
  top: 11.3%;
  right: 19.5%;
  z-index: 4;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image9 {
    width: 111.2708333333px; /* 218px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image9 {
    width: 17.44vw;
  }
}
.c-city__image.image10 {
  width: 128.8px; /* 184px * 0.7 */
  top: 25%;
  right: 13.8%;
  z-index: 4;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image10 {
    width: 93.9166666667px; /* 184px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image10 {
    width: 14.72vw;
  }
}
.c-city__image.image11 {
  width: 154px; /* 220px * 0.7 */
  top: 37%;
  right: 0%;
  z-index: 4;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image11 {
    width: 112.2916666667px; /* 220px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image11 {
    width: 17.6vw;
  }
}
.c-city__image.image12 {
  width: 119px; /* 170px * 0.7 */
  top: 14%;
  left: 22.4%;
  z-index: 4;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image12 {
    width: 86.7708333333px; /* 170px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image12 {
    width: 13.6vw;
  }
}
.c-city__image.image13 {
  width: 144.2px; /* 206px * 0.7 */
  top: -4.5%;
  left: 49%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image13 {
    width: 105.1458333333px; /* 206px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image13 {
    width: 16.48vw;
  }
}
.c-city__image.image14 {
  width: 87.5px; /* 125px * 0.7 */
  bottom: 5%;
  left: 30%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image14 {
    width: 63.8020833333px; /* 125px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image14 {
    width: 10vw;
  }
}
.c-city__image.image15 {
  width: 145.6px; /* 208px * 0.7 */
  top: -2.8%;
  right: 14%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image15 {
    width: 106.1666666667px; /* 208px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image15 {
    width: 16.64vw;
  }
}
.c-city__image.image16 {
  width: 96.6px; /* 138px * 0.7 */
  top: 15.3%;
  right: 5.1%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image16 {
    width: 70.4375px; /* 138px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image16 {
    width: 11.04vw;
  }
}
.c-city__image.image17 {
  width: 208.6px; /* 298px * 0.7 */
  bottom: 3.3%;
  right: 6.7%;
  z-index: 6;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image17 {
    width: 152.1041666667px; /* 298px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image17 {
    width: 23.84vw;
  }
}
.c-city__image.image18 {
  width: 95.9px; /* 137px * 0.7 */
  top: 5.8%;
  left: 16.5%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image18 {
    width: 69.9270833333px; /* 137px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image18 {
    width: 10.96vw;
  }
}
.c-city__image.image19 {
  width: 233.8px; /* 334px * 0.7 */
  top: -4.5%;
  left: 27.8%;
  z-index: 3;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image19 {
    width: 170.4791666667px; /* 334px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image19 {
    width: 26.72vw;
  }
}
.c-city__image.image20 {
  width: 740px;
  top: -80%;
  left: 1.6%;
  z-index: 0;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city__image.image20 {
    width: 539.5833333333px; /* 1125px * 0.7 */
  }
}
@media screen and (max-width: 768px) {
  .c-city__image.image20 {
    width: 88vw;
    left: 0;
  }
}
.c-city .layer {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px); /* 下から50pxの位置から開始 */
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.c-city .layer.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.c-city .layer-text {
  display: none;
  font-size: 25px;
  font-weight: 700;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .c-city .layer-text {
    font-size: 18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .c-city .layer-text {
    font-size: 16px;
  }
}
.c-city .layer-text.active {
  display: block;
}
.c-city .layer-count {
  display: none;
}
.c-city .layer-count.active {
  display: block;
}

.c-city__inner {
  position: relative;
  z-index: 0;
}

.c-city__bg {
  z-index: 1;
  position: relative;
}

.c-city__imgwrap {
  z-index: 2;
  position: relative;
}

.c-city__count {
  z-index: 3;
  position: relative;
}

.p-company-city__title {
  z-index: 4;
  position: relative;
}

.c-city__textwrap {
  z-index: 5;
  position: absolute;
}

.p-top {
  /*kv====================*/
}
.p-top-kv {
  background-color: #FFE800;
}
.p-top-kv__contents {
  position: relative;
  margin: -178px -4px 0;
  padding-bottom: 100px;
}
@media (min-width: 1400px) {
  .p-top-kv__contents {
    margin: -9.2708333333vw -0.2083333333vw 0;
    padding-bottom: 5.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__contents {
    margin: -129.7916666667px -2.9166666667px 0;
    padding-bottom: 72.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__contents {
    margin: -10.6666666667vw auto 0;
    padding-bottom: 18.4vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__main {
    margin: 0px -27.2vw 0 -13.0666666667vw;
  }
}
.p-top-kv__main img {
  width: 100%;
  height: auto;
}
.p-top-kv__titlewrap {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 45%;
  left: 50.5%;
  max-width: 1456px;
  width: 100%;
  z-index: 10;
}
@media (min-width: 1400px) {
  .p-top-kv__titlewrap {
    max-width: 75.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__titlewrap {
    max-width: 1061.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__titlewrap {
    top: 40%;
    max-width: 93.3333333333vw;
  }
}
.p-top-kv__title {
  position: relative;
  z-index: 4;
}
.p-top-kv__title img {
  width: 100%;
  height: auto;
}
.p-top-kv__title .wow {
  visibility: hidden;
}
.p-top-kv__staff {
  position: absolute;
}
.p-top-kv__staff img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-animation: blink 2s infinite;
          animation: blink 2s infinite;
}
.p-top-kv__staff img.before {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.p-top-kv__staff img.after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.p-top-kv__staff .wow {
  visibility: hidden;
}
.p-top-kv__staff1 {
  right: 50px;
  top: -74px;
  max-width: 258px;
  z-index: 3;
}
@media (min-width: 1400px) {
  .p-top-kv__staff1 {
    right: 2.6041666667vw;
    top: -3.8541666667vw;
    max-width: 13.4375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff1 {
    right: 36.4583333333px;
    top: -53.9583333333px;
    max-width: 188.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff1 {
    right: -12px;
    top: -11.2vw;
    max-width: 25.0666666667vw;
  }
}
.p-top-kv__staff1 img.after {
  top: -145px;
  left: 14px;
  width: 277px;
}
@media (min-width: 1400px) {
  .p-top-kv__staff1 img.after {
    top: -7.5520833333vw;
    left: 0.7291666667vw;
    width: 14.4270833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff1 img.after {
    top: -105.7291666667px;
    left: 10.2083333333px;
    width: 201.9791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff1 img.after {
    top: -13.8666666667vw;
    left: 0px;
    width: 25.8666666667vw;
  }
}
.p-top-kv__staff2 {
  left: 38%;
  bottom: -840px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 160px;
  z-index: 4;
}
@media (min-width: 1400px) {
  .p-top-kv__staff2 {
    bottom: -43.75vw;
    max-width: 9.8958333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff2 {
    bottom: -612.5px;
    max-width: 138.5416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff2 {
    bottom: -82.6666666667vw;
    left: 43%;
    max-width: 16vw;
  }
}
.p-top-kv__staff2 img.after {
  top: -520px;
  left: 19%;
  width: 130px;
}
@media (min-width: 1400px) {
  .p-top-kv__staff2 img.after {
    top: -27.0833333333vw;
    width: 6.7708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff2 img.after {
    top: -379.1666666667px;
    width: 94.7916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff2 img.after {
    width: 10.6666666667vw;
    top: -45.3333333333vw;
  }
}
.p-top-kv__staff3 {
  right: 62px;
  bottom: -810px;
  max-width: 170px;
  z-index: 5;
}
@media (min-width: 1400px) {
  .p-top-kv__staff3 {
    right: 3.2291666667vw;
    bottom: -42.1875vw;
    max-width: 8.8541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff3 {
    right: 45.2083333333px;
    bottom: -590.625px;
    max-width: 123.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff3 {
    right: -1.3333333333vw;
    bottom: -66.6666666667vw;
    max-width: 14.6666666667vw;
  }
}
.p-top-kv__staff3 img.after {
  top: -540px;
  left: -10px;
  width: 224px;
}
@media (min-width: 1400px) {
  .p-top-kv__staff3 img.after {
    top: -28.125vw;
    left: -0.5208333333vw;
    width: 11.6666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff3 img.after {
    top: -393.75px;
    left: -7.2916666667px;
    width: 163.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff3 img.after {
    top: -45.3333333333vw;
    left: 0vw;
    width: 18.6666666667vw;
  }
}
.p-top-kv__staff4 {
  left: -47px;
  top: 30px;
  max-width: 167px;
  z-index: 3;
}
@media (min-width: 1400px) {
  .p-top-kv__staff4 {
    left: -2.4479166667vw;
    top: 1.5625vw;
    max-width: 8.6979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff4 {
    left: -34.2708333333px;
    top: 21.875px;
    max-width: 121.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff4 {
    left: -29px;
    top: -3.2vw;
    max-width: 14.9333333333vw;
  }
}
.p-top-kv__staff4 img.after {
  top: -285px;
  left: 24px;
  width: 164px;
}
@media (min-width: 1400px) {
  .p-top-kv__staff4 img.after {
    top: -14.84375vw;
    left: 1.25vw;
    width: 8.5416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__staff4 img.after {
    top: -207.8125px;
    left: 17.5px;
    width: 119.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__staff4 img.after {
    top: -24.8vw;
    left: 2.9333333333vw;
    width: 14.4vw;
  }
}
.p-top-kv__slidewrap {
  position: absolute;
  z-index: 2;
  bottom: 140px;
  left: 42.5%;
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
  overflow: hidden;
  width: 635px;
  height: 243px;
}
@media (min-width: 1400px) {
  .p-top-kv__slidewrap {
    bottom: 7.2916666667vw;
    width: 33.0729166667vw;
    height: 12.65625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__slidewrap {
    bottom: 102.0833333333px;
    width: 463.0208333333px;
    height: 177.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__slidewrap {
    left: 47.5%;
    bottom: 27.7333333333vw;
    width: 56.2666666667vw;
    height: 14.1333333333vw;
  }
}
.p-top-kv__slider {
  rotate: 3deg;
}
.p-top-kv__slider .c-flowslider__track {
  width: 3222px;
  gap: 16px;
}
@media (min-width: 1400px) {
  .p-top-kv__slider .c-flowslider__track {
    width: 167.8125vw;
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__slider .c-flowslider__track {
    width: 2349.375px;
    gap: 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__slider .c-flowslider__track {
    width: 429.6vw;
    gap: 2.1333333333vw;
  }
}
.p-top-kv__slideitem {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1611px;
          flex: 0 0 1611px;
  font-size: 80px;
  font-family: "Dela Gothic One", sans-serif;
  color: #000;
}
@media (min-width: 1400px) {
  .p-top-kv__slideitem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.90625vw;
            flex: 0 0 83.90625vw;
    font-size: 4.1666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv__slideitem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1174.6875px;
            flex: 0 0 1174.6875px;
    font-size: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__slideitem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 214.6666666667vw;
            flex: 0 0 214.6666666667vw;
    font-size: 10.6666666667vw;
  }
}
.p-top-kv-recruitment {
  position: absolute;
  z-index: 2;
  bottom: 260px;
  left: 18%;
}
@media (min-width: 1400px) {
  .p-top-kv-recruitment {
    bottom: 13.5416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv-recruitment {
    bottom: 189.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-recruitment {
    bottom: 29.0666666667vw;
    left: 10%;
  }
}
.p-top-kv-recruitment__title {
  max-width: 232px;
}
@media (min-width: 1400px) {
  .p-top-kv-recruitment__title {
    max-width: 12.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv-recruitment__title {
    max-width: 169.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-recruitment__title {
    max-width: 17.0666666667vw;
  }
}
.p-top-kv-recruitment__title img {
  width: 100%;
  height: auto;
}
.p-top-kv-recruitment__body {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-left: 16px;
}
@media (min-width: 1400px) {
  .p-top-kv-recruitment__body {
    padding-left: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv-recruitment__body {
    padding-left: 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-recruitment__body {
    padding-left: unset;
  }
}
.p-top-kv-recruitment__time {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  display: block;
  margin-top: 10px;
  letter-spacing: 0.09em;
}
@media (min-width: 1400px) {
  .p-top-kv-recruitment__time {
    font-size: 1.0416666667vw;
    margin-top: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv-recruitment__time {
    font-size: 14.5833333333px;
    margin-top: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-recruitment__time {
    font-size: 2.6666666667vw;
    margin-top: 1.3333333333vw;
  }
}
.p-top-kv-recruitment__disc {
  font-size: 22px;
  line-height: 1.1818181818;
  display: block;
  margin-top: 6px;
}
@media (min-width: 1400px) {
  .p-top-kv-recruitment__disc {
    font-size: 1.1458333333vw;
    margin-top: 0.3125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-kv-recruitment__disc {
    font-size: 16.0416666667px;
    margin-top: 4.375px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv-recruitment__disc {
    font-size: 2.6666666667vw;
    margin-top: 0.8vw;
  }
}
.p-top {
  /*mission====================*/
}
.p-top-mission {
  background-color: #ED5500;
  padding: 164px 0 122px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-mission {
    padding: 8.5416666667vw 0 6.3541666667vw;
  }
}
.p-top-mission {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission {
    padding: 119.5833333333px 0 88.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission {
    padding: 82px 0 61px;
  }
}
.p-top-mission::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-mission.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: 20px;
  top: -143px;
  width: 1077px;
  height: 1188px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-mission::after {
    right: 1.0416666667vw;
    top: -7.4479166667vw;
    width: 56.09375vw;
    height: 61.875vw;
  }
}
.p-top-mission::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission::after {
    right: 14.5833333333px;
    top: -104.2708333333px;
    width: 785.3125px;
    height: 866.25px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission::after {
    right: -120px;
    top: -57.2px;
    width: 430.8px;
    height: 475.2px;
  }
}
.p-top-mission__title {
  max-width: 880px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-mission__title {
    max-width: 45.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission__title {
    max-width: 641.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission__title {
    max-width: 320px;
  }
}
.p-top-mission__title img {
  width: 100%;
  height: auto;
}
.p-top-mission__imgwrap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-mission__imgwrap {
    padding: 100px 0;
  }
}
.p-top-mission__img {
  margin: -256px -85px 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-mission__img {
    margin: -13.3333333333vw -4.4270833333vw 0;
  }
}
.p-top-mission__img {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission__img {
    margin: -186.6666666667px -61.9791666667px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission__img {
    margin: -60px -85px 0;
  }
}
.p-top-mission__img img {
  width: 100%;
  height: auto;
}
.p-top-mission__lead1, .p-top-mission__lead2 {
  position: absolute;
  z-index: 2;
}
.p-top-mission__lead1 .-bg1, .p-top-mission__lead2 .-bg1 {
  background-color: #FFE800;
  padding: 0 4px 0 17px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-mission__lead1 .-bg1, .p-top-mission__lead2 .-bg1 {
    padding: 0 0.2083333333vw 0 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission__lead1 .-bg1, .p-top-mission__lead2 .-bg1 {
    padding: 0 2.9166666667px 0 12.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission__lead1 .-bg1, .p-top-mission__lead2 .-bg1 {
    padding: 0 2px 0 8.5px;
  }
}
.p-top-mission__lead1 .-bg2, .p-top-mission__lead2 .-bg2 {
  background-color: #54C3F1;
  padding: 0 9px 0 17px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-mission__lead1 .-bg2, .p-top-mission__lead2 .-bg2 {
    padding: 0 0.46875vw 0 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission__lead1 .-bg2, .p-top-mission__lead2 .-bg2 {
    padding: 0 6.5625px 0 12.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission__lead1 .-bg2, .p-top-mission__lead2 .-bg2 {
    padding: 0 4.5px 0 8.5px;
  }
}
.p-top-mission__lead1 {
  left: 22.9166666667vw;
  top: 21.5104166667vw;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission__lead1 {
    left: 320.8333333333px;
    top: 301.1458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission__lead1 {
    left: 0;
    top: 10px;
  }
}
.p-top-mission__lead2 {
  left: 51.7%;
  bottom: 12.6041666667vw;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission__lead2 {
    bottom: 176.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission__lead2 {
    left: unset;
    right: 0;
    bottom: 50px;
  }
}
.p-top-mission__button {
  position: relative;
  z-index: 3;
  max-width: 360px;
  display: block;
  margin: -106px auto 0;
  padding-left: 7px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-mission__button {
    max-width: 18.75vw;
    margin: -5.5208333333vw auto 0;
    padding-left: 0.3645833333vw;
  }
}
.p-top-mission__button {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-mission__button {
    max-width: 262.5px;
    margin: -77.2916666667px auto 0;
    padding-left: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mission__button {
    max-width: 180px;
    margin: 0px auto 0;
  }
}
.p-top-mission__button img {
  width: 100%;
  height: auto;
}
.p-top {
  /*interviewv====================*/
}
.p-top-interview {
  background-color: #FFE800;
  padding: 112px 0 130px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview {
    padding: 5.8333333333vw 0 6.7708333333vw;
  }
}
.p-top-interview {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview {
    padding: 81.6666666667px 0 94.7916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-interview {
    padding: 56px 0 65px;
  }
}
.p-top-interview::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-interview.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 38%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -135px;
  width: 823px;
  height: 836px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview::after {
    top: -7.03125vw;
    width: 42.8645833333vw;
    height: 43.5416666667vw;
  }
}
.p-top-interview::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview::after {
    top: -98.4375px;
    width: 600.1041666667px;
    height: 609.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-interview::after {
    top: -54px;
    width: 329.2px;
    height: 334.4px;
  }
}
.p-top-interview__titlewrap {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview__titlewrap {
    /* px値なし */
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview__titlewrap {
    /* px値なし */
  }
}
@media screen and (max-width: 768px) {
  .p-top-interview__titlewrap {
    padding-bottom: 100px;
  }
}
.p-top-interview__title {
  max-width: 705px;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview__title {
    max-width: 36.71875vw;
  }
}
.p-top-interview__title {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview__title {
    max-width: 514.0625px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-interview__title {
    max-width: 282px;
  }
}
.p-top-interview__title img {
  width: 100%;
  height: auto;
}
.p-top-interview__lead {
  position: absolute;
  right: -65px;
  top: 20px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview__lead {
    right: -3.3854166667vw;
    top: 1.0416666667vw;
  }
}
.p-top-interview__lead {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview__lead {
    right: -47.3958333333px;
    top: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-interview__lead {
    top: unset;
    bottom: 0;
    right: -35px;
  }
}
.p-top-interview__lead .-bg1 {
  background-color: #fff;
  padding: 0 11px 0 16px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview__lead .-bg1 {
    padding: 0 0.5729166667vw 0 0.8333333333vw;
  }
}
.p-top-interview__lead .-bg1 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview__lead .-bg1 {
    padding: 0 8.0208333333px 0 11.6666666667px;
  }
}
.p-top-interview__lead .-bg2 {
  background-color: #54C3F1;
  padding: 0 17px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview__lead .-bg2 {
    padding: 0 0.8854166667vw;
  }
}
.p-top-interview__lead .-bg2 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview__lead .-bg2 {
    padding: 0 12.3958333333px;
  }
}
.p-top-interview__slider {
  margin-top: -48px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview__slider {
    margin-top: -2.5vw;
  }
}
.p-top-interview__slider {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview__slider {
    margin-top: -35px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-interview__slider {
    margin-top: -18px;
  }
}
.p-top-interview__button {
  display: block;
  margin: 90px auto 0;
  max-width: 550px;
  padding-left: 7px;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-interview__button {
    margin: 4.6875vw auto 0;
    max-width: 28.6458333333vw;
    padding-left: 0.3645833333vw;
  }
}
.p-top-interview__button {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-interview__button {
    margin: 65.625px auto 0;
    max-width: 401.0416666667px;
    padding-left: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-interview__button {
    max-width: 275px;
  }
}
.p-top-interview__button img {
  width: 100%;
  height: auto;
}
.p-top {
  /*work====================*/
}
.p-top-work {
  background-color: #ED5500;
  padding: 184px 0 212px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work {
    padding: 9.5833333333vw 0 11.0416666667vw;
  }
}
.p-top-work {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work {
    padding: 134.1666666667px 0 154.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work {
    padding: 92px 0 106px;
  }
}
.p-top-work::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-work.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 52%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -185px;
  width: 942px;
  height: 927px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work::after {
    top: -9.6354166667vw;
    width: 49.0625vw;
    height: 48.28125vw;
  }
}
.p-top-work::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work::after {
    top: -134.8958333333px;
    width: 686.875px;
    height: 675.9375px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work::after {
    top: -74px;
    width: 376.8px;
    height: 370.8px;
  }
}
.p-top-work__titlewrap {
  position: relative;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 164px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__titlewrap {
    padding-bottom: 8.5416666667vw;
  }
}
.p-top-work__titlewrap {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__titlewrap {
    padding-bottom: 119.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__titlewrap {
    z-index: 4;
    padding-bottom: 131.2px;
  }
}
.p-top-work__title {
  max-width: 587px;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__title {
    max-width: 30.5729166667vw;
  }
}
.p-top-work__title {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__title {
    max-width: 428.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__title {
    max-width: 234.8px;
  }
}
.p-top-work__title img {
  width: 100%;
  height: auto;
}
.p-top-work__lead {
  position: absolute;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  right: 22%;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-top-work__lead {
    right: 0%;
  }
}
.p-top-work__lead .-bg1 {
  background-color: #fff;
  padding: 0 6px 0 16px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__lead .-bg1 {
    padding: 0 0.3125vw 0 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__lead .-bg1 {
    padding: 0 4.375px 0 11.6666666667px;
  }
}
.p-top-work__lead .-bg2 {
  background-color: #FFE800;
  padding: 0 13px 0 17px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__lead .-bg2 {
    padding: 0 0.6770833333vw 0 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__lead .-bg2 {
    padding: 0 9.4791666667px 0 12.3958333333px;
  }
}
.p-top-work__contents {
  position: relative;
  z-index: 3;
  max-width: 1604px;
  margin: -10px auto 0;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__contents {
    max-width: 83.5416666667vw;
    margin: -0.5208333333vw auto 0;
  }
}
.p-top-work__contents {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__contents {
    max-width: 1169.5833333333px;
    margin: -7.2916666667px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__contents {
    margin: 0 auto 0;
  }
}
.p-top-work__contents > div {
  max-width: 1016px;
  position: relative;
  z-index: 4;
  margin: -23px auto 0;
  padding-right: 90px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__contents > div {
    max-width: 52.9166666667vw;
    padding-right: 4.6875vw;
    margin: 0vw auto 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__contents > div {
    max-width: 740.8333333333px;
    padding-right: 65.625px;
    margin: 0 auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__contents > div {
    padding-right: 30px;
    margin: 20px auto 0;
  }
}
.p-top-work__img img {
  width: 100%;
  height: auto;
}
.p-top-work__button1 {
  max-width: 350px;
  position: absolute;
  top: 41.7%;
  left: 28.8%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__button1 {
    max-width: 18.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__button1 {
    max-width: 255.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__button1 {
    max-width: 140px;
  }
}
.p-top-work__button1 img {
  width: 100%;
  height: auto;
}
.p-top-work__button2 {
  position: absolute;
  top: 49.6%;
  left: 73.5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 354px;
  width: 100%;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__button2 {
    max-width: 18.4375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__button2 {
    max-width: 258.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__button2 {
    max-width: 141.6px;
  }
}
.p-top-work__button2 img {
  width: 100%;
  height: auto;
}
.p-top-work__button3 {
  position: absolute;
  left: 50.5%;
  bottom: -9%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 458px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__button3 {
    max-width: 23.8541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__button3 {
    max-width: 333.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__button3 {
    max-width: 183.2px;
  }
}
.p-top-work__button3 img {
  width: 100%;
  height: auto;
}
.p-top-work__object1 {
  position: absolute;
  left: -16px;
  top: 5%;
  max-width: 382px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__object1 {
    left: -0.8333333333vw;
    max-width: 19.8958333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__object1 {
    left: -11.6666666667px;
    max-width: 278.5416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__object1 {
    max-width: 114.6px;
    left: -12px;
    top: -85px;
  }
}
.p-top-work__object1 img {
  width: 100%;
  height: auto;
}
.p-top-work__object1::after {
  position: absolute;
  content: "";
  background-image: url(../images/top/work-img1-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 350px;
  height: 350px;
  top: 30px;
  left: 6%;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__object1::after {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
    top: 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__object1::after {
    width: 255.2083333333px;
    height: 255.2083333333px;
    top: 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__object1::after {
    width: 105px;
    height: 105px;
    top: 9px;
  }
}
.p-top-work__object2 {
  position: absolute;
  right: 15px;
  top: -25%;
  max-width: 416px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__object2 {
    right: 0.78125vw;
    max-width: 21.6666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__object2 {
    right: 10.9375px;
    max-width: 303.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__object2 {
    max-width: 124.8px;
    right: -46px;
    top: -85px;
  }
}
.p-top-work__object2 img {
  width: 100%;
  height: auto;
}
.p-top-work__object2::after {
  position: absolute;
  content: "";
  background-image: url(../images/top/work-img2-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 350px;
  height: 350px;
  top: 50px;
  left: 5%;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__object2::after {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
    top: 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__object2::after {
    width: 255.2083333333px;
    height: 255.2083333333px;
    top: 36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__object2::after {
    width: 105px;
    height: 105px;
    top: 15px;
  }
}
.p-top-work__object3 {
  position: absolute;
  right: 153px;
  bottom: -52%;
  max-width: 440px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__object3 {
    right: 7.96875vw;
    max-width: 22.9166666667vw;
  }
}
.p-top-work__object3 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__object3 {
    right: 111.5625px;
    max-width: 320.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__object3 {
    max-width: 132px;
    right: -24px;
    bottom: -30%;
  }
}
.p-top-work__object3 img {
  width: 100%;
  height: auto;
}
.p-top-work__object3::after {
  position: absolute;
  content: "";
  background-image: url(../images/top/work-img3-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 350px;
  height: 350px;
  top: 0;
  left: 8%;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-work__object3::after {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-work__object3::after {
    width: 255.2083333333px;
    height: 255.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-work__object3::after {
    width: 105px;
    height: 105px;
  }
}
.p-top {
  /*office====================*/
}
.p-top-office {
  background-color: #FFE800;
  padding: 120px 0 130px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office {
    padding: 6.25vw 0 6.7708333333vw;
  }
}
.p-top-office {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office {
    padding: 87.5px 0 94.7916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office {
    padding: 96px 0 104px;
  }
}
.p-top-office::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-office.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 34.1%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -218px;
  width: 994px;
  height: 1037px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office::after {
    top: -11.3541666667vw;
    width: 51.7708333333vw;
    height: 54.0104166667vw;
  }
}
.p-top-office::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office::after {
    top: -158.9583333333px;
    width: 724.7916666667px;
    height: 756.1458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office::after {
    top: -87.2px;
    width: 397.6px;
    height: 414.8px;
  }
}
.p-top-office__titlewrap {
  position: relative;
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 186px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__titlewrap {
    padding-bottom: 9.6875vw;
  }
}
.p-top-office__titlewrap {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__titlewrap {
    padding-bottom: 135.625px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__titlewrap {
    padding-bottom: 148.8px;
  }
}
.p-top-office__title {
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__title {
    max-width: 36.4583333333vw;
  }
}
.p-top-office__title {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__title {
    max-width: 510.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__title {
    max-width: 280px;
  }
}
.p-top-office__title img {
  width: 100%;
  height: auto;
}
.p-top-office__lead {
  position: absolute;
  left: 42.5%;
  bottom: 0;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__lead {
    /* left, bottom はパーセンテージ/0なので変換なし */
  }
}
.p-top-office__lead {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__lead {
    /* left, bottom はパーセンテージ/0なので変換なし */
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__lead {
    left: unset;
    right: 0;
  }
}
.p-top-office__lead .-bg1 {
  background-color: #fff;
  padding: 0 6px 0 15px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__lead .-bg1 {
    padding: 0 0.3125vw 0 0.78125vw;
  }
}
.p-top-office__lead .-bg1 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__lead .-bg1 {
    padding: 0 4.375px 0 10.9375px;
  }
}
.p-top-office__lead .-bg2 {
  background-color: #54C3F1;
  padding: 0 11px 0 16px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__lead .-bg2 {
    padding: 0 0.5729166667vw 0 0.8333333333vw;
  }
}
.p-top-office__lead .-bg2 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__lead .-bg2 {
    padding: 0 8.0208333333px 0 11.6666666667px;
  }
}
.p-top-office__wrapper {
  position: relative;
  margin-top: -154px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__wrapper {
    margin-top: -8.0208333333vw;
  }
}
.p-top-office__wrapper {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__wrapper {
    margin-top: -112.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__wrapper {
    margin-top: -15px;
  }
}
.p-top-office__slider {
  position: absolute;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  rotate: 3deg;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__slider {
    /* rotate は変換なし */
  }
}
.p-top-office__slider {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__slider {
    /* rotate は変換なし */
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__slider {
    rotate: 0deg;
    padding: 50px 0;
  }
}
.p-top-office__slider .c-flowslider__track {
  width: 3922px; /* アイテム幅 × 個数 */
  gap: 70px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__slider .c-flowslider__track {
    width: 204.2708333333vw;
    gap: 3.6458333333vw;
  }
}
.p-top-office__slider .c-flowslider__track {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__slider .c-flowslider__track {
    width: 2859.7916666667px;
    gap: 51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__slider .c-flowslider__track {
    width: 1961px;
    gap: 35px;
    rotate: 3deg;
  }
}
.p-top-office__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1961px;
          flex: 0 0 1961px; /* 1つのスライドの幅 */
  font-size: 160px;
  font-family: "Dela Gothic One", sans-serif;
  color: #fff;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 102.1354166667vw;
            flex: 0 0 102.1354166667vw;
    font-size: 8.3333333333vw;
  }
}
.p-top-office__item {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1429.8958333333px;
            flex: 0 0 1429.8958333333px;
    font-size: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 980.5px;
            flex: 0 0 980.5px;
    font-size: 80px;
  }
}
.p-top-office__contents {
  max-width: 1474px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 136px 0px 98px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__contents {
    max-width: 76.7708333333vw;
    padding: 7.0833333333vw 0px 5.1041666667vw;
  }
}
.p-top-office__contents {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__contents {
    max-width: 1074.7916666667px;
    padding: 99.1666666667px 0px 71.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__contents {
    padding: 0 0 0;
  }
}
.p-top-office__contents::before, .p-top-office__contents::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}
.p-top-office__contents::before {
  background-image: url("../images/top/office-top-pc.webp");
  top: -32px;
  left: -10px;
  width: 100%;
  aspect-ratio: 1467/189;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__contents::before {
    top: -1.6666666667vw;
    left: -0.5208333333vw;
  }
}
.p-top-office__contents::before {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__contents::before {
    top: -23.3333333333px;
    left: -7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__contents::before {
    top: -40px;
    left: -6px;
    width: 103%;
  }
}
.p-top-office__contents::after {
  background-image: url("../images/top/office-bottom-pc.webp");
  bottom: -38px;
  left: 40px;
  width: 96.5%;
  aspect-ratio: 1422/175;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__contents::after {
    bottom: -1.9791666667vw;
    left: 2.0833333333vw;
  }
}
.p-top-office__contents::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__contents::after {
    bottom: -27.7083333333px;
    left: 29.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__contents::after {
    bottom: -45px;
    left: 0px;
    width: 102%;
  }
}
.p-top-office__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__inner {
    max-width: 62.5vw;
  }
}
.p-top-office__inner {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__inner {
    max-width: 875px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__inner {
    padding: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-top-office__head, .p-top-office__body {
  background-color: #000;
  position: relative;
  z-index: 0;
}
.p-top-office__head .p-top-office__bg, .p-top-office__body .p-top-office__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__head .p-top-office__bg, .p-top-office__body .p-top-office__bg {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
.p-top-office__head .p-top-office__bg, .p-top-office__body .p-top-office__bg {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__head .p-top-office__bg, .p-top-office__body .p-top-office__bg {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
.p-top-office__head {
  width: calc(54% + 25px);
  padding: 35px 38px 36px 33px;
  -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
  margin-right: -25px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__head {
    width: calc(54% + 1.30208vw);
    padding: 1.8229166667vw 1.9791666667vw 1.875vw 1.71875vw;
    margin-right: -1.3020833333vw;
  }
}
.p-top-office__head {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__head {
    width: calc(54% + 18.22917px);
    padding: 25.5208333333px 27.7083333333px 26.25px 24.0625px;
    margin-right: -18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__head {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
    width: 100%;
    margin-right: unset;
    padding: 35px 38px 66px 33px;
  }
}
.p-top-office__head .p-top-office__bg {
  -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  .p-top-office__head .p-top-office__bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
  }
}
.p-top-office__head figure {
  position: relative;
  z-index: 2;
  -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  .p-top-office__head figure {
    -webkit-clip-path: unset;
            clip-path: unset;
  }
}
.p-top-office__head figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 596/316;
}
.p-top-office__head a {
  position: relative;
  z-index: 2;
  font-size: 22px;
  line-height: 1.0909090909;
  font-weight: 700;
  border-bottom: 2px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
  width: 100%;
  padding: 23px 0 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__head a {
    font-size: 1.1458333333vw;
    border-bottom: 0.1041666667vw solid;
    gap: 1.1458333333vw;
    padding: 1.1979166667vw 0 1.0416666667vw;
  }
}
.p-top-office__head a {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__head a {
    font-size: 16.0416666667px;
    border-bottom: 1.4583333333px solid;
    gap: 16.0416666667px;
    padding: 16.7708333333px 0 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__head a {
    font-size: 16px;
    -webkit-clip-path: unset;
            clip-path: unset;
    gap: 16px;
  }
}
.p-top-office__head p {
  position: relative;
  z-index: 2;
  -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 500;
  margin-top: 18px;
  padding-right: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__head p {
    font-size: 0.9375vw;
    margin-top: 0.9375vw;
    padding-right: 3.125vw;
  }
}
.p-top-office__head p {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__head p {
    font-size: 13.125px;
    margin-top: 13.125px;
    padding-right: 43.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__head p {
    -webkit-clip-path: unset;
            clip-path: unset;
    font-size: 14px;
    padding-right: unset;
  }
}
.p-top-office__body {
  width: calc(47% + 25px);
  -webkit-clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -25px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__body {
    width: calc(47% + 1.30208vw);
    margin-left: -1.3020833333vw;
  }
}
.p-top-office__body {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__body {
    width: calc(47% + 18.22917px);
    margin-left: -18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__body {
    -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
    width: 100%;
    margin-left: unset;
    margin-top: -16px;
  }
}
.p-top-office__body .p-top-office__bg {
  -webkit-clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  .p-top-office__body .p-top-office__bg {
    -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
  }
}
.p-top-office__body ul {
  position: relative;
  z-index: 2;
  overflow-y: scroll;
  height: 525px;
  padding: 44px 65px 10px 116px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__body ul {
    height: 27.34375vw;
    padding: 2.2916666667vw 3.3854166667vw 0.5208333333vw 6.0416666667vw;
  }
}
.p-top-office__body ul {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__body ul {
    height: 382.8125px;
    padding: 32.0833333333px 47.3958333333px 7.2916666667px 84.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__body ul {
    padding: 44px 25px 10px 25px;
    height: 335px;
  }
}
.p-top-office__body li {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  padding: 19px 0;
  border-bottom: 1px solid;
  cursor: pointer;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-office__body li {
    font-size: 1.0416666667vw;
    padding: 0.9895833333vw 0;
    border-bottom: 0.0520833333vw solid;
  }
}
.p-top-office__body li {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-office__body li {
    font-size: 14.5833333333px;
    padding: 13.8541666667px 0;
    border-bottom: 0.7291666667px solid;
  }
}
@media screen and (max-width: 768px) {
  .p-top-office__body li {
    font-size: 14px;
  }
}
.p-top {
  /*secret====================*/
}
.p-top-secret {
  background-color: #ED5500;
  padding: 173px 0 310px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret {
    padding: 9.0104166667vw 0 16.1458333333vw;
  }
}
.p-top-secret {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret {
    padding: 126.1458333333px 0 226.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret {
    padding: 86.5px 0 155px;
  }
}
.p-top-secret::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-secret.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 48.3%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -121px;
  width: 823px;
  height: 836px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret::after {
    top: -6.3020833333vw;
    width: 42.8645833333vw;
    height: 43.5416666667vw;
  }
}
.p-top-secret::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret::after {
    top: -88.2291666667px;
    width: 600.1041666667px;
    height: 609.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret::after {
    top: -48.4px;
    width: 329.2px;
    height: 334.4px;
  }
}
.p-top-secret__titlewrap {
  position: relative;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 195px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__titlewrap {
    padding-bottom: 10.15625vw;
  }
}
.p-top-secret__titlewrap {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__titlewrap {
    padding-bottom: 142.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__titlewrap {
    padding-bottom: 156px;
  }
}
.p-top-secret__title {
  max-width: 928px;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__title {
    max-width: 48.3333333333vw;
  }
}
.p-top-secret__title {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__title {
    max-width: 676.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__title {
    max-width: 300px;
  }
}
.p-top-secret__title img {
  width: 100%;
  height: auto;
}
.p-top-secret__lead {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__lead {
    /* bottom, left は変換なし */
  }
}
.p-top-secret__lead {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__lead {
    /* bottom, left は変換なし */
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__lead {
    left: unset;
    right: -30%;
  }
}
.p-top-secret__lead .-bg1 {
  background-color: #54C3F1;
  padding: 0 11px 0 14px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__lead .-bg1 {
    padding: 0 0.5729166667vw 0 0.7291666667vw;
  }
}
.p-top-secret__lead .-bg1 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__lead .-bg1 {
    padding: 0 8.0208333333px 0 10.2083333333px;
  }
}
.p-top-secret__lead .-bg2 {
  background-color: #FFE800;
  padding: 0 16px 0 18px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__lead .-bg2 {
    padding: 0 0.8333333333vw 0 0.9375vw;
  }
}
.p-top-secret__lead .-bg2 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__lead .-bg2 {
    padding: 0 11.6666666667px 0 13.125px;
  }
}
.p-top-secret__contents {
  position: relative;
  max-width: 955px;
  margin: -52px auto 0;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__contents {
    max-width: 49.7395833333vw;
    margin: -2.7083333333vw auto 0;
  }
}
.p-top-secret__contents {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__contents {
    max-width: 696.3541666667px;
    margin: -37.9166666667px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__contents {
    margin: -12px auto 0;
    padding: 0 20px;
  }
}
.p-top-secret__contents:before, .p-top-secret__contents::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}
.p-top-secret__contents::before {
  background-image: url("../images/top/secret-before.webp");
  width: 260px;
  height: 248px;
  right: -280px;
  top: -265px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__contents::before {
    width: 13.5416666667vw;
    height: 12.9166666667vw;
    right: -14.5833333333vw;
    top: -13.8020833333vw;
  }
}
.p-top-secret__contents::before {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__contents::before {
    width: 189.5833333333px;
    height: 180.8333333333px;
    right: -204.1666666667px;
    top: -193.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__contents::before {
    width: 78px;
    height: 74.4px;
    right: -30px;
    top: -26px;
    z-index: 4;
  }
}
.p-top-secret__contents::after {
  background-image: url("../images/top/secret-after.webp");
  width: 215px;
  height: 204px;
  left: -160px;
  bottom: -116px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__contents::after {
    width: 11.1979166667vw;
    height: 10.625vw;
    left: -8.3333333333vw;
    bottom: -6.0416666667vw;
  }
}
.p-top-secret__contents::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__contents::after {
    width: 156.7708333333px;
    height: 148.75px;
    left: -116.6666666667px;
    bottom: -84.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__contents::after {
    width: 64.5px;
    height: 61.2px;
    left: -30px;
    bottom: -26px;
    z-index: 4;
  }
}
.p-top-secret__img img {
  width: 100%;
  height: auto;
}
.p-top-secret__button1 {
  position: absolute;
  left: -127px;
  top: 39.8%;
  max-width: 510px;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__button1 {
    left: -6.6145833333vw;
    max-width: 26.5625vw;
  }
}
.p-top-secret__button1 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__button1 {
    left: -92.6041666667px;
    max-width: 371.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__button1 {
    left: 4px;
    top: 42.8%;
    max-width: 204px;
  }
}
.p-top-secret__button1::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/secret-button1-object.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: -120px;
  top: -160%;
  width: 355px;
  height: 357px;
  z-index: -1;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__button1::after {
    left: -6.25vw;
    width: 18.4895833333vw;
    height: 18.59375vw;
  }
}
.p-top-secret__button1::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__button1::after {
    left: -87.5px;
    width: 258.8541666667px;
    height: 260.3125px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__button1::after {
    left: -48px;
    width: 142px;
    height: 142.8px;
  }
}
.p-top-secret__button1 img {
  width: 100%;
  height: auto;
}
.p-top-secret__button2 {
  position: absolute;
  right: -12px;
  top: 36.5%;
  max-width: 380px;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__button2 {
    right: -0.625vw;
    max-width: 19.7916666667vw;
  }
}
.p-top-secret__button2 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__button2 {
    right: -8.75px;
    max-width: 277.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__button2 {
    right: 4px;
    max-width: 152px;
  }
}
.p-top-secret__button2::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/secret-button2-object.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: -185px;
  top: -120%;
  width: 355px;
  height: 344px;
  z-index: -1;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__button2::after {
    right: -9.6354166667vw;
    width: 18.4895833333vw;
    height: 17.9166666667vw;
  }
}
.p-top-secret__button2::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__button2::after {
    right: -134.8958333333px;
    width: 258.8541666667px;
    height: 250.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__button2::after {
    right: -74px;
    width: 142px;
    height: 137.6px;
  }
}
.p-top-secret__button2 img {
  width: 100%;
  height: auto;
}
.p-top-secret__button3 {
  position: absolute;
  left: 56%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -26px;
  max-width: 575px;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__button3 {
    bottom: -1.3541666667vw;
    max-width: 29.9479166667vw;
  }
}
.p-top-secret__button3 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__button3 {
    bottom: -18.9583333333px;
    max-width: 419.2708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__button3 {
    bottom: -10.4px;
    max-width: 230px;
  }
}
.p-top-secret__button3::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/secret-button3-object.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: -183px;
  top: -90%;
  width: 353px;
  height: 350px;
  z-index: -1;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-secret__button3::after {
    left: -9.53125vw;
    width: 18.3854166667vw;
    height: 18.2291666667vw;
  }
}
.p-top-secret__button3::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-secret__button3::after {
    left: -133.4375px;
    width: 257.3958333333px;
    height: 255.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-secret__button3::after {
    left: -73.2px;
    width: 141.2px;
    height: 140px;
  }
}
.p-top-secret__button3 img {
  width: 100%;
  height: auto;
}
.p-top {
  /*movie====================*/
}
.p-top-movie {
  background-color: #FFE800;
  padding: 133px 0 155px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie {
    padding: 6.9270833333vw 0 8.0729166667vw;
  }
}
.p-top-movie {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie {
    padding: 96.9791666667px 0 113.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie {
    padding: 66.5px 0 77.5px;
  }
}
.p-top-movie::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-movie.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -228px;
  width: 920px;
  height: 950px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie::after {
    top: -11.875vw;
    width: 47.9166666667vw;
    height: 49.4791666667vw;
  }
}
.p-top-movie::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie::after {
    top: -166.25px;
    width: 670.8333333333px;
    height: 692.7083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie::after {
    top: -91.2px;
    width: 368px;
    height: 380px;
  }
}
.p-top-movie__titlewrap {
  position: relative;
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 163px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__titlewrap {
    padding-bottom: 8.4895833333vw;
  }
}
.p-top-movie__titlewrap {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__titlewrap {
    padding-bottom: 118.8541666667px;
  }
}
.p-top-movie__titlewrap::before, .p-top-movie__titlewrap::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}
.p-top-movie__titlewrap::before {
  background-image: url("../images/top/movie-before.webp");
  left: -204px;
  bottom: 49px;
  width: 77px;
  height: 103px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__titlewrap::before {
    left: -10.625vw;
    bottom: 2.5520833333vw;
    width: 4.0104166667vw;
    height: 5.3645833333vw;
  }
}
.p-top-movie__titlewrap::before {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__titlewrap::before {
    left: -148.75px;
    bottom: 35.7291666667px;
    width: 56.1458333333px;
    height: 75.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__titlewrap::before {
    left: -50px;
    bottom: 24.5px;
    width: 38.5px;
    height: 51.5px;
  }
}
.p-top-movie__titlewrap::after {
  background-image: url("../images/top/movie-after.webp");
  right: -247px;
  bottom: 151px;
  width: 77px;
  height: 80px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__titlewrap::after {
    right: -12.8645833333vw;
    bottom: 7.8645833333vw;
    width: 4.0104166667vw;
    height: 4.1666666667vw;
  }
}
.p-top-movie__titlewrap::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__titlewrap::after {
    right: -180.1041666667px;
    bottom: 110.1041666667px;
    width: 56.1458333333px;
    height: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__titlewrap::after {
    right: -40px;
    bottom: 55px;
    width: 38.5px;
    height: 40px;
  }
}
.p-top-movie__title {
  max-width: 587px;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__title {
    max-width: 30.5729166667vw;
  }
}
.p-top-movie__title {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__title {
    max-width: 428.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__title {
    max-width: 234.8px;
  }
}
.p-top-movie__title img {
  width: 100%;
  height: auto;
}
.p-top-movie__lead {
  position: absolute;
  right: 6.5%;
  bottom: 0;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__lead {
    /* bottom, right は変換なし */
  }
}
.p-top-movie__lead {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__lead {
    /* bottom, right は変換なし */
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__lead {
    right: -26%;
  }
}
.p-top-movie__lead .-bg1 {
  background-color: #54C3F1;
  padding: 0 13px 0 17px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__lead .-bg1 {
    padding: 0 0.6770833333vw 0 0.8854166667vw;
  }
}
.p-top-movie__lead .-bg1 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__lead .-bg1 {
    padding: 0 9.4791666667px 0 12.3958333333px;
  }
}
.p-top-movie__lead .-bg2 {
  background-color: #ED5500;
  padding: 0 16px 0 16px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__lead .-bg2 {
    padding: 0 0.8333333333vw 0 0.8333333333vw;
  }
}
.p-top-movie__lead .-bg2 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__lead .-bg2 {
    padding: 0 11.6666666667px 0 11.6666666667px;
  }
}
.p-top-movie__slider {
  rotate: -3deg;
  margin-top: -38px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__slider {
    margin-top: -1.9791666667vw;
  }
}
.p-top-movie__slider {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__slider {
    margin-top: -27.7083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__slider {
    rotate: 0deg;
    margin-top: -78px;
    padding-bottom: 80px;
  }
}
.p-top-movie__slider .c-flowslider__track {
  width: 4600px;
  gap: 20px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__slider .c-flowslider__track {
    width: 239.5833333333vw;
    gap: 1.0416666667vw;
  }
}
.p-top-movie__slider .c-flowslider__track {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__slider .c-flowslider__track {
    width: 3354.1666666667px;
    gap: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__slider .c-flowslider__track {
    rotate: -3deg;
    width: 2800px;
  }
}
.p-top-movie__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 460px;
          flex: 0 0 460px; /* 1つのスライドの幅 */
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23.9583333333vw;
            flex: 0 0 23.9583333333vw;
  }
}
.p-top-movie__item {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 335.4166666667px;
            flex: 0 0 335.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
            flex: 0 0 280px; /* 1つのスライドの幅 */
  }
}
.p-top-movie__item time {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4444444444;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__item time {
    font-size: 0.9375vw;
  }
}
.p-top-movie__item time {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__item time {
    font-size: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__item time {
    font-size: 14px;
  }
}
.p-top-movie__item h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__item h3 {
    font-size: 0.9375vw;
  }
}
.p-top-movie__item h3 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__item h3 {
    font-size: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__item h3 {
    font-size: 14px;
  }
}
.p-top-movie__img {
  border: 10px solid;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__img {
    border: 0.5208333333vw solid;
  }
}
.p-top-movie__img {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__img {
    border: 7.2916666667px solid;
  }
}
.p-top-movie__img::after {
  position: absolute;
  content: "";
  background-image: url("../images/common/icon-movie.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 85px;
  height: 85px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__img::after {
    width: 4.4270833333vw;
    height: 4.4270833333vw;
  }
}
.p-top-movie__img::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__img::after {
    width: 61.9791666667px;
    height: 61.9791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__img::after {
    width: 42.5px;
    height: 42.5px;
  }
}
.p-top-movie__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 460/304;
}
.p-top-movie__body {
  margin-top: 20px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__body {
    margin-top: 1.0416666667vw;
  }
}
.p-top-movie__body {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__body {
    margin-top: 14.5833333333px;
  }
}
.p-top-movie__body h3 {
  margin-top: 8px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__body h3 {
    margin-top: 0.4166666667vw;
  }
}
.p-top-movie__body h3 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__body h3 {
    margin-top: 5.8333333333px;
  }
}
.p-top-movie__button {
  margin: 87px auto 0;
  max-width: 400px;
  padding-left: 7px;
  display: block;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-movie__button {
    margin: 4.53125vw auto 0;
    max-width: 20.8333333333vw;
    padding-left: 0.3645833333vw;
  }
}
.p-top-movie__button {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-movie__button {
    margin: 63.4375px auto 0;
    max-width: 291.6666666667px;
    padding-left: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-movie__button {
    max-width: 200px;
    margin: 43.5px auto 0;
  }
}
.p-top-movie__button img {
  width: 100%;
  height: auto;
}
.p-top {
  /*intern====================*/
}
.p-top-intern {
  background-color: #ED5500;
  padding: 182px 0 110px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern {
    padding: 9.4791666667vw 0 5.7291666667vw;
  }
}
.p-top-intern {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern {
    padding: 132.7083333333px 0 80.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern {
    padding: 91px 0 55px;
  }
}
.p-top-intern::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-intern.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 52%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -205px;
  width: 980px;
  height: 1007px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern::after {
    top: -10.6770833333vw;
    width: 51.0416666667vw;
    height: 52.4479166667vw;
  }
}
.p-top-intern::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern::after {
    top: -149.4791666667px;
    width: 714.5833333333px;
    height: 734.2708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern::after {
    top: -82px;
    width: 392px;
    height: 402.8px;
  }
}
.p-top-intern__titlewrap {
  position: relative;
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 211px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__titlewrap {
    padding-bottom: 10.9895833333vw;
  }
}
.p-top-intern__titlewrap {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__titlewrap {
    padding-bottom: 153.8541666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__titlewrap {
    padding-bottom: 168.8px;
  }
}
.p-top-intern__title {
  max-width: 981px;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__title {
    max-width: 51.09375vw;
  }
}
.p-top-intern__title {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__title {
    max-width: 715.3125px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__title {
    max-width: 392.4px;
  }
}
.p-top-intern__title img {
  width: 100%;
  height: auto;
}
.p-top-intern__lead {
  position: absolute;
  left: 56.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__lead {
    /* bottom, left は変換なし */
  }
}
.p-top-intern__lead {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__lead {
    /* bottom, left は変換なし */
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__lead {
    left: 49%;
  }
}
.p-top-intern__lead .-bg1 {
  background-color: #FFE800;
  padding: 0px 20px 0 15px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__lead .-bg1 {
    padding: 0 1.0416666667vw 0 0.78125vw;
  }
}
.p-top-intern__lead .-bg1 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__lead .-bg1 {
    padding: 0 14.5833333333px 0 10.9375px;
  }
}
.p-top-intern__lead .-bg2 {
  background-color: #54C3F1;
  padding: 0px 13px 0 15px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__lead .-bg2 {
    padding: 0 0.6770833333vw 0 0.78125vw;
  }
}
.p-top-intern__lead .-bg2 {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__lead .-bg2 {
    padding: 0 9.4791666667px 0 10.9375px;
  }
}
.p-top-intern__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
  margin-top: -491px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__contents {
    gap: 1.0416666667vw;
    margin-top: -25.5729166667vw;
  }
}
.p-top-intern__contents {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__contents {
    gap: 14.5833333333px;
    margin-top: -358.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__contents {
    margin-top: unset;
    padding: 20px;
  }
}
.p-top-intern__center {
  width: calc(52% - 40px);
  min-height: 453px;
  background-color: #000;
  -webkit-clip-path: polygon(0 28%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 28%, 100% 0, 100% 100%, 0% 100%);
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__center {
    min-height: 23.59375vw;
    width: calc(52% - 2.08333vw);
  }
}
.p-top-intern__center {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__center {
    min-height: 330.3125px;
    width: calc(52% - 29.16667px);
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__center {
    width: 100%;
    -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
  }
}
.p-top-intern__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  -webkit-clip-path: polygon(0 28.5%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 28.5%, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__bg {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
.p-top-intern__bg {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__bg {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__bg {
    -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
  }
}
.p-top-intern__list {
  -webkit-clip-path: polygon(0 28.5%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 28.5%, 100% 0, 100% 100%, 0% 100%);
  height: 392px;
  overflow-y: scroll;
  padding: 105px 70px 0px 48px;
  width: 100%;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__list {
    height: 20.4166666667vw;
    padding: 5.46875vw 3.6458333333vw 0 2.5vw;
  }
}
.p-top-intern__list {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__list {
    height: 285.8333333333px;
    padding: 76.5625px 51.0416666667px 0 35px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__list {
    -webkit-clip-path: unset;
            clip-path: unset;
    position: relative;
    z-index: 4;
    padding: 15px 24px 0px 24px;
  }
}
.p-top-intern__list li {
  border-bottom: 2px dotted;
  padding: 27px 0 16px;
  list-style: none;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__list li {
    border-bottom: 0.1041666667vw dotted;
    padding: 1.40625vw 0 0.8333333333vw;
  }
}
.p-top-intern__list li {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__list li {
    border-bottom: 1.4583333333px dotted;
    padding: 19.6875px 0 11.6666666667px;
  }
}
.p-top-intern__list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__list div {
    gap: 0.625vw;
  }
}
.p-top-intern__list div {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__list div {
    gap: 8.75px;
  }
}
.p-top-intern__list div time {
  font-size: 18px;
  line-height: 1.3333333333;
  font-weight: 600;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__list div time {
    font-size: 0.9375vw;
  }
}
.p-top-intern__list div time {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__list div time {
    font-size: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__list div time {
    font-size: 14px;
  }
}
.p-top-intern__list div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__list div ul {
    gap: 0.625vw;
  }
}
.p-top-intern__list div ul {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__list div ul {
    gap: 8.75px;
  }
}
.p-top-intern__list div ul li {
  font-size: 15px;
  font-weight: 500;
  padding: 8px 20px;
  border: 1px solid;
  border-radius: 50px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__list div ul li {
    font-size: 0.78125vw;
    padding: 0.4166666667vw 1.0416666667vw;
    border: 0.0520833333vw solid;
    border-radius: 2.6041666667vw;
  }
}
.p-top-intern__list div ul li {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__list div ul li {
    font-size: 10.9375px;
    padding: 5.8333333333px 14.5833333333px;
    border: 0.7291666667px solid;
    border-radius: 36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__list div ul li {
    font-size: 12px;
    padding: 7px 10px;
  }
}
.p-top-intern__disc {
  display: block;
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 500;
  margin-top: 9px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__disc {
    font-size: 0.9375vw;
    margin-top: 0.46875vw;
  }
}
.p-top-intern__disc {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__disc {
    font-size: 13.125px;
    margin-top: 6.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__disc {
    font-size: 14px;
  }
}
.p-top-intern__left, .p-top-intern__right {
  width: 24%;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__left, .p-top-intern__right {
    /* width は変換なし */
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__left, .p-top-intern__right {
    /* width は変換なし */
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__left, .p-top-intern__right {
    display: none;
  }
}
.p-top-intern__left img, .p-top-intern__right img {
  width: 100%;
  height: auto;
}
.p-top-intern__button {
  display: block;
  margin: 45px auto 0;
  max-width: 340px;
  padding-left: 7px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-intern__button {
    margin: 2.34375vw auto 0;
    max-width: 17.7083333333vw;
    padding-left: 0.3645833333vw;
  }
}
.p-top-intern__button {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-intern__button {
    margin: 32.8125px auto 0;
    max-width: 247.9166666667px;
    padding-left: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-intern__button {
    max-width: 170px;
    margin: 22.5px auto 0;
  }
}
.p-top-intern__button img {
  width: 100%;
  height: auto;
}
.p-top {
  /*entry====================*/
}
.p-top-entry {
  background-color: #FFE800;
  padding: 162px 0 136px;
  position: relative;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-entry {
    padding: 8.4375vw 0 7.0833333333vw;
  }
}
.p-top-entry {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-entry {
    padding: 118.125px 0 99.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-entry {
    padding: 81px 0 68px;
  }
}
.p-top-entry::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/object-entry.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -142px;
  width: 823px;
  height: 836px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-entry::after {
    top: -7.3958333333vw;
    width: 42.8645833333vw;
    height: 43.5416666667vw;
  }
}
.p-top-entry::after {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-entry::after {
    top: -103.5416666667px;
    width: 600.1041666667px;
    height: 609.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-entry::after {
    top: -56.8px;
    width: 329.2px;
    height: 334.4px;
  }
}
.p-top-entry__title {
  max-width: 345px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-entry__title {
    max-width: 17.96875vw;
  }
}
.p-top-entry__title {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-entry__title {
    max-width: 251.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-entry__title {
    max-width: 172.5px;
  }
}
.p-top-entry__title img {
  width: 100%;
  height: auto;
}
.p-top-entry__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
  max-width: 926px;
  padding-left: 7px;
  margin: 35px auto 0;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-entry__buttons {
    gap: 2.34375vw;
    max-width: 48.2291666667vw;
    padding-left: 0.3645833333vw;
    margin: 1.8229166667vw auto 0;
  }
}
.p-top-entry__buttons {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-entry__buttons {
    gap: 32.8125px;
    max-width: 675.2083333333px;
    padding-left: 5.1041666667px;
    margin: 25.5208333333px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-entry__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    max-width: 280px;
  }
}
.p-top-entry__button img {
  width: 100%;
  height: auto;
}
.p-top-entry__slider {
  margin-top: 65px;
  padding-bottom: 2px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-top-entry__slider {
    margin-top: 3.3854166667vw;
  }
}
.p-top-entry__slider {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-top-entry__slider {
    margin-top: 47.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-entry__slider {
    margin-top: 30px;
  }
}

@-webkit-keyframes blink {
  0%, 45% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

@keyframes blink {
  0%, 45% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.p-job {
  /*contents====================*/
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-slider .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47.7083333333vw;
            flex: 0 0 47.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-slider .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 667.9166666667px;
            flex: 0 0 667.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-hoiku .p-job-slider .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60.2666666667vw;
            flex: 0 0 60.2666666667vw;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-slider .c-flowslider__track {
    width: 190.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-slider .c-flowslider__track {
    width: 2671.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-hoiku .p-job-slider .c-flowslider__track {
    width: 241.0666666667vw;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-message__title {
    max-width: 36.9791666667vw;
    padding-left: 0.6770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-message__title {
    max-width: 517.7083333333px;
    padding-left: 9.4791666667px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-features {
    padding-bottom: 7.5520833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-features {
    padding-bottom: 105.7291666667px;
  }
}
@media (min-width: 769px) {
  .p-job__contents.-hoiku .p-job-features__item.-item2 .p-job-features__lead {
    left: 46.4%;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-features__item.-item3 .p-job-features__body {
    margin: 5.7291666667vw 4.3229166667vw 0 -7.4479166667vw;
    padding: 5.15625vw 3.125vw 3.6458333333vw 7.96875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-features__item.-item3 .p-job-features__body {
    margin: 80.2083333333px 60.5208333333px 0 -104.2708333333px;
    padding: 72.1875px 43.75px 51.0416666667px 111.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-hoiku .p-job-features__item.-item3 .p-job-features__body {
    padding: 90px 30px 40px 46px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-features__item.-item3::after {
    right: 5vw;
    top: 5.1041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-features__item.-item3::after {
    right: 70px;
    top: 71.4583333333px;
  }
}
@media (min-width: 769px) {
  .p-job__contents.-hoiku .p-job-features__item.-item3 .p-job-features__lead {
    top: 23%;
    left: 40%;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-features__item.-item4 {
    margin-top: 1.8229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-features__item.-item4 {
    margin-top: 25.5208333333px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-features__item.-item4 .p-job-features__body {
    height: 23.9583333333vw;
    padding: 4.9479166667vw 4.1666666667vw 2.0833333333vw 3.75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-features__item.-item4 .p-job-features__body {
    height: 335.4166666667px;
    padding: 69.2708333333px 58.3333333333px 29.1666666667px 52.5px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-features__item.-item4::before {
    left: 5.7291666667vw;
    bottom: -2.5vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-features__item.-item4::before {
    left: 80.2083333333px;
    bottom: -35px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-hoiku .p-job-features__item.-item4 .p-job-features__lead {
    top: 31%;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-message__img1 {
    max-width: 15.1041666667vw;
    left: -9.4270833333vw;
    bottom: -2.7604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-message__img1 {
    max-width: 211.4583333333px;
    left: -131.9791666667px;
    bottom: -38.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-hoiku .p-job-message__img1 {
    max-width: 97.2px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-hoiku .p-job-message__img2 {
    max-width: 11.4583333333vw;
    right: -6.25vw;
    bottom: -3.0208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-hoiku .p-job-message__img2 {
    max-width: 160px;
    width: 100%;
    right: -87.5px;
    bottom: -42.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-hoiku .p-job-message__img2 {
    max-width: 112.8px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-slider .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47.7083333333vw;
            flex: 0 0 47.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-slider .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 667.9166666667px;
            flex: 0 0 667.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-slider .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60.2666666667vw;
            flex: 0 0 60.2666666667vw;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-slider .c-flowslider__track {
    width: 190.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-slider .c-flowslider__track {
    width: 2671.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-slider .c-flowslider__track {
    width: 241.0666666667vw;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-message__inner {
    padding: 5.8333333333vw 0.5208333333vw 9.6875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-message__inner {
    padding: 81.6666666667px 7.2916666667px 135.625px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-message__title {
    max-width: 34.2708333333vw;
    padding-left: 6.5625vw;
    margin: unset;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-message__title {
    max-width: 479.7916666667px;
    padding-left: 91.875px;
  }
}
.p-job__contents.-fukushi .p-job-commitment__col2 figure {
  margin-left: auto;
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-commitment__col2 figure {
    max-width: 15.2083333333vw;
    margin-right: -0.5208333333vw;
    margin-bottom: -0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-commitment__col2 figure {
    max-width: 212.9166666667px;
    margin-right: -7.2916666667px;
    margin-bottom: -11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-commitment__col2 figure {
    max-width: 280px;
  }
}
.p-job__contents.-fukushi .p-job-commitment__col2 img {
  width: 100%;
  height: auto;
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-commitment__disc {
    margin-top: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-commitment__disc {
    margin-top: 11.6666666667px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features {
    padding-bottom: 11.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features {
    padding-bottom: 161.875px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__item.-item1 .p-job-features__body {
    padding: 4.3229166667vw 1.5625vw 0.5208333333vw 8.59375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__item.-item1 .p-job-features__body {
    padding: 60.5208333333px 21.875px 7.2916666667px 120.3125px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-features__item.-item1 .p-job-features__body {
    padding: 60px 30px 60px 40px;
  }
}
@media (min-width: 769px) {
  .p-job__contents.-fukushi .p-job-features__item.-item2 .p-job-features__lead {
    left: 46.4%;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3 .p-job-features__body {
    margin: 5.8333333333vw 5.6770833333vw 0 -4.4270833333vw;
    padding: 5.15625vw 5.2083333333vw 3.6458333333vw 7.96875vw;
    width: 45%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3 .p-job-features__body {
    margin: 81.6666666667px 79.4791666667px 0 -61.9791666667px;
    padding: 72.1875px 72.9166666667px 51.0416666667px 111.5625px;
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3 .p-job-features__body {
    padding: 50px 28px 40px 42px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__body.-type3, .p-job__contents.-fukushi .p-job-features__body.-type3::after {
    -webkit-clip-path: polygon(13% 2%, 93% 8%, 100% 87%, 0% 93%);
            clip-path: polygon(13% 2%, 93% 8%, 100% 87%, 0% 93%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__body.-type3, .p-job__contents.-fukushi .p-job-features__body.-type3::after {
    -webkit-clip-path: polygon(13% 2%, 93% 8%, 100% 87%, 0% 93%);
            clip-path: polygon(13% 2%, 93% 8%, 100% 87%, 0% 93%);
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3::before {
    bottom: -3.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3::before {
    bottom: -46.6666666667px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3::after {
    right: 5vw;
    top: 5.1041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3::after {
    right: 70px;
    top: 71.4583333333px;
  }
}
@media (min-width: 769px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3 .p-job-features__lead {
    top: 27%;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-features__item.-item3 .p-job-features__lead {
    top: 41%;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__item.-item4 {
    margin-top: 2.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__item.-item4 {
    margin-top: 40.8333333333px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__item.-item4 .p-job-features__body {
    height: 20.8333333333vw;
    padding: 4.9479166667vw 4.1666666667vw 2.0833333333vw 3.75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__item.-item4 .p-job-features__body {
    height: 335.4166666667px;
    padding: 69.2708333333px 58.3333333333px 29.1666666667px 52.5px;
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__body.-type4, .p-job__contents.-fukushi .p-job-features__body.-type4::after {
    -webkit-clip-path: polygon(0 0, 100% 8%, 100% 80%, 8% 100%);
            clip-path: polygon(0 0, 100% 8%, 100% 80%, 8% 100%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__body.-type4, .p-job__contents.-fukushi .p-job-features__body.-type4::after {
    -webkit-clip-path: polygon(0 0, 100% 8%, 100% 80%, 8% 100%);
            clip-path: polygon(0 0, 100% 8%, 100% 80%, 8% 100%);
  }
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-features__item.-item4::before {
    left: 5.7291666667vw;
    bottom: -0.4166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-features__item.-item4::before {
    left: 80.2083333333px;
    bottom: -5.8333333333px;
  }
}
.p-job__contents.-fukushi .p-job-message__img1 {
  max-width: 310px;
  left: -186px;
  bottom: -36px;
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-message__img1 {
    max-width: 16.1458333333vw;
    left: -9.6875vw;
    bottom: -1.875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-message__img1 {
    max-width: 226.0416666667px;
    left: -135.625px;
    bottom: -26.25px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-message__img1 {
    max-width: 97.2px;
  }
}
.p-job__contents.-fukushi .p-job-message__img2 {
  max-width: 250px;
  right: -196px;
  bottom: -64px;
}
@media (min-width: 1400px) {
  .p-job__contents.-fukushi .p-job-message__img2 {
    max-width: 10.4166666667vw;
    right: -10.2083333333vw;
    bottom: -3.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job__contents.-fukushi .p-job-message__img2 {
    max-width: 150px;
    right: -142.9166666667px;
    bottom: -39.375px;
  }
}
@media screen and (max-width: 768px) {
  .p-job__contents.-fukushi .p-job-message__img2 {
    max-width: 112.8px;
  }
}
.p-job-slider {
  width: 100vw;
  margin: -191px calc(50% - 50vw) 0;
  overflow: unset;
}
@media (min-width: 1400px) {
  .p-job-slider {
    margin-top: -9.9479166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-slider {
    margin-top: -139.2708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-slider {
    margin-top: -70px;
  }
}
.p-job-slider__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1163px;
          flex: 0 0 1163px;
  font-size: 160px;
  font-family: "Dela Gothic One", sans-serif;
}
.p-job-slider__item:nth-of-type(odd) {
  color: #ED5500;
}
.p-job-slider__item:nth-of-type(even) {
  color: #54C3F1;
}
@media (min-width: 1400px) {
  .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60.5729166667vw;
            flex: 0 0 60.5729166667vw;
    font-size: 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 848.0208333333px;
            flex: 0 0 848.0208333333px;
    font-size: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-slider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.6vw;
            flex: 0 0 77.6vw;
    font-size: 10.6666666667vw;
  }
}
.p-job-slider .c-flowslider__track {
  width: 2326px;
  gap: 80px;
}
@media (min-width: 1400px) {
  .p-job-slider .c-flowslider__track {
    width: 121.1458333333vw;
    gap: 4.1666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-slider .c-flowslider__track {
    width: 1696.0416666667px;
    gap: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-slider .c-flowslider__track {
    width: 155.2vw;
    gap: 2.1333333333vw;
  }
}
.p-job-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 130px 0px 0 -21px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-job-nav {
    margin: 6.7708333333vw 0px 0 -1.09375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-nav {
    margin: 94.7916666667px 0px 0 -15.3125px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 60px;
    margin: 70px 0px 0 -21px;
  }
}
.p-job-nav::after {
  position: absolute;
  content: "";
  background-color: #000000;
  width: 200%;
  height: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 35px;
}
@media (min-width: 1400px) {
  .p-job-nav::after {
    height: 0.4166666667vw;
    bottom: 1.8229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-nav::after {
    height: 5.8333333333px;
    bottom: 25.5208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-nav::after {
    bottom: 0;
    left: 50%;
    width: 150%;
    height: 6px;
  }
}
.p-job-nav__item {
  display: block;
  position: relative;
  width: 338px;
  z-index: 2;
  cursor: pointer;
}
@media (min-width: 1400px) {
  .p-job-nav__item {
    width: 17.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-nav__item {
    width: 246.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-nav__item {
    width: 236.6px;
  }
}
.p-job-nav__item.-active {
  width: 370px;
  margin-top: -16px;
}
@media (min-width: 1400px) {
  .p-job-nav__item.-active {
    width: 19.2708333333vw;
    margin-top: -0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-nav__item.-active {
    width: 269.7916666667px;
    margin-top: -11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-nav__item.-active {
    width: 259px;
    margin-bottom: -40px;
  }
}
.p-job-nav__item.-active img.img-default {
  display: none;
}
.p-job-nav__item.-active img.img-active {
  display: inline-block;
}
.p-job-nav__item.-active span {
  color: #000000;
}
.p-job-nav__item.-active.-kaigo span {
  background-color: #54C3F1;
}
.p-job-nav__item.-active.-hoiku span {
  background-color: #FFE800;
}
.p-job-nav__item.-active.-fukushi span {
  background-color: #ED5500;
}
.p-job-nav__item span {
  position: absolute;
  top: -31px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 20px;
  font-weight: 900;
  padding: 0 16px;
  height: 58px;
  color: #959494;
  background-color: #FFFFFF;
  border: 5px solid;
  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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1400px) {
  .p-job-nav__item span {
    top: -1.6145833333vw;
    font-size: 1.0416666667vw;
    padding: 0 0.8333333333vw;
    height: 3.0208333333vw;
    border: 0.2604166667vw solid;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-nav__item span {
    top: -22.6041666667px;
    font-size: 14.5833333333px;
    padding: 0 11.6666666667px;
    height: 42.2916666667px;
    border: 3.6458333333px solid;
  }
}
@media screen and (max-width: 768px) {
  .p-job-nav__item span {
    font-size: 14px;
    height: 40px;
  }
}
.p-job-nav__item span.-active {
  color: #000000;
  background-color: #ED5500;
  top: -15px;
  left: 51%;
}
@media (min-width: 1400px) {
  .p-job-nav__item span.-active {
    top: -0.78125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-nav__item span.-active {
    top: -10.9375px;
  }
}
.p-job-nav__item img {
  width: 100%;
  height: auto;
}
.p-job-nav__item img.img-active {
  display: none;
}
.p-job-message {
  position: relative;
  max-width: 956px;
  margin: 0 auto;
  padding-top: 47px;
}
@media (min-width: 1400px) {
  .p-job-message {
    max-width: 49.7916666667vw;
    padding-top: 2.4479166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-message {
    max-width: 697.0833333333px;
    padding-top: 34.2708333333px;
  }
}
.p-job-message__inner {
  background-color: #000;
  -webkit-clip-path: polygon(0 5%, 94% 0, 100% 79%, 9% 100%);
          clip-path: polygon(0 5%, 94% 0, 100% 79%, 9% 100%);
  position: relative;
  padding: 112px 10px 155px;
}
@media (min-width: 1400px) {
  .p-job-message__inner {
    padding: 5.8333333333vw 0.5208333333vw 8.0729166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-message__inner {
    padding: 81.6666666667px 7.2916666667px 113.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-message__inner {
    -webkit-clip-path: polygon(0 5%, 97% 0, 100% 93%, 2% 100%);
            clip-path: polygon(0 5%, 97% 0, 100% 93%, 2% 100%);
    padding: 62px 30px 85px;
  }
}
.p-job-message__inner::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-clip-path: polygon(0 5%, 94% 0, 100% 79%, 9% 100%);
          clip-path: polygon(0 5%, 94% 0, 100% 79%, 9% 100%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-job-message__inner::after {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-message__inner::after {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
@media screen and (max-width: 768px) {
  .p-job-message__inner::after {
    -webkit-clip-path: polygon(0 5%, 97% 0, 100% 93%, 2% 100%);
            clip-path: polygon(0 5%, 97% 0, 100% 93%, 2% 100%);
  }
}
.p-job-message__title {
  max-width: 690px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-job-message__title {
    max-width: 35.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-message__title {
    max-width: 503.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-message__title {
    max-width: 95%;
  }
}
.p-job-message__title img {
  width: 100%;
  height: auto;
}
.p-job-message__disc {
  max-width: 690px;
  margin: 35px auto 0;
  position: relative;
  z-index: 2;
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1400px) {
  .p-job-message__disc {
    max-width: 35.9375vw;
    margin-top: 1.8229166667vw;
    font-size: 0.9375vw;
    gap: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-message__disc {
    max-width: 503.125px;
    margin-top: 25.5208333333px;
    font-size: 13.125px;
    gap: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-message__disc {
    font-size: 14px;
  }
}
.p-job-message__img1, .p-job-message__img2 {
  position: absolute;
}
.p-job-message__img1 img, .p-job-message__img2 img {
  width: 100%;
  height: auto;
}
.p-job-message__img1 {
  max-width: 243px;
  left: -110px;
  bottom: -48px;
}
@media (min-width: 1400px) {
  .p-job-message__img1 {
    max-width: 10.4166666667vw;
    left: -5.7291666667vw;
    bottom: -2.5vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-message__img1 {
    max-width: 140px;
    left: -80.2083333333px;
    bottom: -35px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-message__img1 {
    max-width: 97.2px;
  }
}
.p-job-message__img2 {
  max-width: 282px;
  right: -104px;
  bottom: -50px;
}
@media (min-width: 1400px) {
  .p-job-message__img2 {
    max-width: 13.0208333333vw;
    right: -5.4166666667vw;
    bottom: -2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-message__img2 {
    max-width: 185px;
    right: -75.8333333333px;
    bottom: -36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-message__img2 {
    max-width: 112.8px;
  }
}
.p-job-commitment {
  margin: 145px 0 0;
  padding: 60px 0 118px;
  background-color: #FFFFFF;
}
@media (min-width: 1400px) {
  .p-job-commitment {
    margin-top: 7.5520833333vw;
    padding: 3.125vw 0 6.1458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment {
    margin-top: 105.7291666667px;
    padding: 43.75px 0 86.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment {
    margin: 85px calc(50% - 50vw) 0;
  }
}
.p-job-commitment__title {
  max-width: 524px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-job-commitment__title {
    max-width: 27.2916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__title {
    max-width: 382.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__title {
    max-width: 209.6px;
  }
}
.p-job-commitment__title img {
  width: 100%;
  height: auto;
  padding-right: 75px;
}
@media (min-width: 1400px) {
  .p-job-commitment__title img {
    padding-right: 3.90625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__title img {
    padding-right: 54.6875px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__title img {
    padding-right: unset;
  }
}
.p-job-commitment__title::after {
  position: absolute;
  content: "";
  background-image: url(../images/job/commitment-title-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 375px;
  height: 375px;
  top: -65%;
  left: -45%;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-job-commitment__title::after {
    width: 19.53125vw;
    height: 19.53125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__title::after {
    width: 273.4375px;
    height: 273.4375px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__title::after {
    width: 150px;
    height: 150px;
  }
}
.p-job-commitment__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -76px;
}
@media (min-width: 1400px) {
  .p-job-commitment__contents {
    margin-top: -3.9583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__contents {
    margin-top: -55.4166666667px;
  }
}
.p-job-commitment__contents > figure {
  max-width: 380px;
}
@media (min-width: 1400px) {
  .p-job-commitment__contents > figure {
    max-width: 19.7916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__contents > figure {
    max-width: 277.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__contents > figure {
    display: none;
  }
}
.p-job-commitment__contents > figure img {
  width: 100%;
  height: auto;
}
.p-job-commitment__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 58px;
  max-width: 956px;
  margin: 0 33px;
  padding-top: 145px;
}
@media (min-width: 1400px) {
  .p-job-commitment__body {
    gap: 3.0208333333vw;
    max-width: 49.7916666667vw;
    margin: 0 1.71875vw;
    padding-top: 7.5520833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__body {
    gap: 42.2916666667px;
    max-width: 697.0833333333px;
    margin: 0 24.0625px;
    padding-top: 105.7291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: unset;
    padding: 120px 20px 0;
  }
}
.p-job-commitment__col2 {
  width: calc(50% - 29px);
}
@media (min-width: 1400px) {
  .p-job-commitment__col2 {
    width: calc(50% - 1.51042vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__col2 {
    width: calc(50% - 21.14583px);
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__col2 {
    width: 100%;
  }
}
.p-job-commitment__subtitle span {
  border: 5px solid;
  font-size: 22px;
  font-weight: 900;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 20px 0px;
  height: 65px;
}
@media (min-width: 1400px) {
  .p-job-commitment__subtitle span {
    border: 0.2604166667vw solid;
    font-size: 1.1458333333vw;
    padding: 0px 1.0416666667vw 0px;
    height: 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__subtitle span {
    border: 3.6458333333px solid;
    font-size: 16.0416666667px;
    padding: 0px 14.5833333333px 0px;
    height: 47.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__subtitle span {
    font-size: 16px;
    height: 47px;
    padding: 0 14px;
  }
}
.p-job-commitment__subtitle span.-color1 {
  background-color: #54C3F1;
  margin-bottom: 10px;
}
@media (min-width: 1400px) {
  .p-job-commitment__subtitle span.-color1 {
    margin-bottom: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__subtitle span.-color1 {
    margin-bottom: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__subtitle span.-color1 {
    margin-bottom: 4px;
  }
}
.p-job-commitment__subtitle span.-color2 {
  background-color: #ED5500;
  margin-right: -8px;
}
@media (min-width: 1400px) {
  .p-job-commitment__subtitle span.-color2 {
    margin-right: -0.4166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__subtitle span.-color2 {
    margin-right: -5.8333333333px;
  }
}
.p-job-commitment__subtitle span.-color3 {
  background-color: #fff;
}
.p-job-commitment__disc {
  font-size: 18px;
  line-height: 2;
  margin-top: 35px;
}
@media (min-width: 1400px) {
  .p-job-commitment__disc {
    font-size: 0.9375vw;
    margin-top: 1.8229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-commitment__disc {
    font-size: 13.125px;
    margin-top: 25.5208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-commitment__disc {
    font-size: 14px;
  }
}
.p-job-features {
  padding-bottom: 163px;
}
@media (min-width: 1400px) {
  .p-job-features {
    padding-bottom: 8.4895833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features {
    padding-bottom: 118.8541666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features {
    padding-bottom: 100px;
  }
}
.p-job-features__title {
  max-width: 407px;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin: 90px 229px 0 auto;
}
@media (min-width: 1400px) {
  .p-job-features__title {
    max-width: 21.1979166667vw;
    margin: 4.6875vw 11.9270833333vw 0 auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__title {
    max-width: 296.7708333333px;
    margin: 65.625px 166.9791666667px 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__title {
    max-width: 162.8px;
    margin: 36px auto 0;
  }
}
.p-job-features__title img {
  width: 100%;
  height: auto;
}
.p-job-features__title::after {
  position: absolute;
  content: "";
  background-image: url(../images/job/features-title-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 380px;
  height: 380px;
  top: -72%;
  right: -53%;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-job-features__title::after {
    width: 19.7916666667vw;
    height: 19.7916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__title::after {
    width: 277.0833333333px;
    height: 277.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__title::after {
    width: 152px;
    height: 152px;
  }
}
.p-job-features__list {
  margin-top: 40px;
}
@media (min-width: 1400px) {
  .p-job-features__list {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__list {
    margin-top: 29.1666666667px;
  }
}
.p-job-features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-job-features__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-job-features__item::before, .p-job-features__item::after {
  position: absolute;
  content: "";
  background-image: url("../images/job/icon1.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 106px;
  height: 99px;
}
@media (min-width: 1400px) {
  .p-job-features__item::before, .p-job-features__item::after {
    width: 5.5208333333vw;
    height: 5.15625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item::before, .p-job-features__item::after {
    width: 77.2916666667px;
    height: 72.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item::before, .p-job-features__item::after {
    width: 42.4px;
    height: 39.6px;
  }
}
.p-job-features__item::before {
  -webkit-transform: scaleX(-1) scaleY(-1);
          transform: scaleX(-1) scaleY(-1);
  rotate: 5deg;
}
.p-job-features__item.-item1::before {
  left: -18px;
  bottom: -23px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item1::before {
    left: -0.9375vw;
    bottom: -1.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item1::before {
    left: -13.125px;
    bottom: -16.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item1::before {
    left: -10px;
    bottom: -10px;
  }
}
.p-job-features__item.-item1::after {
  right: 30px;
  top: 154px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item1::after {
    right: 1.5625vw;
    top: 8.0208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item1::after {
    right: 21.875px;
    top: 112.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item1::after {
    right: -10px;
    top: -10px;
  }
}
.p-job-features__item.-item1 .p-job-features__head {
  margin-left: -43px;
  width: calc(57% + 43px);
}
@media (min-width: 1400px) {
  .p-job-features__item.-item1 .p-job-features__head {
    margin-left: -2.2395833333vw;
    width: calc(57% + 2.23958vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item1 .p-job-features__head {
    margin-left: -31.3541666667px;
    width: calc(57% + 31.35417px);
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item1 .p-job-features__head {
    width: 100%;
    margin: 0px 0 0 -10px;
  }
}
.p-job-features__item.-item1 .p-job-features__body {
  margin: 190px 83px 0 -150px;
  width: 51%;
  min-height: 402px;
  padding: 83px 60px 10px 165px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item1 .p-job-features__body {
    margin: 9.8958333333vw 4.3229166667vw 0 -7.8125vw;
    min-height: 20.9375vw;
    padding: 4.3229166667vw 3.125vw 0.5208333333vw 8.59375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item1 .p-job-features__body {
    margin: 138.5416666667px 60.5208333333px 0 -109.375px;
    min-height: 293.125px;
    padding: 60.5208333333px 43.75px 7.2916666667px 120.3125px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item1 .p-job-features__body {
    width: 100%;
    min-height: unset;
    margin: -80px 0 0 0px;
    padding: 100px 30px 60px 40px;
  }
}
.p-job-features__item.-item1 .p-job-features__disc {
  margin-top: 7px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item1 .p-job-features__disc {
    margin-top: 0.3645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item1 .p-job-features__disc {
    margin-top: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item1 .p-job-features__disc {
    margin-top: 10px;
  }
}
.p-job-features__item.-item1 .p-job-features__lead {
  top: 8%;
  left: 46.4%;
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item1 .p-job-features__lead {
    top: 28%;
    left: 0;
  }
}
.p-job-features__item.-item1 .p-job-features__number {
  margin-left: 58px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item1 .p-job-features__number {
    margin-left: 3.0208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item1 .p-job-features__number {
    margin-left: 42.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item1 .p-job-features__number {
    margin-left: auto;
    margin-right: 20px;
  }
}
.p-job-features__item.-item2 {
  margin-top: 30px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item2 {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item2 {
    margin-top: 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2 {
    margin-top: 60px;
  }
}
.p-job-features__item.-item2::before {
  left: 112px;
  bottom: -3px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item2::before {
    left: 5.8333333333vw;
    bottom: -0.15625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item2::before {
    left: 81.6666666667px;
    bottom: -2.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2::before {
    left: 0px;
    bottom: -20px;
  }
}
.p-job-features__item.-item2::after {
  right: -130px;
  top: -26px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item2::after {
    right: -6.7708333333vw;
    top: -1.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item2::after {
    right: -94.7916666667px;
    top: -18.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2::after {
    right: -10px;
    top: -10px;
  }
}
.p-job-features__item.-item2 .p-job-features__head {
  width: calc(56% + 43px);
  margin: 0 -110px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item2 .p-job-features__head {
    width: calc(56% + 2.23958vw);
    margin: 0 -5.7291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item2 .p-job-features__head {
    width: calc(56% + 31.35417px);
    margin: 0 -80.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2 .p-job-features__head {
    width: 100%;
    margin: unset;
  }
}
.p-job-features__item.-item2 .p-job-features__body {
  margin: 25px -31px 0 128px;
  width: 51%;
  height: 397px;
  min-height: unset;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item2 .p-job-features__body {
    margin: 1.3020833333vw -1.6145833333vw 0 6.6666666667vw;
    height: 20.6770833333vw;
    padding: 5.5729166667vw 7.2916666667vw 0.5208333333vw 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item2 .p-job-features__body {
    margin: 18.2291666667px -22.6041666667px 0 93.3333333333px;
    height: 289.4791666667px;
    padding: 78.0208333333px 102.0833333333px 7.2916666667px 47.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2 .p-job-features__body {
    width: 100%;
    margin: unset;
    margin: -20px auto 0;
    padding: 50px 39px 40px 50px;
    height: auto;
  }
}
.p-job-features__item.-item2 .p-job-features__disc {
  margin-top: 18px;
  max-width: 384px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item2 .p-job-features__disc {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item2 .p-job-features__disc {
    margin-top: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2 .p-job-features__disc {
    margin-top: 10px;
  }
}
.p-job-features__item.-item2 .p-job-features__lead {
  top: 8%;
  left: 44%;
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2 .p-job-features__lead {
    top: 38%;
    left: 0%;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2 .p-job-features__number {
    margin-left: auto;
    margin-right: 10px;
  }
}
.p-job-features__item.-item2 .p-job-features__number::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: -36%;
  top: -30%;
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item2 .p-job-features__number::after {
    left: -56%;
    top: -37%;
  }
}
.p-job-features__item.-item3 {
  margin-top: 26px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item3 {
    margin-top: 1.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item3 {
    margin-top: 18.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3 {
    margin-top: 60px;
  }
}
.p-job-features__item.-item3::before {
  left: -148px;
  bottom: 10px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item3::before {
    left: -7.7083333333vw;
    bottom: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item3::before {
    left: -107.9166666667px;
    bottom: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3::before {
    left: -10px;
    bottom: -10px;
  }
}
.p-job-features__item.-item3::after {
  right: 93px;
  top: 178px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item3::after {
    right: 4.84375vw;
    top: 9.2708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item3::after {
    right: 67.8125px;
    top: 129.7916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3::after {
    right: -10px;
    top: -10px;
  }
}
.p-job-features__item.-item3 .p-job-features__head {
  margin-left: -96px;
  width: calc(57% + 53px);
}
@media (min-width: 1400px) {
  .p-job-features__item.-item3 .p-job-features__head {
    margin-left: -5vw;
    width: calc(57% + 2.76042vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item3 .p-job-features__head {
    margin-left: -70px;
    width: calc(57% + 38.64583px);
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3 .p-job-features__head {
    margin: unset;
    width: 100%;
  }
}
.p-job-features__item.-item3 .p-job-features__body {
  margin: 206px 83px 0 -143px;
  width: 49%;
  min-height: 422px;
  padding: 99px 60px 10px 150px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item3 .p-job-features__body {
    margin: 10.7291666667vw 4.3229166667vw 0 -7.4479166667vw;
    min-height: 21.9791666667vw;
    padding: 5.15625vw 3.125vw 0.5208333333vw 7.8125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item3 .p-job-features__body {
    margin: 150.2083333333px 60.5208333333px 0 -104.2708333333px;
    min-height: 307.7083333333px;
    padding: 72.1875px 43.75px 7.2916666667px 109.375px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3 .p-job-features__body {
    width: 100%;
    min-height: unset;
    padding: 60px 30px 40px 46px;
    margin: -50px 0 0 0;
  }
}
.p-job-features__item.-item3 .p-job-features__disc {
  margin-top: 21px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item3 .p-job-features__disc {
    margin-top: 1.09375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item3 .p-job-features__disc {
    margin-top: 15.3125px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3 .p-job-features__disc {
    margin-top: 10px;
  }
}
.p-job-features__item.-item3 .p-job-features__lead {
  top: 22%;
  left: 43%;
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3 .p-job-features__lead {
    top: 37%;
    left: 0%;
  }
}
.p-job-features__item.-item3 .p-job-features__number {
  margin-left: 107px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item3 .p-job-features__number {
    margin-left: 5.5729166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item3 .p-job-features__number {
    margin-left: 78.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item3 .p-job-features__number {
    margin-left: auto;
    margin-right: 30px;
  }
}
.p-job-features__item.-item3 .p-job-features__number::after {
  right: -33%;
}
.p-job-features__item.-item4 {
  margin-top: 45px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item4 {
    margin-top: 2.34375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item4 {
    margin-top: 32.8125px;
  }
}
.p-job-features__item.-item4::before {
  left: 102px;
  bottom: -28px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item4::before {
    left: 5.3125vw;
    bottom: -1.4583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item4::before {
    left: 74.375px;
    bottom: -20.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4::before {
    left: 0px;
    bottom: -30px;
  }
}
.p-job-features__item.-item4::after {
  right: -156px;
  top: -22px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item4::after {
    right: -8.125vw;
    top: -1.1458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item4::after {
    right: -113.75px;
    top: -16.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4::after {
    right: -10px;
    top: -10px;
  }
}
.p-job-features__item.-item4 .p-job-features__head {
  width: calc(67% + 43px);
  margin: 0 -103px 0 0;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item4 .p-job-features__head {
    width: calc(67% + 2.23958vw);
    margin: 0 -5.3645833333vw 0 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item4 .p-job-features__head {
    width: calc(67% + 31.35417px);
    margin: 0 -75.1041666667px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4 .p-job-features__head {
    width: 100%;
    margin: unset;
  }
}
.p-job-features__item.-item4 .p-job-features__body {
  margin: 36px -71px 0 116px;
  width: 53%;
  height: 402px;
  min-height: unset;
  padding: 94px 80px 10px 72px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item4 .p-job-features__body {
    margin: 1.875vw -3.6979166667vw 0 6.0416666667vw;
    height: 20.9375vw;
    padding: 4.8958333333vw 4.1666666667vw 0.5208333333vw 3.75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item4 .p-job-features__body {
    margin: 26.25px -51.7708333333px 0 84.5833333333px;
    height: 293.125px;
    padding: 68.5416666667px 58.3333333333px 7.2916666667px 52.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4 .p-job-features__body {
    width: 100%;
    margin: -30px 0 0 0;
    height: auto;
    min-height: unset;
    padding: 54px 40px 50px 40px;
  }
}
.p-job-features__item.-item4 .p-job-features__disc {
  margin-top: 23px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item4 .p-job-features__disc {
    margin-top: 1.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item4 .p-job-features__disc {
    margin-top: 16.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4 .p-job-features__disc {
    margin-top: 10px;
  }
}
.p-job-features__item.-item4 .p-job-features__lead {
  top: 8%;
  left: 46.4%;
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4 .p-job-features__lead {
    top: 41%;
    left: 0;
  }
}
.p-job-features__item.-item4 .p-job-features__number {
  margin-left: 70px;
}
@media (min-width: 1400px) {
  .p-job-features__item.-item4 .p-job-features__number {
    margin-left: 3.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__item.-item4 .p-job-features__number {
    margin-left: 51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4 .p-job-features__number {
    margin-left: auto;
  }
}
.p-job-features__item.-item4 .p-job-features__number::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: -36%;
  top: -30%;
}
@media screen and (max-width: 768px) {
  .p-job-features__item.-item4 .p-job-features__number::after {
    left: -40%;
    top: -54%;
  }
}
.p-job-features__item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-job-features__item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-job-features__head {
  position: relative;
  z-index: 1;
}
.p-job-features__body {
  background-color: #000;
  position: relative;
}
.p-job-features__body::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-job-features__body::after {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__body::after {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__body::after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
}
.p-job-features__body.-type1 {
  -webkit-clip-path: polygon(0 0, 100% 9%, 97% 100%, 11% 92%);
          clip-path: polygon(0 0, 100% 9%, 97% 100%, 11% 92%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type1 {
    -webkit-clip-path: polygon(0 0, 100% 9%, 97% 100%, 6% 97%);
            clip-path: polygon(0 0, 100% 9%, 97% 100%, 6% 97%);
  }
}
.p-job-features__body.-type1::after {
  -webkit-clip-path: polygon(0 0, 100% 9%, 97% 100%, 11% 92%);
          clip-path: polygon(0 0, 100% 9%, 97% 100%, 11% 92%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type1::after {
    -webkit-clip-path: polygon(0 0, 100% 9%, 97% 100%, 6% 97%);
            clip-path: polygon(0 0, 100% 9%, 97% 100%, 6% 97%);
  }
}
.p-job-features__body.-type2 {
  -webkit-clip-path: polygon(0 0, 100% 9%, 100% 91%, 7% 100%);
          clip-path: polygon(0 0, 100% 9%, 100% 91%, 7% 100%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type2 {
    -webkit-clip-path: polygon(3% 5%, 100% 0%, 100% 98%, 10% 100%);
            clip-path: polygon(3% 5%, 100% 0%, 100% 98%, 10% 100%);
  }
}
.p-job-features__body.-type2::after {
  -webkit-clip-path: polygon(0 0, 100% 9%, 100% 91%, 7% 100%);
          clip-path: polygon(0 0, 100% 9%, 100% 91%, 7% 100%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type2::after {
    -webkit-clip-path: polygon(3% 5%, 100% 0%, 100% 98%, 10% 100%);
            clip-path: polygon(3% 5%, 100% 0%, 100% 98%, 10% 100%);
  }
}
.p-job-features__body.-type3 {
  -webkit-clip-path: polygon(20% 2%, 94% 9%, 100% 100%, 0% 92%);
          clip-path: polygon(20% 2%, 94% 9%, 100% 100%, 0% 92%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type3 {
    -webkit-clip-path: polygon(10% 2%, 94% 9%, 100% 100%, 0% 92%);
            clip-path: polygon(10% 2%, 94% 9%, 100% 100%, 0% 92%);
  }
}
.p-job-features__body.-type3::after {
  -webkit-clip-path: polygon(20% 2%, 94% 9%, 100% 100%, 0% 92%);
          clip-path: polygon(20% 2%, 94% 9%, 100% 100%, 0% 92%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type3::after {
    -webkit-clip-path: polygon(10% 2%, 94% 9%, 100% 100%, 0% 92%);
            clip-path: polygon(10% 2%, 94% 9%, 100% 100%, 0% 92%);
  }
}
.p-job-features__body.-type4 {
  -webkit-clip-path: polygon(0 0, 100% 8%, 100% 90%, 8% 100%);
          clip-path: polygon(0 0, 100% 8%, 100% 90%, 8% 100%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type4 {
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 94%, 8% 100%);
            clip-path: polygon(0 0, 100% 5%, 100% 94%, 8% 100%);
  }
}
.p-job-features__body.-type4::after {
  -webkit-clip-path: polygon(0 0, 100% 8%, 100% 90%, 8% 100%);
          clip-path: polygon(0 0, 100% 8%, 100% 90%, 8% 100%);
}
@media screen and (max-width: 768px) {
  .p-job-features__body.-type4::after {
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 94%, 8% 100%);
            clip-path: polygon(0 0, 100% 5%, 100% 94%, 8% 100%);
  }
}
.p-job-features__lead {
  position: absolute;
  z-index: 2;
  rotate: -3deg;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1400px) {
  .p-job-features__lead {
    gap: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__lead {
    gap: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__lead {
    gap: 4px;
  }
}
.p-job-features__lead span {
  border: 5px solid;
  font-size: 22px;
  font-weight: 900;
  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;
  padding: 0px 18px 0px;
  height: 65px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1400px) {
  .p-job-features__lead span {
    border: 0.2604166667vw solid;
    font-size: 1.1458333333vw;
    padding: 0px 0.9375vw 0px;
    height: 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__lead span {
    border: 3.6458333333px solid;
    font-size: 16.0416666667px;
    padding: 0px 13.125px 0px;
    height: 47.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__lead span {
    font-size: 16px;
    height: 47px;
    padding: 0 14px;
  }
}
.p-job-features__lead span.-color1 {
  background-color: #54C3F1;
}
.p-job-features__lead span.-color2 {
  background-color: #ED5500;
}
.p-job-features__lead span.-color3 {
  background-color: #fff;
}
.p-job-features__img img {
  width: 100%;
  height: auto;
}
.p-job-features__number, .p-job-features__disc {
  position: relative;
  z-index: 2;
}
.p-job-features__number {
  font-size: 62px;
  letter-spacing: 0.03em;
  font-family: "Dela Gothic One", sans-serif;
  position: relative;
}
@media (min-width: 1400px) {
  .p-job-features__number {
    font-size: 3.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__number {
    font-size: 45.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__number {
    font-size: 24.8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
  }
}
.p-job-features__number::after {
  position: absolute;
  content: "";
  background-image: url("../images/job/icon2.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: -47%;
  top: -32%;
  width: 60px;
  height: 62px;
}
@media (min-width: 1400px) {
  .p-job-features__number::after {
    width: 3.125vw;
    height: 3.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__number::after {
    width: 43.75px;
    height: 45.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__number::after {
    width: 24px;
    height: 24.8px;
    top: -70%;
  }
}
.p-job-features__disc {
  font-size: 18px;
  line-height: 1.8888888889;
  font-weight: 500;
  max-width: 384px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-job-features__disc {
    font-size: 0.9375vw;
    max-width: 20vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-features__disc {
    font-size: 13.125px;
    max-width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-features__disc {
    font-size: 14px;
  }
}
.p-job-day {
  margin: 0 0 36px;
  padding: 135px 0 125px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1400px) {
  .p-job-day {
    margin: 0 0 1.875vw;
    padding: 7.03125vw 0 6.5104166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day {
    margin: 0 0 26.25px;
    padding: 98.4375px 0 91.1458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 105px 0 0px;
  }
}
.p-job-day__title {
  max-width: 407px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-job-day__title {
    max-width: 21.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__title {
    max-width: 296.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__title {
    max-width: 162.8px;
  }
}
.p-job-day__title img {
  width: 100%;
  height: auto;
}
.p-job-day__title span {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  display: block;
  rotate: -4deg;
  padding: 12px 0 0 40px;
}
@media (min-width: 1400px) {
  .p-job-day__title span {
    font-size: 1.0416666667vw;
    padding: 0.625vw 0 0 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__title span {
    font-size: 14.5833333333px;
    padding: 8.75px 0 0 29.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__title span {
    font-size: 14px;
    padding: 10px 0 0 0px;
    display: block;
    width: 100%;
    margin-left: 10px;
  }
}
.p-job-day__title::after {
  position: absolute;
  content: "";
  background-image: url(../images/job/day-title-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 380px;
  height: 380px;
  top: -69%;
  left: -47%;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-job-day__title::after {
    width: 19.7916666667vw;
    height: 19.7916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__title::after {
    width: 277.0833333333px;
    height: 277.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__title::after {
    width: 152px;
    height: 152px;
  }
}
.p-job-day__head {
  width: 45.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0px 70px 0 0;
}
@media (min-width: 1400px) {
  .p-job-day__head {
    padding: 0px 3.6458333333vw 0 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__head {
    padding: 0px 51.0416666667px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__head {
    width: 100%;
    padding: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-job-day__body {
  width: 55%;
  overflow-x: scroll;
  border-left: 10px solid;
  padding: 67px 0;
}
@media (min-width: 1400px) {
  .p-job-day__body {
    border-left: 0.5208333333vw solid;
    padding: 3.4895833333vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__body {
    border-left: 7.2916666667px solid;
    padding: 48.8541666667px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__body {
    width: 100%;
    border-left: unset;
  }
}
.p-job-day__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2494px;
  margin: 0 20px;
}
@media (min-width: 1400px) {
  .p-job-day__list {
    width: 129.8958333333vw;
    margin: 0 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__list {
    width: 1818.5416666667px;
    margin: 0 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__list {
    width: 1430px;
  }
}
.p-job-day__item {
  width: 16.6666666667%;
}
.p-job-day__item:nth-of-type(1) .p-job-day__img {
  margin: 0 -15px 0 0;
}
@media (min-width: 1400px) {
  .p-job-day__item:nth-of-type(1) .p-job-day__img {
    margin: 0 -0.78125vw 0 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__item:nth-of-type(1) .p-job-day__img {
    margin: 0 -10.9375px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__item:nth-of-type(1) .p-job-day__img {
    margin: 0 -10px 0 0;
  }
}
.p-job-day__item:nth-of-type(2) .p-job-day__img {
  margin: 0 -10px 0 -13px;
}
@media (min-width: 1400px) {
  .p-job-day__item:nth-of-type(2) .p-job-day__img {
    margin: 0 -0.5208333333vw 0 -0.6770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__item:nth-of-type(2) .p-job-day__img {
    margin: 0 -7.2916666667px 0 -9.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__item:nth-of-type(2) .p-job-day__img {
    margin: 0 -6px 0 -9px;
  }
}
.p-job-day__item:nth-of-type(3) .p-job-day__img {
  margin: 0 -10px 0 -42px;
}
@media (min-width: 1400px) {
  .p-job-day__item:nth-of-type(3) .p-job-day__img {
    margin: 0 -0.5208333333vw 0 -2.1875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__item:nth-of-type(3) .p-job-day__img {
    margin: 0 -7.2916666667px 0 -30.625px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__item:nth-of-type(3) .p-job-day__img {
    margin: 0px -7px 0 -25px;
  }
}
.p-job-day__item:nth-of-type(4) .p-job-day__img {
  margin: 0 -12px 0 1px;
}
@media (min-width: 1400px) {
  .p-job-day__item:nth-of-type(4) .p-job-day__img {
    margin: 0 -0.625vw 0 1px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__item:nth-of-type(4) .p-job-day__img {
    margin: 0 -8.75px 0 1px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__item:nth-of-type(4) .p-job-day__img {
    margin: 0px -11px 0 0px;
  }
}
.p-job-day__item:nth-of-type(5) .p-job-day__img {
  margin: 0 -7px 0 -13px;
}
@media (min-width: 1400px) {
  .p-job-day__item:nth-of-type(5) .p-job-day__img {
    margin: 0 -0.3645833333vw 0 -0.6770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__item:nth-of-type(5) .p-job-day__img {
    margin: 0 -5.1041666667px 0 -9.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__item:nth-of-type(5) .p-job-day__img {
    margin: 0 -5px 0 -9px;
  }
}
.p-job-day__item:nth-of-type(6) .p-job-day__img {
  margin: 0 -5px 0 -30px;
}
@media (min-width: 1400px) {
  .p-job-day__item:nth-of-type(6) .p-job-day__img {
    margin: 0 -2% 0 -10%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__item:nth-of-type(6) .p-job-day__img {
    margin: 0 -3.6458333333px 0 -21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__item:nth-of-type(6) .p-job-day__img {
    margin: 0px -5px 0 -26px;
  }
}
.p-job-day__item:nth-child(n+3) .p-job-day__time::after {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .p-job-day__item:nth-child(n+3) .p-job-day__time::after {
    width: 60%;
  }
}
.p-job-day__img img {
  width: 100%;
  height: auto;
}
.p-job-day__time {
  font-size: 35px;
  letter-spacing: 0.03em;
  font-family: "Dela Gothic One", sans-serif;
  margin: 36px 0 0 40px;
  display: block;
  position: relative;
}
@media (min-width: 1400px) {
  .p-job-day__time {
    font-size: 1.8229166667vw;
    margin: 1.875vw 0 0 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__time {
    font-size: 25.5208333333px;
    margin: 26.25px 0 0 29.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__time {
    font-size: 20px;
    margin: 16px 0 0 20px;
  }
}
.p-job-day__time::after {
  position: absolute;
  content: "";
  width: 71%;
  height: 5px;
  border-top: dotted 5px;
  right: -11px;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 1400px) {
  .p-job-day__time::after {
    height: 0.2604166667vw;
    border-top: dotted 0.2604166667vw;
    right: -0.5729166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__time::after {
    height: 3.6458333333px;
    border-top: dotted 3.6458333333px;
    right: -8.0208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__time::after {
    height: 4px;
    border-top: dotted 4px;
    width: 69%;
    right: -1px;
    top: 56%;
  }
}
.p-job-day__disc {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  margin: 26px 40px 0 40px;
}
@media (min-width: 1400px) {
  .p-job-day__disc {
    font-size: 0.9375vw;
    margin: 1.3541666667vw 2.0833333333vw 0 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-job-day__disc {
    font-size: 13.125px;
    margin: 18.9583333333px 29.1666666667px 0 29.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-job-day__disc {
    font-size: 14px;
    margin: 16px 25px 0 20px;
  }
}

.p-movies {
  /*contents====================*/
}
.p-movies__contents {
  padding-top: 73px;
  padding-bottom: 170px;
}
@media (min-width: 1400px) {
  .p-movies__contents {
    padding-top: 3.8020833333vw;
    padding-bottom: 8.8541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__contents {
    padding-top: 53.2291666667px;
    padding-bottom: 123.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__contents {
    padding-bottom: 80px;
  }
}
.p-movies__title {
  max-width: 862px;
  width: 100%;
  margin: 0 auto;
  padding-left: 12px;
}
@media (min-width: 1400px) {
  .p-movies__title {
    max-width: 44.8958333333vw;
    padding-left: 0.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__title {
    max-width: 628.5416666667px;
    padding-left: 8.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__title {
    padding-left: unset;
  }
}
.p-movies__title img {
  width: 100%;
  height: auto;
}
.p-movies__list {
  margin-top: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px 18px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-movies__list {
    margin-top: 3.2291666667vw;
    gap: 2.6041666667vw 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__list {
    margin-top: 45.2083333333px;
    gap: 36.4583333333px 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__list {
    gap: 30px 10px;
  }
}
.p-movies__list::before, .p-movies__list::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
}
.p-movies__list::after {
  background-image: url("../images/movies/circle1.webp");
  left: -243px;
  top: -156px;
  width: 344px;
  height: 344px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-movies__list::after {
    left: -12.65625vw;
    top: -8.125vw;
    width: 17.9166666667vw;
    height: 17.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__list::after {
    top: -113.75px;
    left: -177.1875px;
    width: 250.8333333333px;
    height: 250.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__list::after {
    top: -62.4px;
    left: -97.2px;
    width: 133.6px;
    height: 133.6px;
  }
}
.p-movies__list::before {
  background-image: url("../images/movies/circle2.webp");
  right: -290px;
  bottom: 147px;
  width: 344px;
  height: 344px;
  z-index: 1;
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-movies__list::before {
    right: -15.1041666667vw;
    bottom: 7.65625vw;
    width: 17.9166666667vw;
    height: 17.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__list::before {
    right: -211.4583333333px;
    bottom: 107.1875px;
    width: 250.8333333333px;
    height: 250.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__list::before {
    right: -116px;
    bottom: 58.8px;
    width: 137.6px;
    height: 137.6px;
  }
}
.p-movies__item {
  width: calc(33.33333% - 12px);
}
@media (min-width: 1400px) {
  .p-movies__item {
    width: calc(33.33333% - 0.625vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__item {
    width: calc(33.33333% - 8.75px);
  }
}
@media screen and (max-width: 768px) {
  .p-movies__item {
    width: calc(50% - 5px);
  }
}
.p-movies__img {
  border: 10px solid #000;
  position: relative;
}
@media (min-width: 1400px) {
  .p-movies__img {
    border: 0.5208333333vw solid #000;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__img {
    border: 7.2916666667px solid #000;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__img {
    border: 5px solid #000;
  }
}
.p-movies__img::after {
  position: absolute;
  content: "";
  background-image: url("../images/common/icon-movie.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 71px;
  height: 71px;
}
@media (min-width: 1400px) {
  .p-movies__img::after {
    width: 3.6979166667vw;
    height: 3.6979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__img::after {
    width: 51.7708333333px;
    height: 51.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__img::after {
    width: 28.4px;
    height: 28.4px;
  }
}
.p-movies__img img {
  aspect-ratio: 388/253;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-movies__date {
  font-size: 18px;
  line-height: 1.4444444444;
  font-weight: 700;
  display: block;
  margin-top: 18px;
}
@media (min-width: 1400px) {
  .p-movies__date {
    font-size: 0.9375vw;
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__date {
    font-size: 13.125px;
    margin-top: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__date {
    font-size: 16px;
  }
}
.p-movies__disc {
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 500;
  margin-top: 4px;
}
@media (min-width: 1400px) {
  .p-movies__disc {
    font-size: 0.9375vw;
    margin-top: 0.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-movies__disc {
    font-size: 13.125px;
    margin-top: 2.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-movies__disc {
    font-size: 14px;
  }
}

.p-benefits {
  /*contents====================*/
}
.p-benefits-slider1 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  overflow: unset;
}
.p-benefits-slider1__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1400px;
          flex: 0 0 1400px;
  font-size: 160px;
  font-family: "Dela Gothic One", sans-serif;
  color: #fff;
}
@media (min-width: 1400px) {
  .p-benefits-slider1__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.9166666667vw;
            flex: 0 0 72.9166666667vw;
    font-size: 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-slider1__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1020.8333333333px;
            flex: 0 0 1020.8333333333px;
    font-size: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-slider1__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 93.0666666667vw;
            flex: 0 0 93.0666666667vw;
    font-size: 10.6666666667vw;
  }
}
.p-benefits-slider1 .c-flowslider__track {
  width: 2800px;
  gap: 80px;
}
@media (min-width: 1400px) {
  .p-benefits-slider1 .c-flowslider__track {
    width: 145.8333333333vw;
    gap: 4.1666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-slider1 .c-flowslider__track {
    width: 2041.6666666667px;
    gap: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-slider1 .c-flowslider__track {
    width: 186.1333333333vw;
    gap: 2.1333333333vw;
  }
}
.p-benefits-slider2 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  overflow: unset;
}
.p-benefits-slider2__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1750px;
          flex: 0 0 1750px;
  font-size: 160px;
  font-family: "Dela Gothic One", sans-serif;
  color: #fff;
}
@media (min-width: 1400px) {
  .p-benefits-slider2__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.1458333333vw;
            flex: 0 0 91.1458333333vw;
    font-size: 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-slider2__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1276.0416666667px;
            flex: 0 0 1276.0416666667px;
    font-size: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-slider2__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 117.3333333333vw;
            flex: 0 0 117.3333333333vw;
    font-size: 10.6666666667vw;
  }
}
.p-benefits-slider2 .c-flowslider__track {
  width: 3500px;
  gap: 80px;
}
@media (min-width: 1400px) {
  .p-benefits-slider2 .c-flowslider__track {
    width: 182.2916666667vw;
    gap: 4.1666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-slider2 .c-flowslider__track {
    width: 2552.0833333333px;
    gap: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-slider2 .c-flowslider__track {
    width: 234.6666666667vw;
    gap: 2.1333333333vw;
  }
}
.p-benefits-project {
  padding-top: 60px;
}
@media (min-width: 1400px) {
  .p-benefits-project {
    padding-top: 3.125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project {
    padding-top: 43.75px;
  }
}
.p-benefits-project__title {
  max-width: 728px;
  margin: -118px auto 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-benefits-project__title {
    max-width: 37.9166666667vw;
    margin: -6.1458333333vw auto 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__title {
    max-width: 530.8333333333px;
    margin: -86.0416666667px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__title {
    max-width: 291.2px;
    margin: -47.2px auto 0;
  }
}
.p-benefits-project__title img {
  width: 100%;
  height: auto;
}
.p-benefits-project__lead {
  font-size: 22px;
  line-height: 1.6363636364;
  text-align: center;
  font-weight: 600;
  margin-top: 14px;
}
@media (min-width: 1400px) {
  .p-benefits-project__lead {
    font-size: 1.1458333333vw;
    margin-top: 0.7291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__lead {
    font-size: 16.0416666667px;
    margin-top: 10.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__lead {
    font-size: 14px;
  }
}
.p-benefits-project__listwrap {
  position: relative;
}
.p-benefits-project__object1, .p-benefits-project__object2, .p-benefits-project__object3 {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-benefits-project__object1, .p-benefits-project__object2, .p-benefits-project__object3 {
    display: none;
  }
}
.p-benefits-project__object1::after, .p-benefits-project__object2::after, .p-benefits-project__object3::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: 1;
}
.p-benefits-project__object1 img, .p-benefits-project__object2 img, .p-benefits-project__object3 img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.p-benefits-project__object1 {
  top: 54px;
  left: -230px;
  max-width: 283px;
}
@media (min-width: 1400px) {
  .p-benefits-project__object1 {
    top: 2.8125vw;
    left: -11.9791666667vw;
    max-width: 14.7395833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__object1 {
    top: 39.375px;
    left: -167.7083333333px;
    max-width: 206.3541666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__object1 {
    max-width: 113.2px;
    top: -46px;
    left: -50px;
  }
}
.p-benefits-project__object1::after {
  background-image: url(../images/benefits/object1-bg.webp);
  width: 350px;
  height: 350px;
  top: -13%;
  left: -22%;
}
@media (min-width: 1400px) {
  .p-benefits-project__object1::after {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__object1::after {
    width: 255.2083333333px;
    height: 255.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__object1::after {
    width: 140px;
    height: 140px;
  }
}
.p-benefits-project__object2 {
  max-width: 262px;
  top: 28.5%;
  right: -15%;
}
@media (min-width: 1400px) {
  .p-benefits-project__object2 {
    max-width: 13.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__object2 {
    max-width: 191.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__object2 {
    max-width: 104.8px;
    top: 26.5%;
    right: -50px;
  }
}
.p-benefits-project__object2::after {
  background-image: url(../images/benefits/object2-bg.webp);
  width: 340px;
  height: 344px;
  top: -10%;
  left: -6%;
}
@media (min-width: 1400px) {
  .p-benefits-project__object2::after {
    width: 17.7083333333vw;
    height: 17.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__object2::after {
    width: 247.9166666667px;
    height: 250.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__object2::after {
    width: 136px;
    height: 137.6px;
  }
}
.p-benefits-project__object3 {
  bottom: 0.6%;
  left: -19%;
  max-width: 280px;
}
@media (min-width: 1400px) {
  .p-benefits-project__object3 {
    max-width: 14.5833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__object3 {
    max-width: 204.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__object3 {
    max-width: 112px;
    bottom: 9.5%;
    left: -57px;
  }
}
.p-benefits-project__object3::after {
  background-image: url(../images/benefits/object3-bg.webp);
  width: 337px;
  height: 345px;
  top: -11%;
  left: -14%;
}
@media (min-width: 1400px) {
  .p-benefits-project__object3::after {
    width: 17.5520833333vw;
    height: 17.96875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__object3::after {
    width: 245.7291666667px;
    height: 251.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__object3::after {
    width: 134.8px;
    height: 138px;
  }
}
.p-benefits-project__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
  padding: 0 5px;
  gap: 67px 0;
  position: relative;
  z-index: 3;
}
@media (min-width: 1400px) {
  .p-benefits-project__list {
    margin-top: 4.1666666667vw;
    padding: 0 0.2604166667vw;
    gap: 3.4895833333vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__list {
    margin-top: 58.3333333333px;
    padding: 0 3.6458333333px;
    gap: 48.8541666667px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 26.8px;
    padding: 0 20px;
  }
}
.p-benefits-project__item {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .p-benefits-project__item {
    width: 100%;
  }
}
.p-benefits-project__item figure {
  padding: 10px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-benefits-project__item figure {
    padding: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__item figure {
    padding: 7.2916666667px;
  }
}
.p-benefits-project__item figure::before {
  position: absolute;
  content: "";
  background-image: url(../images/common/object-slideimg.webp);
  background-size: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.p-benefits-project__item figure::after {
  position: absolute;
  content: "";
  background-color: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-benefits-project__item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 480/338;
}
.p-benefits-project__item h3 {
  font-size: 26px;
  line-height: 1.5384615385;
  font-weight: 600;
  margin-top: 26px;
  padding: 0 52px;
}
@media (min-width: 1400px) {
  .p-benefits-project__item h3 {
    font-size: 1.3541666667vw;
    line-height: 1.5384615385;
    margin-top: 1.3541666667vw;
    padding: 0 2.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__item h3 {
    font-size: 18.9583333333px;
    line-height: 1.5384615385;
    margin-top: 18.9583333333px;
    padding: 0 37.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__item h3 {
    font-size: 16px;
    padding: 0 20px;
    text-align: center;
  }
}
.p-benefits-project__item p {
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 600;
  margin-top: 13px;
  padding: 0 52px;
}
@media (min-width: 1400px) {
  .p-benefits-project__item p {
    font-size: 0.9375vw;
    line-height: 1.6666666667;
    margin-top: 0.6770833333vw;
    padding: 0 2.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-project__item p {
    font-size: 13.125px;
    line-height: 1.6666666667;
    margin-top: 9.4791666667px;
    padding: 0 37.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-project__item p {
    font-size: 14px;
    padding: 0 20px;
  }
}
.p-benefits-project__item:nth-child(3n+1) figure, .p-benefits-project__item:nth-child(3n+1) img {
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
}
.p-benefits-project__item:nth-child(3n+2) figure, .p-benefits-project__item:nth-child(3n+2) img {
  -webkit-clip-path: polygon(0% 0%, 96% 0%, 100% 100%, 4% 100%);
          clip-path: polygon(0% 0%, 96% 0%, 100% 100%, 4% 100%);
}
.p-benefits-project__item:nth-child(3n+3) figure, .p-benefits-project__item:nth-child(3n+3) img {
  -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 4% 100%);
          clip-path: polygon(0 0, 100% 0, 95% 100%, 4% 100%);
}
.p-benefits-project__dummy {
  width: 1%;
}
@media screen and (max-width: 768px) {
  .p-benefits-project__dummy {
    display: none;
  }
}
.p-benefits-info {
  padding-top: 119px;
  padding-bottom: 60px;
}
@media (min-width: 1400px) {
  .p-benefits-info {
    padding-top: 6.1979166667vw;
    padding-bottom: 3.125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info {
    padding-top: 86.7708333333px;
    padding-bottom: 43.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info {
    padding-top: 47.6px;
    padding-bottom: 24px;
  }
}
.p-benefits-info__title {
  max-width: 428px;
  margin: -58px auto 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-benefits-info__title {
    max-width: 22.2916666667vw;
    margin: -3.0208333333vw auto 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__title {
    max-width: 312.0833333333px;
    margin: -42.2916666667px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__title {
    max-width: 171.2px;
    margin: -23.2px auto 0;
  }
}
.p-benefits-info__title img {
  width: 100%;
  height: auto;
}
.p-benefits-info__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-benefits-info__subtitle::after {
  content: "";
  background-color: #000000;
  width: 100%;
  height: 10px;
}
@media (min-width: 1400px) {
  .p-benefits-info__subtitle::after {
    height: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__subtitle::after {
    height: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__subtitle::after {
    height: 4px;
  }
}
.p-benefits-info__subtitle img {
  width: 100%;
  height: auto;
}
.p-benefits-info__subtitle.-subtitle2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-benefits-info__subtitle.-subtitle3 {
  gap: 10px;
}
@media (min-width: 1400px) {
  .p-benefits-info__subtitle.-subtitle3 {
    gap: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__subtitle.-subtitle3 {
    gap: 7.2916666667px;
  }
}
.p-benefits-info__subtitle.-subtitle1 img, .p-benefits-info__subtitle.-subtitle2 img {
  max-width: 335px;
}
@media (min-width: 1400px) {
  .p-benefits-info__subtitle.-subtitle1 img, .p-benefits-info__subtitle.-subtitle2 img {
    max-width: 17.4479166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__subtitle.-subtitle1 img, .p-benefits-info__subtitle.-subtitle2 img {
    max-width: 244.2708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__subtitle.-subtitle1 img, .p-benefits-info__subtitle.-subtitle2 img {
    max-width: 134px;
  }
}
.p-benefits-info__subtitle.-subtitle3 img {
  max-width: 448px;
}
@media (min-width: 1400px) {
  .p-benefits-info__subtitle.-subtitle3 img {
    max-width: 23.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__subtitle.-subtitle3 img {
    max-width: 326.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__subtitle.-subtitle3 img {
    max-width: 179.2px;
  }
}
.p-benefits-info__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px 50px;
  margin-top: 66px;
}
@media (min-width: 1400px) {
  .p-benefits-info__nav {
    gap: 0.5208333333vw 2.6041666667vw;
    margin-top: 3.4375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__nav {
    gap: 7.2916666667px 36.4583333333px;
    margin-top: 48.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 10px;
    margin-top: 26.4px;
  }
}
.p-benefits-info__nav a {
  background-color: #fff;
  border: 2px solid;
  -webkit-box-shadow: 2px 4px 0px 0px rgb(0, 0, 0);
          box-shadow: 2px 4px 0px 0px rgb(0, 0, 0);
  border-radius: 34px;
  width: 261px;
  height: 68px;
  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;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
@media (min-width: 1400px) {
  .p-benefits-info__nav a {
    border: 0.1041666667vw solid;
    -webkit-box-shadow: 0.1041666667vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.1041666667vw 0.2083333333vw 0px 0px rgb(0, 0, 0);
    border-radius: 1.7708333333vw;
    width: 13.59375vw;
    height: 3.5416666667vw;
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__nav a {
    border: 1.4583333333px solid;
    -webkit-box-shadow: 1.4583333333px 2.9166666667px 0px 0px rgb(0, 0, 0);
            box-shadow: 1.4583333333px 2.9166666667px 0px 0px rgb(0, 0, 0);
    border-radius: 24.7916666667px;
    width: 190.3125px;
    height: 49.5833333333px;
    font-size: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__nav a {
    width: calc(50% - 5px);
    height: 50px;
    font-size: 14px;
  }
}
.p-benefits-info__nav a::after {
  position: absolute;
  content: "";
  background-image: url("../images/common/bread-arrow.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: 35px;
  top: 34%;
  width: 19px;
  height: 21px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  rotate: 90deg;
}
@media (min-width: 1400px) {
  .p-benefits-info__nav a::after {
    right: 1.8229166667vw;
    width: 0.9895833333vw;
    height: 1.09375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__nav a::after {
    right: 25.5208333333px;
    width: 13.8541666667px;
    height: 15.3125px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__nav a::after {
    width: 16px;
    height: 17px;
    right: 20px;
  }
}
.p-benefits-info__sectionwrap {
  position: relative;
}
.p-benefits-info__object1, .p-benefits-info__object2, .p-benefits-info__object3 {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-benefits-info__object1, .p-benefits-info__object2, .p-benefits-info__object3 {
    display: none;
  }
}
.p-benefits-info__object1::after, .p-benefits-info__object2::after, .p-benefits-info__object3::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: 1;
}
.p-benefits-info__object1 img, .p-benefits-info__object2 img, .p-benefits-info__object3 img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.p-benefits-info__object1 {
  top: 9.5%;
  left: -184px;
  max-width: 180px;
}
@media (min-width: 1400px) {
  .p-benefits-info__object1 {
    left: -9.5833333333vw;
    max-width: 9.375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__object1 {
    left: -134.1666666667px;
    max-width: 131.25px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__object1 {
    max-width: 72px;
    top: 270px;
    left: -50px;
  }
}
.p-benefits-info__object1::after {
  background-image: url(../images/benefits/object1-bg.webp);
  width: 350px;
  height: 350px;
  top: -17%;
  left: -56%;
}
@media (min-width: 1400px) {
  .p-benefits-info__object1::after {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__object1::after {
    width: 255.2083333333px;
    height: 255.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__object1::after {
    width: 140px;
    height: 140px;
  }
}
.p-benefits-info__object2 {
  top: 30.2%;
  right: -17.9%;
}
@media (min-width: 1400px) {
  .p-benefits-info__object2 {
    max-width: 9.53125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__object2 {
    max-width: 133.4375px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__object2 {
    max-width: 73.2px;
    top: 36%;
    right: -60px;
  }
}
.p-benefits-info__object2::after {
  background-image: url(../images/benefits/object2-bg.webp);
  width: 340px;
  height: 344px;
  top: -18%;
  left: -35%;
}
@media (min-width: 1400px) {
  .p-benefits-info__object2::after {
    width: 17.7083333333vw;
    height: 17.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__object2::after {
    width: 247.9166666667px;
    height: 250.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__object2::after {
    width: 136px;
    height: 137.6px;
  }
}
.p-benefits-info__object3 {
  bottom: 9%;
  left: -16%;
  max-width: 220px;
}
@media (min-width: 1400px) {
  .p-benefits-info__object3 {
    max-width: 11.4583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__object3 {
    max-width: 160.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__object3 {
    max-width: 88px;
    bottom: -180px;
    left: -23px;
  }
}
.p-benefits-info__object3::after {
  background-image: url(../images/benefits/object3-bg.webp);
  width: 337px;
  height: 345px;
  top: -20%;
  left: -35%;
}
@media (min-width: 1400px) {
  .p-benefits-info__object3::after {
    width: 17.5520833333vw;
    height: 17.96875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__object3::after {
    width: 245.7291666667px;
    height: 251.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__object3::after {
    width: 134.8px;
    height: 138px;
  }
}
.p-benefits-info__section {
  position: relative;
  z-index: 3;
}
@media (min-width: 1400px) {
  .p-benefits-info__section {
    padding-top: 3.28125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__section {
    padding-top: 45.9375px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__section {
    padding-top: 25.2px;
  }
}
.p-benefits-info__section2 {
  padding-top: 80px;
  position: relative;
  z-index: 3;
}
@media (min-width: 1400px) {
  .p-benefits-info__section2 {
    padding-top: 4.1666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__section2 {
    padding-top: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__section2 {
    padding-top: 32px;
  }
}
.p-benefits-info__section2 .p-benefits-info__list {
  padding-top: 65px;
}
@media (min-width: 1400px) {
  .p-benefits-info__section2 .p-benefits-info__list {
    padding-top: 3.3854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__section2 .p-benefits-info__list {
    padding-top: 47.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__section2 .p-benefits-info__list {
    padding-top: 26px;
  }
}
.p-benefits-info__section3 {
  padding-top: 103px;
  position: relative;
  z-index: 3;
}
@media (min-width: 1400px) {
  .p-benefits-info__section3 {
    padding-top: 5.3645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__section3 {
    padding-top: 75.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__section3 {
    padding-top: 37.2px;
  }
}
.p-benefits-info__section3 .p-benefits-info__list {
  padding-top: 85px;
  gap: 44px 0;
}
@media (min-width: 1400px) {
  .p-benefits-info__section3 .p-benefits-info__list {
    padding-top: 4.4270833333vw;
    gap: 2.2916666667vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__section3 .p-benefits-info__list {
    padding-top: 61.9791666667px;
    gap: 32.0833333333px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__section3 .p-benefits-info__list {
    padding-top: 26px;
  }
}
.p-benefits-info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 60px;
}
@media (min-width: 1400px) {
  .p-benefits-info__list {
    padding-top: 3.125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__list {
    padding-top: 43.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 24px 20px 0;
  }
}
.p-benefits-info__list.-list2 .p-benefits-info__item:nth-child(3n+1) .p-benefits-info__bg, .p-benefits-info__list.-list2 .p-benefits-info__item:nth-child(3n+1) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(4% 0%, 96% 0, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0%, 96% 0, 100% 100%, 0% 100%);
}
.p-benefits-info__list.-list2 .p-benefits-info__item:nth-child(3n+2) .p-benefits-info__bg, .p-benefits-info__list.-list2 .p-benefits-info__item:nth-child(3n+2) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(1% 0%, 96% 0, 100% 100%, 5% 100%);
          clip-path: polygon(1% 0%, 96% 0, 100% 100%, 5% 100%);
}
.p-benefits-info__list.-list2 .p-benefits-info__item:nth-child(3n+3) .p-benefits-info__bg, .p-benefits-info__list.-list2 .p-benefits-info__item:nth-child(3n+3) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(3% 0, 98% 0, 94% 100%, 7% 100%);
          clip-path: polygon(3% 0, 98% 0, 94% 100%, 7% 100%);
}
.p-benefits-info__list.-list3 {
  gap: 25px 0px;
}
.p-benefits-info__list.-list3 .p-benefits-info__item {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item {
    width: 100%;
  }
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+1) .p-benefits-info__bg, .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+1) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(4% 0%, 94% 0, 97% 100%, 0% 100%);
          clip-path: polygon(4% 0%, 94% 0, 97% 100%, 0% 100%);
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+2) {
  margin-left: -14px;
  margin-right: 14px;
}
@media (min-width: 1400px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+2) {
    margin-left: -0.7291666667vw;
    margin-right: 0.7291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+2) {
    margin-left: -10.2083333333px;
    margin-right: 10.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+2) {
    margin-left: -5.6px;
    margin-right: 5.6px;
  }
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+2) figure {
  left: -2%;
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+2) .p-benefits-info__bg, .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+2) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(0% 0%, 100% 0, 97% 100%, 3% 100%);
          clip-path: polygon(0% 0%, 100% 0, 97% 100%, 3% 100%);
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+3) .p-benefits-info__bg, .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+3) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(1% 0, 97% 0, 94% 100%, 4% 100%);
          clip-path: polygon(1% 0, 97% 0, 94% 100%, 4% 100%);
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+4) {
  margin-left: -17px;
  margin-right: 17px;
}
@media (min-width: 1400px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+4) {
    margin-left: -0.8854166667vw;
    margin-right: 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+4) {
    margin-left: -12.3958333333px;
    margin-right: 12.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+4) {
    margin-left: -6.8px;
    margin-right: 6.8px;
  }
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+4) figure {
  left: -1.6%;
}
.p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+4) .p-benefits-info__bg, .p-benefits-info__list.-list3 .p-benefits-info__item:nth-child(3n+4) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(3% 0, 97% 0, 100% 100%, 0% 100%);
          clip-path: polygon(3% 0, 97% 0, 100% 100%, 0% 100%);
}
.p-benefits-info__list.-list3 .p-benefits-info__item .p-benefits-info__bg {
  min-height: 264px;
}
@media (min-width: 1400px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item .p-benefits-info__bg {
    min-height: 13.75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item .p-benefits-info__bg {
    min-height: 192.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item .p-benefits-info__bg {
    min-height: 105.6px;
  }
}
@media (min-width: 1400px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item p {
    max-width: 20.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item p {
    max-width: 291.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__list.-list3 .p-benefits-info__item p {
    max-width: unset;
  }
}
.p-benefits-info__item {
  width: 33.3333333333%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-benefits-info__item {
    width: 100%;
  }
}
.p-benefits-info__item:nth-child(10), .p-benefits-info__item:nth-child(11) {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-benefits-info__item:nth-child(10), .p-benefits-info__item:nth-child(11) {
    width: 100%;
  }
}
.p-benefits-info__item:nth-child(1) .p-benefits-info__bg, .p-benefits-info__item:nth-child(1) .p-benefits-info__bg::after, .p-benefits-info__item:nth-child(7) .p-benefits-info__bg, .p-benefits-info__item:nth-child(7) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(1% 0%, 98% 0, 94% 100%, 6% 100%);
          clip-path: polygon(1% 0%, 98% 0, 94% 100%, 6% 100%);
}
.p-benefits-info__item:nth-child(2) .p-benefits-info__bg, .p-benefits-info__item:nth-child(2) .p-benefits-info__bg::after, .p-benefits-info__item:nth-child(8) .p-benefits-info__bg, .p-benefits-info__item:nth-child(8) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(4% 0, 98% 0, 94% 100%, 0% 100%);
          clip-path: polygon(4% 0, 98% 0, 94% 100%, 0% 100%);
}
.p-benefits-info__item:nth-child(3) .p-benefits-info__bg, .p-benefits-info__item:nth-child(3) .p-benefits-info__bg::after, .p-benefits-info__item:nth-child(9) .p-benefits-info__bg, .p-benefits-info__item:nth-child(9) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
          clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
}
.p-benefits-info__item:nth-child(4) .p-benefits-info__bg, .p-benefits-info__item:nth-child(4) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(4% 0%, 96% 0, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0%, 96% 0, 100% 100%, 0% 100%);
}
.p-benefits-info__item:nth-child(5) .p-benefits-info__bg, .p-benefits-info__item:nth-child(5) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(1% 0%, 96% 0, 100% 100%, 5% 100%);
          clip-path: polygon(1% 0%, 96% 0, 100% 100%, 5% 100%);
}
.p-benefits-info__item:nth-child(6) .p-benefits-info__bg, .p-benefits-info__item:nth-child(6) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(3% 0, 98% 0, 94% 100%, 7% 100%);
          clip-path: polygon(3% 0, 98% 0, 94% 100%, 7% 100%);
}
.p-benefits-info__item:nth-child(10) .p-benefits-info__bg, .p-benefits-info__item:nth-child(10) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(4% 0%, 94% 0, 97% 100%, 0% 100%);
          clip-path: polygon(4% 0%, 94% 0, 97% 100%, 0% 100%);
}
.p-benefits-info__item:nth-child(11) .p-benefits-info__bg, .p-benefits-info__item:nth-child(11) .p-benefits-info__bg::after {
  -webkit-clip-path: polygon(0% 0%, 100% 0, 97% 100%, 3% 100%);
          clip-path: polygon(0% 0%, 100% 0, 97% 100%, 3% 100%);
}
.p-benefits-info__item:nth-child(10) .p-benefits-info__bg, .p-benefits-info__item:nth-child(11) .p-benefits-info__bg {
  min-height: 264px;
}
@media (min-width: 1400px) {
  .p-benefits-info__item:nth-child(10) .p-benefits-info__bg, .p-benefits-info__item:nth-child(11) .p-benefits-info__bg {
    min-height: 13.75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__item:nth-child(10) .p-benefits-info__bg, .p-benefits-info__item:nth-child(11) .p-benefits-info__bg {
    min-height: 192.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__item:nth-child(10) .p-benefits-info__bg, .p-benefits-info__item:nth-child(11) .p-benefits-info__bg {
    min-height: 105.6px;
  }
}
.p-benefits-info__item:nth-child(10) figure, .p-benefits-info__item:nth-child(11) figure {
  left: -2%;
}
.p-benefits-info__item:nth-child(10) p, .p-benefits-info__item:nth-child(11) p {
  max-width: 489px;
}
@media (min-width: 1400px) {
  .p-benefits-info__item:nth-child(10) p, .p-benefits-info__item:nth-child(11) p {
    max-width: 25.46875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__item:nth-child(10) p, .p-benefits-info__item:nth-child(11) p {
    max-width: 356.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__item:nth-child(10) p, .p-benefits-info__item:nth-child(11) p {
    max-width: unset;
  }
}
.p-benefits-info__item h4 {
  font-size: 26px;
  line-height: 1.2307692308;
  font-weight: 900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 152px;
}
@media (min-width: 1400px) {
  .p-benefits-info__item h4 {
    font-size: 1.3541666667vw;
    line-height: 1.2307692308;
    height: 3.125vw;
    padding-left: 7.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__item h4 {
    font-size: 18.9583333333px;
    line-height: 1.2307692308;
    height: 43.75px;
    padding-left: 110.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__item h4 {
    font-size: 16px;
    height: auto;
    padding-left: unset;
    margin: 0 auto;
  }
}
.p-benefits-info__item p {
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 500;
  margin: 20px auto 0;
}
@media (min-width: 1400px) {
  .p-benefits-info__item p {
    font-size: 0.9375vw;
    line-height: 1.6666666667;
    max-width: 17.0833333333vw;
    margin: 1.0416666667vw auto 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__item p {
    font-size: 13.125px;
    line-height: 1.6666666667;
    max-width: 239.1666666667px;
    margin: 14.5833333333px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__item p {
    font-size: 14px;
    max-width: unset;
    padding: 0 50px;
  }
}
.p-benefits-info__item figure {
  position: absolute;
  left: 10px;
  top: -52px;
  width: 162px;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-benefits-info__item figure {
    left: 0.5208333333vw;
    top: -2.7083333333vw;
    width: 8.4375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__item figure {
    left: 7.2916666667px;
    top: -37.9166666667px;
    width: 118.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__item figure {
    top: -26px;
    width: 81px;
    left: 5px;
  }
}
.p-benefits-info__item figure img {
  width: 100%;
  height: auto;
}
.p-benefits-info__bg {
  background-color: #000;
  padding: 10px;
  position: relative;
  z-index: 1;
  padding: 35px 10px 0px;
  min-height: 304px;
}
@media (min-width: 1400px) {
  .p-benefits-info__bg {
    padding: 0.5208333333vw;
    padding: 1.8229166667vw 0.5208333333vw 0px;
    min-height: 15.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__bg {
    padding: 7.2916666667px;
    padding: 25.5208333333px 7.2916666667px 0px;
    min-height: 221.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-benefits-info__bg {
    min-height: 121.6px;
    padding: 35px 10px 35px;
  }
}
.p-benefits-info__bg::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: -1;
}
@media (min-width: 1400px) {
  .p-benefits-info__bg::after {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-benefits-info__bg::after {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}

.p-numbers {
  /*contents====================*/
}
.p-numbers__contents {
  position: relative;
  margin-top: 144px;
  margin-bottom: 292px;
}
@media (min-width: 1400px) {
  .p-numbers__contents {
    margin-top: 7.5vw;
    margin-bottom: 15.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__contents {
    margin-top: 105px;
    margin-bottom: 212.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__contents {
    padding: 0 15px;
    margin-top: 80px;
    margin-bottom: 100px;
  }
}
.p-numbers__bg img {
  width: 100%;
  height: auto;
}
.p-numbers__item1, .p-numbers__item2, .p-numbers__item3, .p-numbers__item4, .p-numbers__item5, .p-numbers__item6, .p-numbers__item7, .p-numbers__item8, .p-numbers__item9 {
  position: absolute;
  z-index: 2;
}
.p-numbers__item1 img, .p-numbers__item2 img, .p-numbers__item3 img, .p-numbers__item4 img, .p-numbers__item5 img, .p-numbers__item6 img, .p-numbers__item7 img, .p-numbers__item8 img, .p-numbers__item9 img {
  width: 100%;
  height: auto;
}
.p-numbers__item1 .-cloud, .p-numbers__item1 .-text, .p-numbers__item1 .-text1, .p-numbers__item1 .-text2, .p-numbers__item2 .-cloud, .p-numbers__item2 .-text, .p-numbers__item2 .-text1, .p-numbers__item2 .-text2, .p-numbers__item3 .-cloud, .p-numbers__item3 .-text, .p-numbers__item3 .-text1, .p-numbers__item3 .-text2, .p-numbers__item4 .-cloud, .p-numbers__item4 .-text, .p-numbers__item4 .-text1, .p-numbers__item4 .-text2, .p-numbers__item5 .-cloud, .p-numbers__item5 .-text, .p-numbers__item5 .-text1, .p-numbers__item5 .-text2, .p-numbers__item6 .-cloud, .p-numbers__item6 .-text, .p-numbers__item6 .-text1, .p-numbers__item6 .-text2, .p-numbers__item7 .-cloud, .p-numbers__item7 .-text, .p-numbers__item7 .-text1, .p-numbers__item7 .-text2, .p-numbers__item8 .-cloud, .p-numbers__item8 .-text, .p-numbers__item8 .-text1, .p-numbers__item8 .-text2, .p-numbers__item9 .-cloud, .p-numbers__item9 .-text, .p-numbers__item9 .-text1, .p-numbers__item9 .-text2 {
  position: absolute;
}
.p-numbers__object1, .p-numbers__object2, .p-numbers__object3, .p-numbers__object4 {
  position: absolute;
}
.p-numbers__object1 img, .p-numbers__object2 img, .p-numbers__object3 img, .p-numbers__object4 img {
  width: 100%;
  height: auto;
}
.p-numbers__item1 {
  left: 4%;
  top: 14.5%;
}
@media screen and (max-width: 768px) {
  .p-numbers__item1 {
    left: 6%;
  }
}
.p-numbers__item1 .-cloud {
  max-width: 280px;
  top: -77%;
  left: -2%;
}
@media (min-width: 1400px) {
  .p-numbers__item1 .-cloud {
    max-width: 14.5833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item1 .-cloud {
    max-width: 204.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item1 .-cloud {
    max-width: 20.16vw;
  }
}
.p-numbers__item1 .-number {
  max-width: 500px;
}
@media (min-width: 1400px) {
  .p-numbers__item1 .-number {
    max-width: 26.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item1 .-number {
    max-width: 364.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item1 .-number {
    max-width: 36vw;
  }
}
.p-numbers__item1 .-text {
  max-width: 126px;
  right: 19%;
  bottom: -41%;
}
@media (min-width: 1400px) {
  .p-numbers__item1 .-text {
    max-width: 6.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item1 .-text {
    max-width: 91.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item1 .-text {
    max-width: 9.072vw;
  }
}
.p-numbers__item2 {
  right: 10.5%;
  top: 6.3%;
}
.p-numbers__item2 .-cloud {
  max-width: 280px;
  top: -113%;
  left: -112%;
}
@media (min-width: 1400px) {
  .p-numbers__item2 .-cloud {
    max-width: 14.5833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item2 .-cloud {
    max-width: 204.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item2 .-cloud {
    max-width: 20.16vw;
  }
}
.p-numbers__item2 .-number {
  max-width: 240px;
}
@media (min-width: 1400px) {
  .p-numbers__item2 .-number {
    max-width: 12.5vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item2 .-number {
    max-width: 175px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item2 .-number {
    max-width: 17.28vw;
  }
}
.p-numbers__item2 .-text {
  max-width: 88px;
  right: -28%;
  bottom: 4%;
}
@media (min-width: 1400px) {
  .p-numbers__item2 .-text {
    max-width: 4.5833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item2 .-text {
    max-width: 64.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item2 .-text {
    max-width: 6.336vw;
  }
}
.p-numbers__item3 {
  right: 14.6%;
  top: 24.5%;
}
.p-numbers__item3 .-cloud {
  max-width: 282px;
  top: -90%;
  right: -66%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1400px) {
  .p-numbers__item3 .-cloud {
    max-width: 14.6875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item3 .-cloud {
    max-width: 205.625px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item3 .-cloud {
    max-width: 20.304vw;
  }
}
.p-numbers__item3 .-number {
  max-width: 245px;
}
@media (min-width: 1400px) {
  .p-numbers__item3 .-number {
    max-width: 12.7604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item3 .-number {
    max-width: 178.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item3 .-number {
    max-width: 17.64vw;
  }
}
.p-numbers__item3 .-text {
  max-width: 84px;
  right: -27%;
  bottom: 7%;
}
@media (min-width: 1400px) {
  .p-numbers__item3 .-text {
    max-width: 4.375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item3 .-text {
    max-width: 61.25px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item3 .-text {
    max-width: 6.048vw;
  }
}
.p-numbers__item4 {
  left: 15.5%;
  top: 39.5%;
}
.p-numbers__item4 .-cloud {
  max-width: 279px;
  top: -88%;
  left: -29%;
}
@media (min-width: 1400px) {
  .p-numbers__item4 .-cloud {
    max-width: 14.53125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item4 .-cloud {
    max-width: 203.4375px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item4 .-cloud {
    max-width: 20.088vw;
  }
}
.p-numbers__item4 .-number {
  max-width: 331px;
}
@media (min-width: 1400px) {
  .p-numbers__item4 .-number {
    max-width: 17.2395833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item4 .-number {
    max-width: 241.3541666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item4 .-number {
    max-width: 23.832vw;
  }
}
.p-numbers__item4 .-text {
  max-width: 85px;
  right: -19%;
  bottom: 8%;
}
@media (min-width: 1400px) {
  .p-numbers__item4 .-text {
    max-width: 4.4270833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item4 .-text {
    max-width: 61.9791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item4 .-text {
    max-width: 6.12vw;
  }
}
.p-numbers__item5 {
  left: 5.5%;
  top: 58.3%;
}
@media screen and (max-width: 768px) {
  .p-numbers__item5 {
    left: 5%;
  }
}
.p-numbers__item5 .-cloud {
  width: 362px;
  top: -92%;
  left: 16%;
}
@media (min-width: 1400px) {
  .p-numbers__item5 .-cloud {
    width: 18.8541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item5 .-cloud {
    width: 263.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item5 .-cloud {
    width: 26.064vw;
  }
}
.p-numbers__item5 .-number {
  max-width: 240px;
}
@media (min-width: 1400px) {
  .p-numbers__item5 .-number {
    max-width: 12.5vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item5 .-number {
    max-width: 175px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item5 .-number {
    max-width: 17.28vw;
  }
}
.p-numbers__item5 .-text {
  max-width: 84px;
  bottom: 6%;
  right: -28%;
}
@media (min-width: 1400px) {
  .p-numbers__item5 .-text {
    max-width: 4.375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item5 .-text {
    max-width: 61.25px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item5 .-text {
    max-width: 6.048vw;
  }
}
.p-numbers__item6 {
  right: 3%;
  top: 44.8%;
}
.p-numbers__item6 .-cloud {
  max-width: 281px;
  top: -59%;
  left: -30%;
}
@media (min-width: 1400px) {
  .p-numbers__item6 .-cloud {
    max-width: 14.6354166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item6 .-cloud {
    max-width: 204.8958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item6 .-cloud {
    max-width: 20.232vw;
  }
}
.p-numbers__item6 .-number {
  max-width: 346px;
}
@media (min-width: 1400px) {
  .p-numbers__item6 .-number {
    max-width: 18.0208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item6 .-number {
    max-width: 252.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item6 .-number {
    max-width: 24.912vw;
  }
}
.p-numbers__item6 .-text {
  max-width: 225px;
  right: 3%;
  bottom: -54%;
}
@media (min-width: 1400px) {
  .p-numbers__item6 .-text {
    max-width: 11.71875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item6 .-text {
    max-width: 164.0625px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item6 .-text {
    max-width: 16.2vw;
  }
}
.p-numbers__item7 {
  left: 8.5%;
  top: 81.4%;
}
@media screen and (max-width: 768px) {
  .p-numbers__item7 {
    left: 7%;
  }
}
.p-numbers__item7 .-cloud {
  max-width: 390px;
  top: -83%;
  left: 1%;
}
@media (min-width: 1400px) {
  .p-numbers__item7 .-cloud {
    max-width: 20.3125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item7 .-cloud {
    max-width: 284.375px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item7 .-cloud {
    max-width: 28.08vw;
  }
}
.p-numbers__item7 .-number {
  max-width: 415px;
}
@media (min-width: 1400px) {
  .p-numbers__item7 .-number {
    max-width: 21.6145833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item7 .-number {
    max-width: 302.6041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item7 .-number {
    max-width: 29.88vw;
  }
}
.p-numbers__item7 .-text {
  max-width: 185px;
  right: 10%;
  bottom: -57%;
}
@media (min-width: 1400px) {
  .p-numbers__item7 .-text {
    max-width: 9.6354166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item7 .-text {
    max-width: 134.8958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item7 .-text {
    max-width: 13.32vw;
  }
}
.p-numbers__item8 {
  right: 16.5%;
  top: 75.6%;
}
.p-numbers__item8 .-cloud {
  width: 383px;
  left: -81%;
  top: -112%;
}
@media (min-width: 1400px) {
  .p-numbers__item8 .-cloud {
    width: 19.9479166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item8 .-cloud {
    width: 279.2708333333px;
    left: -96.25px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item8 .-cloud {
    width: 27.576vw;
  }
}
@media (min-width: 1400px) {
  .p-numbers__item8 .-number {
    width: 11.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item8 .-number {
    max-width: 158.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item8 .-number {
    max-width: 15.696vw;
  }
}
.p-numbers__item8 .-text1 {
  bottom: 2%;
  left: -68%;
}
@media (min-width: 1400px) {
  .p-numbers__item8 .-text1 {
    width: 8.4375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item8 .-text1 {
    max-width: 118.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item8 .-text1 {
    max-width: 11.664vw;
  }
}
.p-numbers__item8 .-text2 {
  right: -64%;
  bottom: 2%;
}
@media (min-width: 1400px) {
  .p-numbers__item8 .-text2 {
    width: 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item8 .-text2 {
    max-width: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item8 .-text2 {
    max-width: 11.52vw;
  }
}
.p-numbers__item9 {
  right: -2%;
  bottom: 1.5%;
}
.p-numbers__item9 .-cloud {
  width: 524px;
  right: -8%;
  top: -104%;
}
@media (min-width: 1400px) {
  .p-numbers__item9 .-cloud {
    width: 27.2916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item9 .-cloud {
    width: 382.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item9 .-cloud {
    width: 37.728vw;
  }
}
.p-numbers__item9 .-number {
  max-width: 350px;
}
@media (min-width: 1400px) {
  .p-numbers__item9 .-number {
    max-width: 18.2291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item9 .-number {
    max-width: 255.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item9 .-number {
    max-width: 25.2vw;
  }
}
.p-numbers__item9 .-text1 {
  max-width: 160px;
  left: -40%;
  bottom: -1%;
}
@media (min-width: 1400px) {
  .p-numbers__item9 .-text1 {
    max-width: 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item9 .-text1 {
    max-width: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item9 .-text1 {
    max-width: 11.52vw;
  }
}
.p-numbers__item9 .-text2 {
  max-width: 230px;
  right: 4%;
  bottom: -52%;
}
@media (min-width: 1400px) {
  .p-numbers__item9 .-text2 {
    max-width: 11.9791666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__item9 .-text2 {
    max-width: 167.7083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__item9 .-text2 {
    max-width: 16.56vw;
  }
}
.p-numbers__object1 {
  max-width: 318px;
  top: -5%;
  left: -19.5%;
}
@media (min-width: 1400px) {
  .p-numbers__object1 {
    max-width: 16.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__object1 {
    max-width: 231.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__object1 {
    max-width: 22.896vw;
    left: -11%;
  }
}
.p-numbers__object2 {
  max-width: 313px;
  top: 6%;
  right: -22.7%;
}
@media (min-width: 1400px) {
  .p-numbers__object2 {
    max-width: 16.3020833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__object2 {
    max-width: 228.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__object2 {
    max-width: 22.536vw;
    right: -13%;
    top: 9%;
  }
}
.p-numbers__object3 {
  max-width: 318px;
  bottom: 15.7%;
  left: -20.5%;
}
@media (min-width: 1400px) {
  .p-numbers__object3 {
    max-width: 16.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__object3 {
    max-width: 231.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__object3 {
    max-width: 22.896vw;
    left: -14%;
  }
}
.p-numbers__object4 {
  max-width: 297px;
  bottom: -6%;
  right: -21.5%;
}
@media (min-width: 1400px) {
  .p-numbers__object4 {
    max-width: 15.46875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-numbers__object4 {
    max-width: 216.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-numbers__object4 {
    max-width: 21.384vw;
    bottom: 6%;
    right: -16%;
  }
}

.p-establishment {
  /*contents====================*/
  padding-bottom: 132px;
}
@media (min-width: 1400px) {
  .p-establishment {
    padding-bottom: 6.875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment {
    padding-bottom: 96.25px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents {
    margin-top: 40px;
  }
}
.p-establishment__contents:nth-of-type(1) .p-establishment__title {
  padding: 65px 410px 0 0px;
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(1) .p-establishment__title {
    padding: 3.3854166667vw 21.3541666667vw 0 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(1) .p-establishment__title {
    padding: 47.3958333333px 298.9583333333px 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(1) .p-establishment__title {
    padding: unset;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(2) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13.9583333333vw;
            flex: 0 0 13.9583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(2) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 195.4166666667px;
            flex: 0 0 195.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(2) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 107.2px;
            flex: 0 0 107.2px;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(2) .c-flowslider__track {
    width: 83.75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(2) .c-flowslider__track {
    width: 1172.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(2) .c-flowslider__track {
    width: 643.2px;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(3) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.7083333333vw;
            flex: 0 0 27.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(3) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 387.9166666667px;
            flex: 0 0 387.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(3) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(3) .c-flowslider__track {
    width: 166.25vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(3) .c-flowslider__track {
    width: 2327.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(3) .c-flowslider__track {
    width: 1200px;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(4) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25.9375vw;
            flex: 0 0 25.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(4) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 363.125px;
            flex: 0 0 363.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(4) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 199.2px;
            flex: 0 0 199.2px;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(4) .c-flowslider__track {
    width: 155.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(4) .c-flowslider__track {
    width: 2178.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(4) .c-flowslider__track {
    width: 1195.2px;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(5) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13.5416666667vw;
            flex: 0 0 13.5416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(5) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 189.5833333333px;
            flex: 0 0 189.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(5) .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 104px;
            flex: 0 0 104px;
  }
}
@media (min-width: 1400px) {
  .p-establishment__contents:nth-of-type(5) .c-flowslider__track {
    width: 81.25vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__contents:nth-of-type(5) .c-flowslider__track {
    width: 1137.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__contents:nth-of-type(5) .c-flowslider__track {
    width: 624px;
  }
}
.p-establishment__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
  margin: 0 auto -255px;
  padding: 80px 0 0 0px;
}
@media (min-width: 1400px) {
  .p-establishment__title {
    margin: 0 auto -13.28125vw;
    padding: 4.1666666667vw 0 0 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__title {
    margin: 0 auto -185.9375px;
    padding: 58.3333333333px 0 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__title {
    padding: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto 0;
  }
}
.p-establishment__title img {
  max-width: 360px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-establishment__title img {
    max-width: 18.75vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__title img {
    max-width: 262.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__title img {
    max-width: 200px;
    margin: unset;
  }
}
.p-establishment__title.-left {
  padding: 97px 410px 0 0px;
}
@media (min-width: 1400px) {
  .p-establishment__title.-left {
    padding: 5.0520833333vw 21.3541666667vw 0 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__title.-left {
    padding: 70.7291666667px 298.9583333333px 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__title.-left {
    padding: unset;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.p-establishment__title.-right {
  padding: 95px 0px 0 410px;
}
@media (min-width: 1400px) {
  .p-establishment__title.-right {
    padding: 4.9479166667vw 0px 0 21.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__title.-right {
    padding: 69.2708333333px 0px 0 298.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__title.-right {
    padding: unset;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.p-establishment__title.-right2 {
  padding: 93px 0px 0 260px;
}
@media (min-width: 1400px) {
  .p-establishment__title.-right2 {
    padding: 4.84375vw 0px 0 13.5416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment__title.-right2 {
    padding: 67.8125px 0px 0 189.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment__title.-right2 {
    padding: unset;
  }
}
.p-establishment-flowslider {
  width: 100vw;
  margin: 90px calc(50% - 50vw) 0;
  overflow: unset;
}
@media (min-width: 1400px) {
  .p-establishment-flowslider {
    margin: 4.6875vw calc(50% - 50vw) 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-flowslider {
    margin: 65.625px calc(50% - 50vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-flowslider {
    margin: -80px calc(50% - 50vw) 0;
  }
}
.p-establishment-flowslider__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 352px;
          flex: 0 0 352px;
  font-size: 88px;
  font-family: "Dela Gothic One", sans-serif;
}
@media (min-width: 1400px) {
  .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.3333333333vw;
            flex: 0 0 18.3333333333vw;
    font-size: 4.5833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 256.6666666667px;
            flex: 0 0 256.6666666667px;
    font-size: 64.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-flowslider__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140.8px;
            flex: 0 0 140.8px;
    font-size: 35.2px;
  }
}
.p-establishment-flowslider .c-flowslider__track {
  width: 2112px;
  gap: 49px;
}
@media (min-width: 1400px) {
  .p-establishment-flowslider .c-flowslider__track {
    width: 110vw;
    gap: 2.5520833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-flowslider .c-flowslider__track {
    width: 1540px;
    gap: 35.7291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-flowslider .c-flowslider__track {
    width: 844.8px;
    gap: 19.6px;
  }
}
.p-establishment-slider {
  position: relative;
  margin-top: 80px;
  padding-bottom: 80px;
}
@media (min-width: 1400px) {
  .p-establishment-slider {
    margin-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider {
    margin-top: 58.3333333333px;
    padding-bottom: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider {
    margin-top: 40px;
    padding-bottom: 70px;
  }
}
.p-establishment-slider .swiper-slide {
  height: auto;
}
.p-establishment-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 0;
  padding-bottom: 3%;
}
@media (min-width: 1400px) {
  .p-establishment-slider__item {
    gap: 0.8333333333vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__item {
    gap: 11.6666666667px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__item {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
}
.p-establishment-slider__title {
  background-color: #fff;
  border: 10px solid;
  width: 100%;
  font-size: 26px;
  letter-spacing: 0.04em;
  line-height: 1;
  font-weight: 900;
  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;
  padding: 16px 10px;
}
@media (min-width: 1400px) {
  .p-establishment-slider__title {
    border: 0.5208333333vw solid;
    font-size: 1.3541666667vw;
    padding: 0.8333333333vw 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__title {
    border: 7.2916666667px solid;
    font-size: 18.9583333333px;
    padding: 11.6666666667px 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__title {
    font-size: 14px;
    padding: 12px 10px;
    border: 5px solid;
  }
}
.p-establishment-slider__head {
  width: 49%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__head {
    width: 100%;
  }
}
.p-establishment-slider__headinner {
  -webkit-clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
  background-color: #000;
  position: relative;
  z-index: -1;
  padding: 35px 40px 35px 35px;
}
@media (min-width: 1400px) {
  .p-establishment-slider__headinner {
    padding: 1.8229166667vw 2.0833333333vw 1.8229166667vw 1.8229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__headinner {
    padding: 25.5208333333px 29.1666666667px 25.5208333333px 25.5208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__headinner {
    padding: 20px 23px 20px 20px;
    -webkit-clip-path: unset;
            clip-path: unset;
  }
}
.p-establishment-slider__headinner::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  -webkit-clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-establishment-slider__headinner::after {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__headinner::after {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__headinner::after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-clip-path: unset;
            clip-path: unset;
  }
}
.p-establishment-slider__body {
  width: 56%;
  margin-left: -5%;
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__body {
    width: 100%;
    margin-left: unset;
    margin-top: 0px;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.p-establishment-slider__bodyinner {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
  background-color: #000;
  position: relative;
  z-index: -1;
  padding: 36px 38px 96px 108px;
  height: 100%;
}
@media (min-width: 1400px) {
  .p-establishment-slider__bodyinner {
    padding: 1.875vw 1.9791666667vw 5vw 5.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__bodyinner {
    padding: 26.25px 27.7083333333px 70px 78.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__bodyinner {
    -webkit-clip-path: unset;
            clip-path: unset;
    padding: 20px 20px 40px;
  }
}
.p-establishment-slider__bodyinner::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-establishment-slider__bodyinner::after {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__bodyinner::after {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__bodyinner::after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-clip-path: unset;
            clip-path: unset;
  }
}
.p-establishment-slider__img {
  -webkit-clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__img {
    -webkit-clip-path: unset;
            clip-path: unset;
  }
}
.p-establishment-slider__img img {
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 87% 0%, 100% 100%, 0 100%);
  aspect-ratio: 515/468;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__img img {
    -webkit-clip-path: unset;
            clip-path: unset;
    aspect-ratio: 515/368;
  }
}
.p-establishment-slider__subtitle {
  font-size: 20px;
  line-height: 2;
  font-weight: 900;
  background-color: #54C3F1;
  border: 5px solid;
  position: relative;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 9px 4px 16px;
}
@media (min-width: 1400px) {
  .p-establishment-slider__subtitle {
    font-size: 1.0416666667vw;
    line-height: 2;
    border: 0.2604166667vw solid;
    padding: 0.2083333333vw 0.46875vw 0.2083333333vw 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__subtitle {
    font-size: 14.5833333333px;
    line-height: 2;
    border: 3.6458333333px solid;
    padding: 2.9166666667px 6.5625px 2.9166666667px 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__subtitle {
    font-size: 12px;
    border: 4px solid;
  }
}
.p-establishment-slider__subtitle.-color {
  background-color: #ED5500;
}
.p-establishment-slider__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 33px;
}
@media (min-width: 1400px) {
  .p-establishment-slider__disc {
    font-size: 0.9375vw;
    line-height: 1.7777777778;
    margin-top: 1.71875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__disc {
    font-size: 13.125px;
    line-height: 1.7777777778;
    margin-top: 24.0625px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__disc {
    font-size: 12px;
    margin-top: 10px;
  }
}
.p-establishment-slider__add {
  font-size: 20px;
  font-weight: 900;
  position: absolute;
  left: 12%;
  bottom: -6.5%;
}
@media (min-width: 1400px) {
  .p-establishment-slider__add {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__add {
    font-size: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__add {
    font-size: 14px;
    left: -2%;
    bottom: -1.5%;
  }
}
.p-establishment-slider__add span {
  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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 5px solid;
  padding: 12px 17px;
}
@media (min-width: 1400px) {
  .p-establishment-slider__add span {
    border: 0.2604166667vw solid;
    padding: 0.625vw 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__add span {
    border: 3.6458333333px solid;
    padding: 8.75px 12.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__add span {
    padding: 6px 10px;
    border: 4px solid;
  }
}
.p-establishment-slider__add .-title {
  background-color: #ED5500;
  margin-bottom: -5px;
}
@media (min-width: 1400px) {
  .p-establishment-slider__add .-title {
    margin-bottom: -0.2604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__add .-title {
    margin-bottom: -3.6458333333px;
  }
}
.p-establishment-slider__add .-title.-color {
  background-color: #54C3F1;
}
.p-establishment-slider__add .-disc {
  background-color: #fff;
}
.p-establishment-slider__link {
  max-width: 353px;
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 1%;
  right: 4.5%;
}
@media (min-width: 1400px) {
  .p-establishment-slider__link {
    max-width: 18.3854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__link {
    max-width: 257.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__link {
    max-width: 180px;
    bottom: -2%;
  }
}
.p-establishment-slider__link img {
  width: 100%;
  height: auto;
}
.p-establishment-slider__bottom {
  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;
  max-width: 1300px;
  width: 100%;
  position: absolute;
  top: 25%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
@media (min-width: 1400px) {
  .p-establishment-slider__bottom {
    max-width: 67.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__bottom {
    max-width: 947.9166666667px;
  }
}
.p-establishment-slider__bottom .swiper-button-next:after, .p-establishment-slider__bottom .swiper-rtl .swiper-button-prev:after,
.p-establishment-slider__bottom .swiper-button-prev:after, .p-establishment-slider__bottom .swiper-rtl .swiper-button-next:after {
  content: none;
}
.p-establishment-slider__button {
  position: relative;
  width: 78px;
  height: 78px;
  background-image: url("../images/common/icon-slidearrow.webp");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (min-width: 1400px) {
  .p-establishment-slider__button {
    width: 4.0625vw;
    height: 4.0625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider__button {
    width: 56.875px;
    height: 56.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider__button {
    width: 38px;
    height: 38px;
  }
}
.p-establishment-slider__button.swiper-button-prev {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.p-establishment-slider .swiper-pagination {
  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;
}
@media (min-width: 1400px) {
  .p-establishment-slider .swiper-pagination {
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider .swiper-pagination {
    gap: 11.6666666667px;
  }
}
.p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 2px solid;
  opacity: 1;
  margin: unset;
}
@media (min-width: 1400px) {
  .p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.78125vw;
    height: 0.78125vw;
    border: 0.1041666667vw solid;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10.9375px;
    height: 10.9375px;
    border: 1.4583333333px solid;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid;
  background-color: #ED5500;
  width: 27px;
  height: 27px;
}
@media (min-width: 1400px) {
  .p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 0.15625vw solid;
    width: 1.40625vw;
    height: 1.40625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 2.1875px solid;
    width: 19.6875px;
    height: 19.6875px;
  }
}
@media screen and (max-width: 768px) {
  .p-establishment-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .p-establishment-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
  }
}

.p-interview {
  /*contents====================*/
}
.p-interview-archive .c-pageheader {
  margin-bottom: -90px;
}
@media (min-width: 1400px) {
  .p-interview-archive .c-pageheader {
    margin-bottom: -4.6875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive .c-pageheader {
    margin-bottom: -65.625px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive .c-pageheader {
    margin-bottom: unset;
  }
}
.p-interview-archive__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 114px;
  margin-top: 179px;
}
@media (min-width: 1400px) {
  .p-interview-archive__head {
    gap: 5.9375vw;
    margin-top: 9.3229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__head {
    gap: 83.125px;
    margin-top: 130.5208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 100px;
    gap: 50px;
  }
}
.p-interview-archive-tag {
  width: 192px;
  margin-top: 10px;
  margin-left: 5px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-interview-archive-tag {
    width: 10vw;
    margin-top: 0.5208333333vw;
    margin-left: 0.2604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive-tag {
    width: 140px;
    margin-top: 7.2916666667px;
    margin-left: 3.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive-tag {
    margin-top: unset;
    margin-left: unset;
  }
}
.p-interview-archive-tag {
  /*
  &::after{
    position: absolute;
    content: "";
    background-image: url(../images/interview/tag-bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 355px;
    height: 355px;
    animation: spin 8s linear infinite;
    z-index: -1;
    @media (min-width: 1400px){
      width: s.pxtovw(355);
      height: s.pxtovw(355);
      top:  s.pxtovw(-120);
      left: s.pxtovw(-85);
    }
    @media screen and (min-width: 769px) and (max-width: 1399px) {
      width: calc(355px * 1400 / 1920);
      height: calc(355px * 1400 / 1920);
      top: -115%;
      left: -44%;
    }
    @include s.mq(md) {
      width: 290px;
      height: 290px;
      left: -26%;
      top: -85%;
    }
  }
    */
}
.p-interview-archive-tag img {
  width: 100%;
  height: auto;
}
.p-interview-archive-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 26px;
  width: calc(100% - 315px);
}
@media (min-width: 1400px) {
  .p-interview-archive-nav {
    gap: 1.0416666667vw 1.3541666667vw;
    width: calc(100% - 16.40625vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive-nav {
    gap: 14.5833333333px 18.9583333333px;
    width: calc(100% - 229.6875px);
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive-nav {
    width: 100%;
    gap: 10px 18px;
  }
}
.p-interview-archive-nav__item {
  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;
  border: 2px solid;
  border-radius: 50px;
  -webkit-box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
          box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
  padding: 0 45px;
  height: 58px;
  font-size: 18px;
  font-weight: 700;
}
@media (min-width: 1400px) {
  .p-interview-archive-nav__item {
    border: 0.1041666667vw solid;
    border-radius: 2.6041666667vw;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
    padding: 0 2.34375vw;
    height: 3.0208333333vw;
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive-nav__item {
    border: 1.4583333333px solid;
    border-radius: 36.4583333333px;
    -webkit-box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
            box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
    padding: 0 32.8125px;
    height: 42.2916666667px;
    font-size: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive-nav__item {
    padding: 0 18px;
    font-size: 14px;
    height: 40px;
  }
}
.p-interview-archive-nav__item.-current {
  background-color: #fff;
}
.p-interview-archive__listwrap {
  margin-top: 204px;
  padding-bottom: 178px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-interview-archive__listwrap {
    margin-top: 10.625vw;
    padding-bottom: 9.2708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__listwrap {
    margin-top: 148.75px;
    padding-bottom: 129.7916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__listwrap {
    margin-top: 100px;
    padding: 0 20px 100px;
  }
}
.p-interview-archive__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 65px 25px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-interview-archive__list {
    gap: 3.3854166667vw 1.3020833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__list {
    gap: 47.3958333333px 18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-interview-archive__item {
  width: calc(33.33333% - 16.66667px);
}
@media (min-width: 1400px) {
  .p-interview-archive__item {
    width: calc(33.33333% - 0.86806vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__item {
    width: calc(33.33333% - 12.15278px);
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__item {
    width: 100%;
  }
}
.p-interview-archive__item:nth-child(3n+1) .p-interview-archive__img, .p-interview-archive__item:nth-child(3n+1) .p-interview-archive__img img {
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
          clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
}
.p-interview-archive__item:nth-child(3n+1) .p-interview-archive__imgwrap::before {
  right: -4%;
}
.p-interview-archive__item:nth-child(3n+2) .p-interview-archive__img, .p-interview-archive__item:nth-child(3n+2) .p-interview-archive__img img {
  -webkit-clip-path: polygon(0% 0%, 96% 0%, 100% 100%, 4% 100%);
          clip-path: polygon(0% 0%, 96% 0%, 100% 100%, 4% 100%);
}
.p-interview-archive__item:nth-child(3n+2) .p-interview-archive__imgwrap::before {
  right: -5%;
}
.p-interview-archive__item:nth-child(3n+3) .p-interview-archive__img, .p-interview-archive__item:nth-child(3n+3) .p-interview-archive__img img {
  -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 4% 100%);
          clip-path: polygon(0 0, 100% 0, 95% 100%, 4% 100%);
}
.p-interview-archive__item:nth-child(3n+3) .p-interview-archive__imgwrap::before {
  right: -1%;
}
.p-interview-archive__imgwrap {
  position: relative;
}
.p-interview-archive__imgwrap::before {
  position: absolute;
  content: "";
  background-image: url(../images/common/icon-slidearrow.webp);
  background-size: cover;
  bottom: 17%;
  width: 50px;
  height: 50px;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-interview-archive__imgwrap::before {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__imgwrap::before {
    width: 36.4583333333px;
    height: 36.4583333333px;
  }
}
.p-interview-archive__img {
  position: relative;
  padding: 10px;
}
@media (min-width: 1400px) {
  .p-interview-archive__img {
    padding: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__img {
    padding: 7.2916666667px;
  }
}
.p-interview-archive__img::before {
  position: absolute;
  content: "";
  background-image: url(../images/common/object-slideimg.webp);
  background-size: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.p-interview-archive__img::after {
  position: absolute;
  content: "";
  background-color: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-interview-archive__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 480/338;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.p-interview-archive__body {
  margin-top: -7%;
  position: relative;
  z-index: 3;
}
.p-interview-archive__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-interview-archive__title .-lg, .p-interview-archive__title .-sm {
  border: 3px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
  padding: 12px 20px;
}
@media (min-width: 1400px) {
  .p-interview-archive__title .-lg, .p-interview-archive__title .-sm {
    border: 0.15625vw solid;
    padding: 0.625vw 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__title .-lg, .p-interview-archive__title .-sm {
    border: 2.1875px solid;
    padding: 8.75px 14.5833333333px;
  }
}
.p-interview-archive__title .-lg {
  font-size: 24px;
  font-weight: 900;
  background-color: #54C3F1;
}
@media (min-width: 1400px) {
  .p-interview-archive__title .-lg {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__title .-lg {
    font-size: 17.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__title .-lg {
    font-size: 18px;
  }
}
.p-interview-archive__title .-sm {
  font-size: 18px;
  font-weight: 800;
  background-color: #ED5500;
  margin-top: -3px;
}
@media (min-width: 1400px) {
  .p-interview-archive__title .-sm {
    font-size: 0.9375vw;
    margin-top: -0.15625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__title .-sm {
    font-size: 13.125px;
    margin-top: -2.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__title .-sm {
    font-size: 14px;
  }
}
.p-interview-archive__name {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  margin-top: 4px;
}
@media (min-width: 1400px) {
  .p-interview-archive__name {
    font-size: 0.9375vw;
    margin-top: 0.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__name {
    font-size: 13.125px;
    margin-top: 2.9166666667px;
  }
}
.p-interview-archive__name span {
  font-size: 40px;
}
@media (min-width: 1400px) {
  .p-interview-archive__name span {
    font-size: 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__name span {
    font-size: 29.1666666667px;
  }
}
.p-interview-archive__cat {
  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: 9px;
  margin-top: 18px;
}
@media (min-width: 1400px) {
  .p-interview-archive__cat {
    gap: 0.46875vw;
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__cat {
    gap: 6.5625px;
    margin-top: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__cat {
    margin-top: 13px;
  }
}
.p-interview-archive__cat li {
  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;
  background-color: #fff;
  border-radius: 17px;
  border: 1px solid;
  height: 34px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 16px;
}
@media (min-width: 1400px) {
  .p-interview-archive__cat li {
    border-radius: 0.8854166667vw;
    border: 0.0520833333vw solid;
    height: 1.7708333333vw;
    padding: 0 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__cat li {
    border-radius: 12.3958333333px;
    border: 0.7291666667px solid;
    height: 24.7916666667px;
    padding: 0 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__cat li {
    font-size: 12px;
    height: 28px;
    padding: 0 12px;
  }
}
.p-interview-archive__object {
  position: absolute;
  width: 780px;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-interview-archive__object {
    width: 40.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-archive__object {
    width: 568.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-archive__object {
    width: 312px;
    display: none;
  }
}
.p-interview-archive__object img {
  width: 100%;
  height: auto;
}
.p-interview-archive__object.-object1 {
  right: -49.7%;
  top: 2.3%;
}
.p-interview-archive__object.-object2 {
  left: -49.6%;
  top: 20.5%;
}
@media screen and (max-width: 768px) {
  .p-interview-archive__object.-object2 {
    top: 24%;
  }
}
.p-interview-archive__object.-object3 {
  right: -49.7%;
  top: 40.8%;
}
.p-interview-archive__object.-object4 {
  left: -49.6%;
  bottom: 11.4%;
}
@media screen and (max-width: 768px) {
  .p-interview-archive__object.-object4 {
    bottom: 12%;
  }
}
.p-interview-archive__object.-object5 {
  right: -50%;
  bottom: -8.1%;
}
@media screen and (max-width: 768px) {
  .p-interview-archive__object.-object5 {
    bottom: 4%;
  }
}
.p-interview-single__title {
  max-width: 520px;
  margin: 30px 0 -42px;
}
@media (min-width: 1400px) {
  .p-interview-single__title {
    max-width: 27.0833333333vw;
    margin: 1.5625vw 0 -2.1875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__title {
    max-width: 379.1666666667px;
    margin: 21.875px 0 -30.625px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__title {
    margin: 30px 0 12px;
  }
}
.p-interview-single__title img {
  width: 100%;
  height: auto;
}
.p-interview-single__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1428px;
  margin: 130px auto 0;
  position: relative;
}
@media (min-width: 1400px) {
  .p-interview-single__head {
    max-width: 74.375vw;
    margin: 6.7708333333vw auto 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__head {
    max-width: 1041.25px;
    margin: 94.7916666667px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 10px;
    padding: 0 20px;
  }
}
.p-interview-single__head::before, .p-interview-single__head::after {
  position: absolute;
  content: "";
  background-image: url("../images/interview/icon.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 230px;
  height: 169px;
}
@media (min-width: 1400px) {
  .p-interview-single__head::before, .p-interview-single__head::after {
    width: 11.9791666667vw;
    height: 8.8020833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__head::before, .p-interview-single__head::after {
    width: 167.7083333333px;
    height: 123.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__head::before, .p-interview-single__head::after {
    width: 92px;
    height: 92px;
  }
}
.p-interview-single__head::before {
  right: -178px;
  top: -124px;
  rotate: -1deg;
}
@media (min-width: 1400px) {
  .p-interview-single__head::before {
    right: -9.2708333333vw;
    top: -6.4583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__head::before {
    right: -129.7916666667px;
    top: -90.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__head::before {
    right: -38px;
    top: -64px;
  }
}
.p-interview-single__head::after {
  left: -170px;
  bottom: -135px;
  -webkit-transform: scale(-1);
          transform: scale(-1);
  rotate: -11deg;
}
@media (min-width: 1400px) {
  .p-interview-single__head::after {
    left: -8.8541666667vw;
    bottom: -7.03125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__head::after {
    left: -123.9583333333px;
    bottom: -98.4375px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__head::after {
    left: -38px;
    bottom: -64px;
  }
}
.p-interview-single__img {
  width: 61%;
  position: relative;
  padding: 10px;
  -webkit-clip-path: polygon(4% 0, 96.5% 0, 100% 100%, 0 100%);
          clip-path: polygon(4% 0, 96.5% 0, 100% 100%, 0 100%);
  margin-left: -10px;
}
@media (min-width: 1400px) {
  .p-interview-single__img {
    padding: 0.5208333333vw;
    margin-left: -0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__img {
    padding: 7.2916666667px;
    margin-left: -7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__img {
    width: 100%;
    margin-left: unset;
  }
}
.p-interview-single__img::before {
  position: absolute;
  content: "";
  background-image: url(../images/common/object-slideimg.webp);
  background-size: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.p-interview-single__img::after {
  position: absolute;
  content: "";
  background-color: #000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-interview-single__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 867/595;
  -webkit-clip-path: polygon(4% 0, 96.5% 0, 100% 100%, 0 100%);
          clip-path: polygon(4% 0, 96.5% 0, 100% 100%, 0 100%);
}
.p-interview-single-prof {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof {
    width: 100%;
  }
}
.p-interview-single-prof__inner {
  position: relative;
  padding: 10px;
  -webkit-clip-path: polygon(0 0, 100% 0, 94% 100%, 4% 100%);
          clip-path: polygon(0 0, 100% 0, 94% 100%, 4% 100%);
  background-color: #000000;
  height: 100%;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__inner {
    padding: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__inner {
    padding: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__inner {
    -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
            clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
  }
}
.p-interview-single-prof__inner::after {
  position: absolute;
  content: "";
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 2;
  -webkit-clip-path: polygon(0 0, 100% 0, 94% 100%, 4% 100%);
          clip-path: polygon(0 0, 100% 0, 94% 100%, 4% 100%);
}
@media (min-width: 1400px) {
  .p-interview-single-prof__inner::after {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__inner::after {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__inner::after {
    -webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
            clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);
  }
}
.p-interview-single-prof__title, .p-interview-single-prof__datalist, .p-interview-single-prof__cat {
  position: relative;
  z-index: 3;
}
.p-interview-single-prof__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  rotate: -3deg;
  position: absolute;
  left: 6.5%;
  top: 13%;
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__title {
    top: 36%;
  }
}
.p-interview-single-prof__title .-lg, .p-interview-single-prof__title .-sm {
  border: 7px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__title .-lg, .p-interview-single-prof__title .-sm {
    border: 0.3645833333vw solid;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__title .-lg, .p-interview-single-prof__title .-sm {
    border: 5.1041666667px solid;
  }
}
.p-interview-single-prof__title .-lg {
  font-size: 60px;
  font-weight: 900;
  background-color: #54C3F1;
  padding: 8px 18px 7px;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__title .-lg {
    font-size: 3.125vw;
    padding: 0.4166666667vw 0.9375vw 0.3645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__title .-lg {
    font-size: 43.75px;
    padding: 5.8333333333px 13.125px 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__title .-lg {
    font-size: 20px;
  }
}
.p-interview-single-prof__title .-sm {
  font-weight: 900;
  background-color: #ED5500;
  margin-top: -7px;
  padding: 3px 15px 9px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__title .-sm {
    margin-top: -0.3645833333vw;
    padding: 0.15625vw 0.78125vw 0.46875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__title .-sm {
    margin-top: -5.1041666667px;
    padding: 2.1875px 10.9375px 6.5625px;
  }
}
.p-interview-single-prof__title .-sm .-name {
  font-size: 60px;
  line-height: 1;
  font-family: "Dela Gothic One", sans-serif;
  margin-right: 7px;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__title .-sm .-name {
    font-size: 3.125vw;
    margin-right: 0.3645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__title .-sm .-name {
    font-size: 43.75px;
    margin-right: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__title .-sm .-name {
    font-size: 30px;
  }
}
.p-interview-single-prof__title .-sm .-text {
  font-size: 33px;
  padding-top: 10px;
  display: inline-block;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__title .-sm .-text {
    font-size: 1.71875vw;
    padding-top: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__title .-sm .-text {
    font-size: 24.0625px;
    padding-top: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__title .-sm .-text {
    font-size: 20px;
  }
}
.p-interview-single-prof__datalist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 42px;
  padding: 295px 0 0 104px;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__datalist {
    gap: 1.25vw 2.1875vw;
    padding: 15.3645833333vw 0 0 5.4166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__datalist {
    gap: 17.5px 30.625px;
    padding: 215.1041666667px 0 0 75.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__datalist {
    padding: 35px 20px 0px 20px;
    gap: 24px 0px;
  }
}
.p-interview-single-prof__datalist dt {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.7;
  width: 60px;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__datalist dt {
    font-size: 1.0416666667vw;
    line-height: 1.7;
    width: 3.125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__datalist dt {
    font-size: 14.5833333333px;
    line-height: 1.7;
    width: 43.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__datalist dt {
    font-size: 14px;
  }
}
.p-interview-single-prof__datalist dd {
  font-size: 20px;
  line-height: 1.7;
  font-weight: 600;
  width: calc(100% - 102px);
}
@media (min-width: 1400px) {
  .p-interview-single-prof__datalist dd {
    font-size: 1.0416666667vw;
    line-height: 1.7;
    width: calc(100% - 5.3125vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__datalist dd {
    font-size: 14.5833333333px;
    line-height: 1.7;
    width: calc(100% - 74.375px);
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__datalist dd {
    font-size: 14px;
  }
}
.p-interview-single-prof__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 9px;
  margin-top: 35px;
  margin-right: 78px;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__cat {
    gap: 0.46875vw;
    margin-top: 1.8229166667vw;
    margin-right: 4.0625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__cat {
    gap: 6.5625px;
    margin-top: 25.5208333333px;
    margin-right: 56.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__cat {
    margin: 13px 0 13px;
    margin-right: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
  }
}
.p-interview-single-prof__cat li {
  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;
  background-color: #fff;
  border-radius: 17px;
  border: 1px solid;
  height: 34px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 16px;
}
@media (min-width: 1400px) {
  .p-interview-single-prof__cat li {
    border-radius: 0.8854166667vw;
    border: 0.0520833333vw solid;
    height: 1.7708333333vw;
    padding: 0 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-prof__cat li {
    border-radius: 12.3958333333px;
    border: 0.7291666667px solid;
    height: 24.7916666667px;
    padding: 0 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-prof__cat li {
    font-size: 12px;
    height: 28px;
    padding: 0 12px;
  }
}
.p-interview-single-faqwrap {
  position: relative;
}
.p-interview-single-faq {
  counter-reset: number 0;
  margin-top: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 58px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-interview-single-faq {
    margin-top: 6.6666666667vw;
    gap: 3.0208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq {
    margin-top: 93.3333333333px;
    gap: 42.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-faq {
    margin-top: 178px;
  }
}
.p-interview-single-faq__q, .p-interview-single-faq__a {
  background-color: #fff;
  border: 7px solid;
  margin-left: 162px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-interview-single-faq__q, .p-interview-single-faq__a {
    border: 0.3645833333vw solid;
    margin-left: 8.4375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__q, .p-interview-single-faq__a {
    border: 5.1041666667px solid;
    margin-left: 118.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-faq__q, .p-interview-single-faq__a {
    margin-left: 50px;
  }
}
.p-interview-single-faq__q::after, .p-interview-single-faq__a::after {
  position: absolute;
  content: "";
  left: 0;
  top: -7px;
  border: 7px solid;
  font-family: "Dela Gothic One", sans-serif;
  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;
}
@media (min-width: 1400px) {
  .p-interview-single-faq__q::after, .p-interview-single-faq__a::after {
    top: -0.3645833333vw;
    border: 0.3645833333vw solid;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__q::after, .p-interview-single-faq__a::after {
    top: -5.1041666667px;
    border: 5.1041666667px solid;
  }
}
.p-interview-single-faq__q {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0.04em;
  padding: 17px 20px 17px;
}
@media (min-width: 1400px) {
  .p-interview-single-faq__q {
    font-size: 2.0833333333vw;
    padding: 0.8854166667vw 1.0416666667vw 0.8854166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__q {
    font-size: 29.1666666667px;
    padding: 12.3958333333px 14.5833333333px 12.3958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-faq__q {
    font-size: 16px;
  }
}
.p-interview-single-faq__q::after {
  background-color: #54C3F1;
  width: 170px;
  height: calc(100% + 14px);
  left: -170px;
  counter-increment: number 1;
  content: "Q" counter(number);
  font-size: 40px;
  letter-spacing: 0.04em;
}
@media (min-width: 1400px) {
  .p-interview-single-faq__q::after {
    width: 8.8541666667vw;
    height: calc(100% + 0.72917vw);
    left: -8.8541666667vw;
    font-size: 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__q::after {
    width: 123.9583333333px;
    height: calc(100% + 10.20833px);
    left: -123.9583333333px;
    font-size: 29.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-faq__q::after {
    font-size: 20px;
    width: 60px;
    left: -60px;
  }
}
.p-interview-single-faq__a {
  margin-top: -7px;
  padding: 22px 26px 30px;
}
@media (min-width: 1400px) {
  .p-interview-single-faq__a {
    margin-top: -0.3645833333vw;
    padding: 1.1458333333vw 1.3541666667vw 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__a {
    margin-top: -5.1041666667px;
    padding: 16.0416666667px 18.9583333333px 21.875px;
  }
}
.p-interview-single-faq__a::after {
  background-color: #ED5500;
  width: 84px;
  height: 67px;
  left: -84px;
  font-size: 30px;
  letter-spacing: 0.04em;
  content: "A";
}
@media (min-width: 1400px) {
  .p-interview-single-faq__a::after {
    width: 4.375vw;
    height: 3.4895833333vw;
    left: -4.375vw;
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__a::after {
    width: 61.25px;
    height: 48.8541666667px;
    left: -61.25px;
    font-size: 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-faq__a::after {
    font-size: 20px;
    width: 60px;
    left: -60px;
  }
}
.p-interview-single-faq__a span {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (min-width: 1400px) {
  .p-interview-single-faq__a span {
    font-size: 1.4583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__a span {
    font-size: 20.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-faq__a span {
    font-size: 16px;
  }
}
.p-interview-single-faq__a p {
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 500;
  margin-top: 18px;
}
@media (min-width: 1400px) {
  .p-interview-single-faq__a p {
    font-size: 0.9375vw;
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single-faq__a p {
    font-size: 13.125px;
    margin-top: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-faq__a p {
    font-size: 14px;
  }
}
.p-interview-single__object1, .p-interview-single__object2, .p-interview-single__object3 {
  position: absolute;
  z-index: 1;
}
.p-interview-single__object1 img, .p-interview-single__object2 img, .p-interview-single__object3 img {
  width: 100%;
  height: auto;
}
.p-interview-single__object1 {
  left: -38%;
  top: 3%;
  width: 524px;
}
@media (min-width: 1400px) {
  .p-interview-single__object1 {
    width: 27.2916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__object1 {
    width: 382.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__object1 {
    width: 209.6px;
    left: -100px;
    top: -7%;
  }
}
.p-interview-single__object2 {
  top: 37.5%;
  right: -38.5%;
  width: 524px;
}
@media (min-width: 1400px) {
  .p-interview-single__object2 {
    width: 27.2916666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__object2 {
    width: 382.0833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__object2 {
    width: 209.6px;
    top: 41.5%;
    right: -100px;
  }
}
.p-interview-single__object3 {
  bottom: 11.5%;
  left: -35.5%;
  width: 503px;
}
@media (min-width: 1400px) {
  .p-interview-single__object3 {
    width: 26.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-single__object3 {
    width: 366.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single__object3 {
    width: 201.2px;
    bottom: -8%;
    left: -100px;
  }
}
.p-interview-more {
  background-color: #FFFFFF;
  margin-top: 297px;
  padding-top: 185px;
  padding-bottom: 125px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-interview-more {
    margin-top: 15.46875vw;
    padding-top: 9.6354166667vw;
    padding-bottom: 6.5104166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-more {
    margin-top: 216.5625px;
    padding-top: 134.8958333333px;
    padding-bottom: 91.1458333333px;
  }
}
.p-interview-more__title {
  width: 194px;
  position: absolute;
  z-index: 1;
  left: 29.7%;
  top: -3.8%;
}
@media (min-width: 1400px) {
  .p-interview-more__title {
    width: 10.1041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-more__title {
    width: 141.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-more__title {
    width: 116.4px;
  }
}
.p-interview-more__title::after {
  position: absolute;
  content: "";
  background-image: url(../images/interview/tag-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 355px;
  height: 355px;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media (min-width: 1400px) {
  .p-interview-more__title::after {
    width: 18.4895833333vw;
    height: 18.4895833333vw;
    top: -6.25vw;
    left: -4.4270833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-more__title::after {
    width: 258.8541666667px;
    height: 258.8541666667px;
    top: -115%;
    left: -44%;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-more__title::after {
    width: 290px;
    height: 290px;
    left: -76%;
    top: -131%;
  }
}
.p-interview-more__title img {
  width: 100%;
  height: auto;
}
.p-interview-more__button {
  width: 570px;
  margin: 90px auto 0;
  display: block;
  position: relative;
  z-index: 5;
  padding-left: 30px;
}
@media (min-width: 1400px) {
  .p-interview-more__button {
    width: 29.6875vw;
    margin: 4.6875vw auto 0;
    padding-left: 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-interview-more__button {
    width: 415.625px;
    margin: 65.625px auto 0;
    padding-left: 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-more__button {
    width: 228px;
    padding-left: unset;
  }
}
.p-interview-more__button img {
  width: 100%;
  height: auto;
}

.p-recruit {
  /*contents====================*/
  padding-bottom: 157px;
}
@media (min-width: 1400px) {
  .p-recruit {
    padding-bottom: 8.1770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit {
    padding-bottom: 114.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit {
    padding-bottom: 100px;
  }
}
.p-recruit__head {
  border-top: 5px solid;
  border-bottom: 5px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 2.17%;
  padding: 55px 0;
  margin: 143px 0 0;
}
@media (min-width: 1400px) {
  .p-recruit__head {
    border-top: 0.2604166667vw solid;
    border-bottom: 0.2604166667vw solid;
    gap: 1.0416666667vw 2.17%;
    padding: 2.8645833333vw 0;
    margin: 7.4479166667vw 0 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__head {
    border-top: 3.6458333333px solid;
    border-bottom: 3.6458333333px solid;
    gap: 14.5833333333px 2.17%;
    padding: 40.1041666667px 0;
    margin: 104.2708333333px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__head {
    margin: 70px 0 0;
    padding: 25px 0;
  }
}
.p-recruit__select, .p-recruit__search {
  border: 5px solid;
  -webkit-box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
          box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
  font-size: 22px;
  font-weight: 700;
  height: 70px;
  cursor: pointer;
}
@media (min-width: 1400px) {
  .p-recruit__select, .p-recruit__search {
    border: 0.2604166667vw solid;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
    font-size: 1.1458333333vw;
    height: 3.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__select, .p-recruit__search {
    border: 3.6458333333px solid;
    -webkit-box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
            box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
    font-size: 16.0416666667px;
    height: 51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__select, .p-recruit__search {
    font-size: 16px;
    height: 55px;
  }
}
.p-recruit__select {
  background-color: #fff;
  background-image: url(../images/recruit/arrow.webp);
  background-repeat: no-repeat;
  background-position: right 29px center;
  background-size: 13px;
  padding: 0 30px;
  width: 25.06%;
}
@media (min-width: 1400px) {
  .p-recruit__select {
    padding: 0 1.5625vw;
    background-position: right 1.5104166667vw center;
    background-size: 0.6770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__select {
    padding: 0 21.875px;
    background-position: right 21.1458333333px center;
    background-size: 9.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__select {
    width: 100%;
  }
}
.p-recruit__search {
  background-color: #54C3F1;
  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;
  width: 18%;
}
@media screen and (max-width: 768px) {
  .p-recruit__search {
    width: 100%;
  }
}
.p-recruit__list {
  margin-top: 108px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media (min-width: 1400px) {
  .p-recruit__list {
    margin-top: 5.625vw;
    gap: 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__list {
    margin-top: 78.75px;
    gap: 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__list {
    margin-top: 50px;
  }
}
.p-recruit__item {
  border: 5px solid;
  -webkit-box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
          box-shadow: 5px 5px 0px 0px rgb(0, 0, 0);
  background-color: #fff;
  padding: 0 23px;
  margin-bottom: 5px;
}
@media (min-width: 1400px) {
  .p-recruit__item {
    border: 0.2604166667vw solid;
    -webkit-box-shadow: 0.2604166667vw 0.2604166667vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.2604166667vw 0.2604166667vw 0px 0px rgb(0, 0, 0);
    padding: 0 1.1979166667vw;
    margin-bottom: 0.2604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__item {
    border: 3.6458333333px solid;
    -webkit-box-shadow: 3.6458333333px 3.6458333333px 0px 0px rgb(0, 0, 0);
            box-shadow: 3.6458333333px 3.6458333333px 0px 0px rgb(0, 0, 0);
    padding: 0 16.7708333333px;
    margin-bottom: 3.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__item {
    padding: 0 0;
  }
}
.p-recruit__q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 120px;
  padding-right: 60px;
  cursor: pointer;
}
@media (min-width: 1400px) {
  .p-recruit__q {
    min-height: 6.25vw;
    padding-right: 3.125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__q {
    min-height: 87.5px;
    padding-right: 43.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__q {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 40px;
    min-height: 90px;
  }
}
.p-recruit__q .-title {
  font-size: 22px;
  line-height: 1.8181818182;
  font-weight: 700;
  width: 192px;
  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;
  padding-right: 25px;
}
@media (min-width: 1400px) {
  .p-recruit__q .-title {
    font-size: 1.1458333333vw;
    line-height: 1.8181818182;
    width: 10vw;
    padding-right: 1.3020833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__q .-title {
    font-size: 16.0416666667px;
    line-height: 1.8181818182;
    width: 140px;
    padding-right: 18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__q .-title {
    font-size: 16px;
    width: 100%;
    padding-right: unset;
  }
}
.p-recruit__q .-disc {
  font-size: 20px;
  line-height: 2;
  font-weight: 500;
  padding-left: 56px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-recruit__q .-disc {
    font-size: 1.0416666667vw;
    line-height: 2;
    padding-left: 2.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__q .-disc {
    font-size: 14.5833333333px;
    line-height: 2;
    padding-left: 40.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__q .-disc {
    font-size: 14px;
    line-height: 1.2;
    padding-left: unset;
    padding-top: 10px;
    width: calc(100% - 30px);
  }
}
.p-recruit__q .-disc::after {
  position: absolute;
  content: "";
  background-color: #000000;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 66px;
  width: 3px;
}
@media (min-width: 1400px) {
  .p-recruit__q .-disc::after {
    height: 3.4375vw;
    width: 0.15625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__q .-disc::after {
    height: 48.125px;
    width: 2.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__q .-disc::after {
    width: 100%;
    height: 3px;
    top: 0;
    -webkit-transform: unset;
            transform: unset;
  }
}
.p-recruit__q.-open .p-recruit__cross span:last-of-type {
  rotate: 0deg;
}
.p-recruit__a {
  border-top: 3px solid;
  padding: 24px 0 115px;
  display: none;
}
@media (min-width: 1400px) {
  .p-recruit__a {
    border-top: 0.15625vw solid;
    padding: 1.25vw 0 5.9895833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a {
    border-top: 2.1875px solid;
    padding: 17.5px 0 83.8541666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a {
    padding: 24px 20px 50px;
  }
}
.p-recruit__a .-head {
  padding: 0px 23px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-head {
    padding: 0px 1.1979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-head {
    padding: 0px 16.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-head {
    padding: 0 0;
  }
}
.p-recruit__a .-head > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-recruit__a .-potision, .p-recruit__a .-cate, .p-recruit__a .-name {
  border: 5px solid;
}
@media (min-width: 1400px) {
  .p-recruit__a .-potision, .p-recruit__a .-cate, .p-recruit__a .-name {
    border: 0.2604166667vw solid;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-potision, .p-recruit__a .-cate, .p-recruit__a .-name {
    border: 3.6458333333px solid;
  }
}
.p-recruit__a .-potision {
  background-color: #FFE800;
  font-size: 24px;
  line-height: 1.6666666667;
  font-weight: 900;
  padding: 4px 19px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: -5px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-potision {
    font-size: 1.25vw;
    line-height: 1.6666666667;
    padding: 0.2083333333vw 0.9895833333vw;
    margin-right: -0.2604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-potision {
    font-size: 17.5px;
    line-height: 1.6666666667;
    padding: 2.9166666667px 13.8541666667px;
    margin-right: -3.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-potision {
    font-size: 16px;
  }
}
.p-recruit__a .-cate {
  background-color: #54C3F1;
  font-size: 18px;
  line-height: 2.2222222222;
  font-weight: 700;
  padding: 1px 19px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (min-width: 1400px) {
  .p-recruit__a .-cate {
    font-size: 0.9375vw;
    line-height: 2.2222222222;
    padding: 0.0520833333vw 0.9895833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-cate {
    font-size: 13.125px;
    line-height: 2.2222222222;
    padding: 0.7291666667px 13.8541666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-cate {
    font-size: 14px;
    padding: 0px 12px;
    line-height: 1.7;
  }
}
.p-recruit__a .-name {
  background-color: #ED5500;
  font-size: 35px;
  line-height: 1.1428571429;
  font-weight: 900;
  padding: 12px 18px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 9px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-name {
    font-size: 1.8229166667vw;
    line-height: 1.1428571429;
    padding: 0.625vw 0.9375vw;
    margin-top: 0.46875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-name {
    font-size: 25.5208333333px;
    line-height: 1.1428571429;
    padding: 8.75px 13.125px;
    margin-top: 6.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-name {
    font-size: 14px;
    margin-top: 5px;
  }
}
.p-recruit__a .-section {
  border-top: dotted 4px;
  padding: 25px 23px 31px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-section {
    border-top: dotted 0.2083333333vw;
    padding: 1.3020833333vw 1.1979166667vw 1.6145833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-section {
    border-top: dotted 2.9166666667px;
    padding: 18.2291666667px 16.7708333333px 22.6041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-section {
    padding: 20px 0;
  }
}
.p-recruit__a .-section:first-of-type {
  margin-top: 32px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-section:first-of-type {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-section:first-of-type {
    margin-top: 23.3333333333px;
  }
}
.p-recruit__a .-section:last-of-type {
  border-bottom: dotted 4px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-section:last-of-type {
    border-bottom: dotted 0.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-section:last-of-type {
    border-bottom: dotted 2.9166666667px;
  }
}
.p-recruit__a .-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-recruit__a .-col2 + .-col2 {
  margin-top: 21px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-col2 + .-col2 {
    margin-top: 1.09375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-col2 + .-col2 {
    margin-top: 15.3125px;
  }
}
.p-recruit__a .-col2 h4 {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  width: 225px;
  margin-left: -14px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-col2 h4 {
    font-size: 1.0416666667vw;
    line-height: 2;
    width: 11.71875vw;
    margin-left: -0.7291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-col2 h4 {
    font-size: 14.5833333333px;
    line-height: 2;
    width: 164.0625px;
    margin-left: -10.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-col2 h4 {
    width: 100%;
    margin-left: -8px;
    font-size: 16px;
  }
}
.p-recruit__a .-col2 h4.-type2 {
  width: 352px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-col2 h4.-type2 {
    width: 18.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-col2 h4.-type2 {
    width: 256.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-col2 h4.-type2 {
    width: 100%;
  }
}
.p-recruit__a .-col2 .-disc {
  width: calc(100% - 211px);
}
@media (min-width: 1400px) {
  .p-recruit__a .-col2 .-disc {
    width: calc(100% - 10.98958vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-col2 .-disc {
    width: calc(100% - 153.85417px);
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-col2 .-disc {
    width: 100%;
  }
}
.p-recruit__a .-title {
  font-size: 26px;
  line-height: 1.5384615385;
  font-weight: 700;
  position: relative;
  padding-left: 37px;
  margin-bottom: 13px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-title {
    font-size: 1.3541666667vw;
    line-height: 1.5384615385;
    padding-left: 1.9270833333vw;
    margin-bottom: 0.6770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-title {
    font-size: 18.9583333333px;
    line-height: 1.5384615385;
    padding-left: 26.9791666667px;
    margin-bottom: 9.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-title {
    font-size: 18px;
  }
}
.p-recruit__a .-title::after {
  position: absolute;
  content: "";
  background-color: #54C3F1;
  border: 3px solid;
  left: 0;
  top: 8px;
  width: 26px;
  height: 26px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-title::after {
    border: 0.15625vw solid;
    top: 0.4166666667vw;
    width: 1.3541666667vw;
    height: 1.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-title::after {
    border: 2.1875px solid;
    top: 5.8333333333px;
    width: 18.9583333333px;
    height: 18.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-title::after {
    top: 4px;
    width: 20px;
    height: 20px;
  }
}
.p-recruit__a .-disc {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .p-recruit__a .-disc {
    font-size: 0.9375vw;
    line-height: 1.7777777778;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-disc {
    font-size: 13.125px;
    line-height: 1.7777777778;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__a .-disc {
    font-size: 14px;
  }
}
.p-recruit__a .-disc + .-col2 {
  margin-top: 28px;
}
@media (min-width: 1400px) {
  .p-recruit__a .-disc + .-col2 {
    margin-top: 1.4583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__a .-disc + .-col2 {
    margin-top: 20.4166666667px;
  }
}
.p-recruit__cross {
  position: absolute;
  right: 52px;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 1400px) {
  .p-recruit__cross {
    right: 2.7083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__cross {
    right: 37.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__cross {
    right: 35px;
  }
}
.p-recruit__cross span {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  display: block;
  width: 30px;
  height: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 1400px) {
  .p-recruit__cross span {
    width: 1.5625vw;
    height: 0.2604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__cross span {
    width: 21.875px;
    height: 3.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__cross span {
    width: 25px;
    height: 4px;
  }
}
.p-recruit__cross span:last-of-type {
  rotate: 90deg;
}
.p-recruit__button {
  max-width: 409px;
  margin: 79px auto 0;
  display: block;
  padding-left: 7px;
}
@media (min-width: 1400px) {
  .p-recruit__button {
    max-width: 21.3020833333vw;
    margin: 4.1145833333vw auto 0;
    padding-left: 0.3645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-recruit__button {
    max-width: 298.2291666667px;
    margin: 57.6041666667px auto 0;
    padding-left: 5.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit__button {
    margin: 50px auto 0;
  }
}
.p-recruit__button img {
  width: 100%;
  height: auto;
}

.p-entry {
  /*contents====================*/
}
.p-entry__contents {
  padding: 173px 0;
}
@media (min-width: 1400px) {
  .p-entry__contents {
    padding: 9.0104166667vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__contents {
    padding: 126.1458333333px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__contents {
    padding: 55px 0 80px;
  }
}
.p-entry__form {
  background-color: #fff;
  border: 5px solid;
  padding: 51px 43px 90px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-entry__form {
    border: 0.2604166667vw solid;
    padding: 2.65625vw 2.2395833333vw 4.6875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__form {
    border: 3.6458333333px solid;
    padding: 37.1875px 31.3541666667px 65.625px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__form {
    padding: 25px 20px 25px;
  }
}
.p-entry__form::before, .p-entry__form::after {
  position: absolute;
  content: "";
  background-image: url("../images/entry/object.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 106px;
  height: 108px;
}
@media (min-width: 1400px) {
  .p-entry__form::before, .p-entry__form::after {
    width: 5.5208333333vw;
    height: 5.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__form::before, .p-entry__form::after {
    width: 77.2916666667px;
    height: 78.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__form::before, .p-entry__form::after {
    width: 46px;
    height: 48px;
  }
}
.p-entry__form::before {
  left: -70px;
  bottom: -82px;
}
@media (min-width: 1400px) {
  .p-entry__form::before {
    left: -3.6458333333vw;
    bottom: -4.2708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__form::before {
    left: -51.0416666667px;
    bottom: -59.7916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__form::before {
    left: -23px;
    bottom: -26px;
  }
}
.p-entry__form::after {
  right: -63px;
  top: -70px;
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
@media (min-width: 1400px) {
  .p-entry__form::after {
    right: -3.28125vw;
    top: -3.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__form::after {
    right: -45.9375px;
    top: -51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__form::after {
    right: -23px;
    top: -26px;
  }
}
.p-entry select {
  background-color: #fff;
  background-image: url(../images/recruit/arrow.webp);
  background-repeat: no-repeat;
  background-position: right 29px center;
  background-size: 13px;
  border: 5px solid;
  width: 100%;
  -webkit-box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
          box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
  font-size: 22px;
  line-height: 1.8181818182;
  font-weight: 700;
  padding: 7px 28px 13px;
}
@media (min-width: 1400px) {
  .p-entry select {
    background-position: right 1.5104166667vw center;
    background-size: 0.6770833333vw;
    border: 0.2604166667vw solid;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
    font-size: 1.1458333333vw;
    line-height: 1.8181818182;
    padding: 0.3645833333vw 1.4583333333vw 0.6770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry select {
    background-position: right 21.1458333333px center;
    background-size: 9.4791666667px;
    border: 3.6458333333px solid;
    -webkit-box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
            box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
    font-size: 16.0416666667px;
    line-height: 1.8181818182;
    padding: 5.1041666667px 20.4166666667px 9.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry select {
    background-position: right 16px center;
    font-size: 16px;
    padding: 7px 16px;
  }
}
.p-entry__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
  margin-top: 35px;
}
@media (min-width: 1400px) {
  .p-entry__item {
    gap: 0.9895833333vw;
    margin-top: 1.8229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__item {
    gap: 13.8541666667px;
    margin-top: 25.5208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 25px;
    gap: 10px;
  }
}
.p-entry__item:first-of-type {
  margin-top: 71px;
}
@media (min-width: 1400px) {
  .p-entry__item:first-of-type {
    margin-top: 3.6979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__item:first-of-type {
    margin-top: 51.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__item:first-of-type {
    margin-top: 35px;
  }
}
.p-entry__item.-radio {
  margin-top: 50px;
}
@media (min-width: 1400px) {
  .p-entry__item.-radio {
    margin-top: 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__item.-radio {
    margin-top: 36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__item.-radio {
    margin-top: 25px;
  }
}
.p-entry__item.-textarea {
  margin-top: 50px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1400px) {
  .p-entry__item.-textarea {
    margin-top: 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__item.-textarea {
    margin-top: 36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__item.-textarea {
    margin-top: 25px;
  }
}
.p-entry__item.-textarea .p-entry__title {
  padding-top: 15px;
}
@media (min-width: 1400px) {
  .p-entry__item.-textarea .p-entry__title {
    padding-top: 0.78125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__item.-textarea .p-entry__title {
    padding-top: 10.9375px;
  }
}
.p-entry__item.-privacy {
  margin-top: 70px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1400px) {
  .p-entry__item.-privacy {
    margin-top: 3.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__item.-privacy {
    margin-top: 51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__item.-privacy {
    margin-top: 25px;
  }
}
.p-entry__title {
  width: 322px;
  font-size: 22px;
  line-height: 1.8181818182;
  font-weight: 700;
  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-left: 20px;
}
@media (min-width: 1400px) {
  .p-entry__title {
    width: 16.7708333333vw;
    font-size: 1.1458333333vw;
    line-height: 1.8181818182;
    padding-left: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__title {
    width: 234.7916666667px;
    font-size: 16.0416666667px;
    line-height: 1.8181818182;
    padding-left: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__title {
    padding-left: unset;
    font-size: 16px;
    width: 100%;
  }
}
.p-entry__rec {
  font-size: 15px;
  font-weight: 600;
  background-color: #ED5500;
  width: 58px;
  height: 32px;
  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;
}
@media (min-width: 1400px) {
  .p-entry__rec {
    font-size: 0.78125vw;
    width: 3.0208333333vw;
    height: 1.6666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__rec {
    font-size: 10.9375px;
    width: 42.2916666667px;
    height: 23.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__rec {
    font-size: 12px;
    width: 45px;
    height: 25px;
  }
}
.p-entry__inputwrap {
  position: relative;
  width: calc(100% - 341px);
}
@media (min-width: 1400px) {
  .p-entry__inputwrap {
    width: calc(100% - 17.76042vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__inputwrap {
    width: calc(100% - 248.64584px);
  }
}
@media screen and (max-width: 768px) {
  .p-entry__inputwrap {
    width: 100%;
  }
}
.p-entry__inputwrap.-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (min-width: 1400px) {
  .p-entry__inputwrap.-col2 {
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__inputwrap.-col2 {
    gap: 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__inputwrap.-col2 {
    gap: 10px;
  }
}
.p-entry__inputwrap.-col2 .wpcf7-form-control-wrap {
  width: calc(50% - 8px);
}
@media (min-width: 1400px) {
  .p-entry__inputwrap.-col2 .wpcf7-form-control-wrap {
    width: calc(50% - 0.41667vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__inputwrap.-col2 .wpcf7-form-control-wrap {
    width: calc(50% - 5.83333px);
  }
}
@media screen and (max-width: 768px) {
  .p-entry__inputwrap.-col2 .wpcf7-form-control-wrap {
    width: calc(50% - 5px);
  }
}
.p-entry__inputwrap.-col2 > br {
  display: none;
}
.p-entry__inputwrap.-col1 {
  display: block;
}
.p-entry__inputwrap.-col1 .wpcf7-form-control-wrap {
  width: 100%;
}
.p-entry__inputwrap.-col1 {
  font-size: 20px;
  line-height: 0.3333333333;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .p-entry__inputwrap.-col1 {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__inputwrap.-col1 {
    font-size: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__inputwrap.-col1 {
    font-size: 14px;
    line-height: 1.4;
  }
}
.p-entry__inputwrap.-col1 #js-open-privacy-modal {
  color: #54C3F1;
  text-decoration: underline;
  cursor: pointer;
}
.p-entry__inputwrap.-col1 .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -36px;
}
@media (min-width: 1400px) {
  .p-entry__inputwrap.-col1 .wpcf7-not-valid-tip {
    bottom: -1.875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__inputwrap.-col1 .wpcf7-not-valid-tip {
    bottom: -26.25px;
  }
}
.p-entry__input, .p-entry__textarea {
  border: 2px solid;
  width: 100%;
  padding: 16px;
}
@media (min-width: 1400px) {
  .p-entry__input, .p-entry__textarea {
    border: 0.1041666667vw solid;
    padding: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__input, .p-entry__textarea {
    border: 1.4583333333px solid;
    padding: 11.6666666667px;
  }
}
.p-entry__input {
  min-height: 70px;
}
@media (min-width: 1400px) {
  .p-entry__input {
    min-height: 3.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__input {
    min-height: 51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__input {
    min-height: 40px;
  }
}
.p-entry__textarea {
  min-height: 190px;
}
@media (min-width: 1400px) {
  .p-entry__textarea {
    min-height: 9.8958333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__textarea {
    min-height: 138.5416666667px;
  }
}
.p-entry__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-entry__radio .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 41px;
}
@media (min-width: 1400px) {
  .p-entry__radio .wpcf7-radio {
    gap: 2.1354166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__radio .wpcf7-radio {
    gap: 29.8958333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__radio .wpcf7-radio {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 10px;
  }
}
.p-entry__radio .wpcf7-list-item {
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-entry__radio .wpcf7-list-item {
    width: calc(50% - 5px);
  }
}
.p-entry__radio .wpcf7-list-item-label {
  font-size: 20px;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .p-entry__radio .wpcf7-list-item-label {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__radio .wpcf7-list-item-label {
    font-size: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__radio .wpcf7-list-item-label {
    font-size: 14px;
  }
}
.p-entry__radio input[type=radio] {
  display: none;
}
.p-entry__radio input[type=radio] + span {
  position: relative;
  padding-left: 28px; /* 文字と丸の間の余白 */
  cursor: pointer;
}
@media (min-width: 1400px) {
  .p-entry__radio input[type=radio] + span {
    padding-left: 1.4583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__radio input[type=radio] + span {
    padding-left: 20.4166666667px;
  }
}
.p-entry__radio input[type=radio] + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px; /* 外側の丸のサイズ */
  height: 18px;
  border: 1px solid #333;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1400px) {
  .p-entry__radio input[type=radio] + span::before {
    top: 0.3125vw;
    width: 0.9375vw;
    height: 0.9375vw;
    border: 0.0520833333vw solid #333;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__radio input[type=radio] + span::before {
    top: 4.375px;
    width: 13.125px;
    height: 13.125px;
    border: 0.7291666667px solid #333;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__radio input[type=radio] + span::before {
    top: 2px;
  }
}
.p-entry__radio input[type=radio]:checked + span::after {
  content: "";
  position: absolute;
  left: 5px; /* 中の丸の位置（微調整可） */
  top: 11px;
  width: 8px; /* 中の丸のサイズ */
  height: 8px;
  background: #333;
  border-radius: 50%;
}
@media (min-width: 1400px) {
  .p-entry__radio input[type=radio]:checked + span::after {
    left: 0.2604166667vw;
    top: 0.5729166667vw;
    width: 0.4166666667vw;
    height: 0.4166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__radio input[type=radio]:checked + span::after {
    left: 3.6458333333px;
    top: 8.0208333333px;
    width: 5.8333333333px;
    height: 5.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__radio input[type=radio]:checked + span::after {
    top: 7px;
  }
}
.p-entry__privacy {
  margin-top: 18px;
}
@media (min-width: 1400px) {
  .p-entry__privacy {
    margin-top: 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__privacy {
    margin-top: 13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__privacy {
    margin-top: unset;
  }
}
.p-entry__acceptance {
  margin-top: 47px;
}
@media (min-width: 1400px) {
  .p-entry__acceptance {
    margin-top: 2.4479166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__acceptance {
    margin-top: 34.2708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__acceptance {
    text-align: center;
    margin-top: 17px;
  }
}
.p-entry__acceptance .wpcf7-list-item {
  margin: 0 0 0 0;
}
.p-entry__acceptance input[type=checkbox] {
  display: none;
}
.p-entry__acceptance input[type=checkbox] + span {
  position: relative;
  padding-left: 28px; /* 文字と丸の間の余白 */
  cursor: pointer;
}
@media (min-width: 1400px) {
  .p-entry__acceptance input[type=checkbox] + span {
    padding-left: 1.4583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__acceptance input[type=checkbox] + span {
    padding-left: 20.4166666667px;
  }
}
.p-entry__acceptance input[type=checkbox] + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px; /* 外側の丸のサイズ */
  height: 18px;
  border: 1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1400px) {
  .p-entry__acceptance input[type=checkbox] + span::before {
    top: 0.3125vw;
    width: 0.9375vw;
    height: 0.9375vw;
    border: 0.0520833333vw solid #000000;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__acceptance input[type=checkbox] + span::before {
    top: 4.375px;
    width: 13.125px;
    height: 13.125px;
    border: 0.7291666667px solid #000000;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__acceptance input[type=checkbox] + span::before {
    top: 1px;
  }
}
.p-entry__acceptance input[type=checkbox]:checked + span::after {
  content: "✔︎";
  position: absolute;
  left: 5px;
  top: 13px;
  font-size: 12px;
}
@media (min-width: 1400px) {
  .p-entry__acceptance input[type=checkbox]:checked + span::after {
    left: 0.2604166667vw;
    top: 0.6770833333vw;
    font-size: 0.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__acceptance input[type=checkbox]:checked + span::after {
    left: 3.6458333333px;
    top: 9.4791666667px;
    font-size: 8.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__acceptance input[type=checkbox]:checked + span::after {
    top: 1px;
  }
}
.p-entry .wpcf7-not-valid-tip {
  font-size: 16px;
}
@media (min-width: 1400px) {
  .p-entry .wpcf7-not-valid-tip {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry .wpcf7-not-valid-tip {
    font-size: 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry .wpcf7-not-valid-tip {
    font-size: 12px;
  }
}
.p-entry__submit {
  margin: 80px auto 0;
  text-align: center;
}
@media (min-width: 1400px) {
  .p-entry__submit {
    margin: 4.1666666667vw auto 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__submit {
    margin: 58.3333333333px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__submit {
    margin: 40px auto 0;
  }
}
.p-entry__submit input {
  background-color: #54C3F1;
  border: 5px solid;
  -webkit-box-shadow: 6px 6px 0px 0px rgb(0, 0, 0);
          box-shadow: 6px 6px 0px 0px rgb(0, 0, 0);
  max-width: 400px;
  width: 100%;
  font-size: 40px;
  height: 80px;
  font-weight: 900;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-entry__submit input {
    border: 0.2604166667vw solid;
    -webkit-box-shadow: 0.3125vw 0.3125vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.3125vw 0.3125vw 0px 0px rgb(0, 0, 0);
    max-width: 20.8333333333vw;
    font-size: 2.0833333333vw;
    height: 4.1666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-entry__submit input {
    border: 3.6458333333px solid;
    -webkit-box-shadow: 4.375px 4.375px 0px 0px rgb(0, 0, 0);
            box-shadow: 4.375px 4.375px 0px 0px rgb(0, 0, 0);
    max-width: 291.6666666667px;
    font-size: 29.1666666667px;
    height: 58.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-entry__submit input {
    font-size: 20px;
    height: 60px;
  }
}

.p-modal-privacy {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow-y: auto;
}
.p-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .86);
}
.p-modal-content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  padding: 105px 30px;
  background-color: #fff;
}
@media (min-width: 1400px) {
  .p-modal-content {
    max-width: 62.5vw;
    margin: 2.6041666667vw auto;
    padding: 5.46875vw 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal-content {
    max-width: 875px;
    margin: 36.4583333333px auto;
    padding: 76.5625px 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-modal-content {
    width: 90%;
    padding: 45px 20px;
  }
}
.p-modal-close {
  position: absolute;
  top: 23px;
  right: 22px;
  font-size: 24px;
  cursor: pointer;
  color: #333;
  width: 78px;
}
@media (min-width: 1400px) {
  .p-modal-close {
    top: 1.1979166667vw;
    right: 1.1458333333vw;
    font-size: 1.25vw;
    width: 4.0625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal-close {
    top: 16.7708333333px;
    right: 16.0416666667px;
    font-size: 17.5px;
    width: 56.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-modal-close {
    width: 30px;
  }
}
.p-modal-close img {
  width: 100%;
  height: auto;
}
.p-modal__title {
  color: #ED5500;
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  margin-bottom: 37px;
}
@media (min-width: 1400px) {
  .p-modal__title {
    font-size: 2.0833333333vw;
    margin-bottom: 1.9270833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__title {
    font-size: 29.1666666667px;
    margin-bottom: 26.9791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-modal__title {
    font-size: 18px;
  }
}
.p-modal__title span {
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
  display: block;
  text-align: center;
  color: #000000;
  margin-top: 8px;
}
@media (min-width: 1400px) {
  .p-modal__title span {
    font-size: 1.0416666667vw;
    line-height: 2;
    margin-top: 0.4166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__title span {
    font-size: 14.5833333333px;
    line-height: 2;
    margin-top: 5.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-modal__title span {
    font-size: 14px;
  }
}
.p-modal__inner {
  max-width: 1000px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-modal__inner {
    max-width: 52.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__inner {
    max-width: 729.1666666667px;
  }
}
.p-modal__body section {
  margin-top: 34px;
}
@media (min-width: 1400px) {
  .p-modal__body section {
    margin-top: 1.7708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__body section {
    margin-top: 24.7916666667px;
  }
}
.p-modal__body section + section {
  margin-top: 34px;
}
@media (min-width: 1400px) {
  .p-modal__body section + section {
    margin-top: 1.7708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__body section + section {
    margin-top: 24.7916666667px;
  }
}
.p-modal__body h3 {
  font-size: 24px;
  line-height: 1.6666666667;
  font-weight: 700;
  color: #ED5500;
}
@media (min-width: 1400px) {
  .p-modal__body h3 {
    font-size: 1.25vw;
    line-height: 1.6666666667;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__body h3 {
    font-size: 17.5px;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 768px) {
  .p-modal__body h3 {
    font-size: 16px;
  }
}
.p-modal__body ul {
  margin-top: 7px;
}
@media (min-width: 1400px) {
  .p-modal__body ul {
    margin-top: 0.3645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__body ul {
    margin-top: 5.1041666667px;
  }
}
.p-modal__body p, .p-modal__body li {
  font-size: 18px;
  line-height: 1.6666666667;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .p-modal__body p, .p-modal__body li {
    font-size: 0.9375vw;
    line-height: 1.6666666667;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__body p, .p-modal__body li {
    font-size: 13.125px;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 768px) {
  .p-modal__body p, .p-modal__body li {
    font-size: 14px;
  }
}
.p-modal__body p + p {
  margin-top: 10px;
}
@media (min-width: 1400px) {
  .p-modal__body p + p {
    margin-top: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-modal__body p + p {
    margin-top: 7.2916666667px;
  }
}

.p-company {
  /*contents====================*/
}
.p-company-flowslider1 {
  width: 100vw;
  margin: 70px calc(50% - 50vw) 0;
  overflow: unset;
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-company-flowslider1 {
    margin-top: 3.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-flowslider1 {
    margin-top: 51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-flowslider1 {
    margin: 80px calc(50% - 50vw) 0;
  }
}
.p-company-flowslider1__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1954px;
          flex: 0 0 1954px;
  font-size: 160px;
  font-family: "Dela Gothic One", sans-serif;
  color: #54C3F1;
}
@media (min-width: 1400px) {
  .p-company-flowslider1__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 101.7708333333vw;
            flex: 0 0 101.7708333333vw;
    font-size: 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-flowslider1__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1424.7916666667px;
            flex: 0 0 1424.7916666667px;
    font-size: 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-flowslider1__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 471px;
            flex: 0 0 471px;
    font-size: 40px;
  }
}
.p-company-flowslider1 .c-flowslider__track {
  width: 7816px;
  gap: 32px;
}
@media (min-width: 1400px) {
  .p-company-flowslider1 .c-flowslider__track {
    width: 407.0833333333vw;
    gap: 1.6666666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-flowslider1 .c-flowslider__track {
    width: 5699.1666666667px;
    gap: 23.3333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-flowslider1 .c-flowslider__track {
    width: 1884px;
    gap: 15px;
  }
}
.p-company-flowslider2 {
  width: 100vw;
  margin: -195px calc(50% - 50vw) 0;
  overflow: unset;
  position: relative;
  z-index: 2;
}
@media (min-width: 1400px) {
  .p-company-flowslider2 {
    margin-top: -10.15625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-flowslider2 {
    margin-top: -142.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-flowslider2 {
    margin: -85px calc(50% - 50vw) 0;
  }
}
.p-company-flowslider2__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2061px;
          flex: 0 0 2061px;
}
@media (min-width: 1400px) {
  .p-company-flowslider2__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 107.34375vw;
            flex: 0 0 107.34375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-flowslider2__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1502.8125px;
            flex: 0 0 1502.8125px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-flowslider2__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 490px;
            flex: 0 0 490px;
  }
}
.p-company-flowslider2__item img {
  width: 100%;
  height: auto;
}
.p-company-flowslider2 .c-flowslider__track {
  width: 8244px;
  gap: 106px;
}
@media (min-width: 1400px) {
  .p-company-flowslider2 .c-flowslider__track {
    width: 429.375vw;
    gap: 5.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-flowslider2 .c-flowslider__track {
    width: 6011.25px;
    gap: 77.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-flowslider2 .c-flowslider__track {
    width: 1960px;
    gap: 15px;
  }
}
.p-company-about {
  margin: -118px auto 0;
  max-width: 1160px;
  -webkit-clip-path: polygon(6% 12%, 84% 0, 99% 80%, 7% 100%);
          clip-path: polygon(6% 12%, 84% 0, 99% 80%, 7% 100%);
  background-color: #000000;
  padding: 10px;
}
@media (min-width: 1400px) {
  .p-company-about {
    margin-top: -6.1458333333vw;
    max-width: 60.4166666667vw;
    padding: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-about {
    margin-top: -86.0416666667px;
    max-width: 845.8333333333px;
    padding: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-about {
    -webkit-clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
            clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
    margin: -80px auto 0;
  }
}
.p-company-about__inner {
  -webkit-clip-path: polygon(6% 12%, 84% 0, 99% 79.8%, 7% 100%);
          clip-path: polygon(6% 12%, 84% 0, 99% 79.8%, 7% 100%);
  background-color: #fff;
  padding: 140px 0 227px;
}
@media (min-width: 1400px) {
  .p-company-about__inner {
    padding: 7.2916666667vw 0 11.8229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-about__inner {
    padding: 102.0833333333px 0 165.5208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-about__inner {
    -webkit-clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
            clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
    padding: 100px 20px 100px;
  }
}
.p-company-about__title {
  font-size: 65px;
  line-height: 1.0769230769;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 1400px) {
  .p-company-about__title {
    font-size: 3.3854166667vw;
    line-height: 1.0769230769;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-about__title {
    font-size: 47.3958333333px;
    line-height: 1.0769230769;
  }
}
@media screen and (max-width: 768px) {
  .p-company-about__title {
    font-size: 20px;
  }
}
.p-company-about__lead {
  font-size: 22px;
  line-height: 2.2727272727;
  font-weight: 700;
  text-align: center;
  margin-top: 35px;
}
@media (min-width: 1400px) {
  .p-company-about__lead {
    font-size: 1.1458333333vw;
    line-height: 2.2727272727;
    margin-top: 1.8229166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-about__lead {
    font-size: 16.0416666667px;
    line-height: 2.2727272727;
    margin-top: 25.5208333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-about__lead {
    font-size: 18px;
  }
}
.p-company-about__text {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
}
@media (min-width: 1400px) {
  .p-company-about__text {
    font-size: 0.9375vw;
    line-height: 2;
    margin-top: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-about__text {
    font-size: 13.125px;
    line-height: 2;
    margin-top: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-about__text {
    font-size: 14px;
  }
}
.p-company-city {
  background-color: #ED5500;
  margin-top: -23px;
  padding: 90px calc(50vw - 50%) 50px;
}
@media (min-width: 1400px) {
  .p-company-city {
    margin-top: -1.1979166667vw;
    padding: 4.6875vw calc(50vw - 50%) 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-city {
    margin-top: -16.7708333333px;
    padding: 65.625px calc(50vw - 50%) 36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-city {
    padding: 90px calc(50vw - 50%) 90px;
  }
}
.p-company-city__title {
  max-width: 700px;
  margin: 0 64px 0 auto;
}
@media (min-width: 1400px) {
  .p-company-city__title {
    max-width: 36.4583333333vw;
    margin: 0 3.3333333333vw 0 auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-city__title {
    max-width: 510.4166666667px;
    margin: 0 46.6666666667px 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .p-company-city__title {
    position: absolute;
    top: 25%;
    margin: 0 auto 0px 40px;
  }
}
.p-company-city__title img {
  width: 100%;
  height: auto;
}
.p-company-copy {
  position: relative;
  width: 100%;
  padding: 100px 0 100px;
}
@media (min-width: 1400px) {
  .p-company-copy {
    padding: 5.2083333333vw 0 5.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-copy {
    padding: 72.9166666667px 0 72.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-copy {
    padding: 50px 0 50px;
    position: unset;
    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;
  }
}
.p-company-copy__inner {
  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-company-copy__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-company-copy__img {
  width: 1454px;
}
@media (min-width: 1400px) {
  .p-company-copy__img {
    width: 75.7291666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-copy__img {
    width: 1060.2083333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-copy__img {
    position: unset;
    width: 100%;
    max-width: 450px;
    right: 0;
    margin: 0 auto;
  }
}
.p-company-copy__img img {
  width: 100%;
  height: auto;
}
.p-company-copy__contents {
  position: relative;
  z-index: 2;
  width: 71%;
  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;
  -webkit-clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
          clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
  background-color: #000;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: -11%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .p-company-copy__contents {
    padding: 0 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-copy__contents {
    padding: 0 29.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-copy__contents {
    width: 100%;
    padding: 50px 20px;
    margin-right: unset;
  }
}
.p-company-copy__contents .-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
          clip-path: polygon(0% 3%, 100% 0, 99% 95%, 3% 100%);
  background-color: #fff;
  z-index: 2;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
  .p-company-copy__contents .-bg {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
}
.p-company-copy__lead {
  font-size: 1px;
  font-weight: 900;
  line-height: 2;
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  padding: 70px 0;
}
@media (min-width: 1400px) {
  .p-company-copy__lead {
    font-size: 0.8333333333vw;
    padding: 3.6458333333vw 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-copy__lead {
    font-size: 11.6666666667px;
    padding: 51.0416666667px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-company-copy__lead {
    font-size: 14px;
    padding: 0px 0;
  }
}
.p-company-future {
  background-color: #ED5500;
  background-image: url(../images/company/future-bg.webp);
  background-repeat: no-repeat;
  background-position: center calc(50% - 190px);
  background-size: 1184px;
  padding: 126px calc(50vw - 50%) 195px;
}
@media (min-width: 1400px) {
  .p-company-future {
    background-position: center calc(50% - 9.89583vw);
    background-size: 61.6666666667vw;
    padding: 6.5625vw calc(50vw - 50%) 10.15625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future {
    background-position: center calc(50% - 138.54167px);
    background-size: 863.3333333333px;
    padding: 91.875px calc(50vw - 50%) 142.1875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future {
    padding: 70px calc(50vw - 50%) 70px;
  }
}
.p-company-future-head {
  max-width: 1000px;
  margin: 0 auto;
  -webkit-clip-path: polygon(8% 5%, 90% 0, 98% 69%, 8% 85%);
          clip-path: polygon(8% 5%, 90% 0, 98% 69%, 8% 85%);
  background-color: #000000;
  padding: 10px;
}
@media (min-width: 1400px) {
  .p-company-future-head {
    max-width: 52.0833333333vw;
    padding: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-head {
    max-width: 729.1666666667px;
    padding: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-head {
    -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 92%, 2% 100%);
            clip-path: polygon(0% 5%, 100% 0, 100% 92%, 2% 100%);
  }
}
.p-company-future-head__inner {
  -webkit-clip-path: polygon(8% 5%, 90% 0, 98% 68.5%, 8% 84.5%);
          clip-path: polygon(8% 5%, 90% 0, 98% 68.5%, 8% 84.5%);
  background-color: #fff;
  padding: 40px 0 200px;
}
@media (min-width: 1400px) {
  .p-company-future-head__inner {
    padding: 2.0833333333vw 0 10.4166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-head__inner {
    padding: 29.1666666667px 0 145.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-head__inner {
    -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 92%, 2% 100%);
            clip-path: polygon(0% 5%, 100% 0, 100% 92%, 2% 100%);
    padding: 60px 18px 60px;
  }
}
.p-company-future-head__title {
  max-width: 717px;
  padding-left: 10px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-company-future-head__title {
    max-width: 37.34375vw;
    padding-left: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-head__title {
    max-width: 522.8125px;
    padding-left: 7.2916666667px;
  }
}
.p-company-future-head__title img {
  width: 100%;
  height: auto;
}
.p-company-future-head__lead {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  text-align: center;
  margin-top: 24px;
  padding-left: 30px;
}
@media (min-width: 1400px) {
  .p-company-future-head__lead {
    font-size: 0.9375vw;
    line-height: 2;
    margin-top: 1.25vw;
    padding-left: 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-head__lead {
    font-size: 13.125px;
    line-height: 2;
    margin-top: 17.5px;
    padding-left: 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-head__lead {
    font-size: 14px;
    padding-left: unset;
  }
}
.p-company-future-centerwrap {
  position: relative;
  margin: 9px 0 0 0;
}
@media (min-width: 1400px) {
  .p-company-future-centerwrap {
    margin-top: 0.46875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-centerwrap {
    margin-top: 6.5625px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-centerwrap {
    margin: 40px 0 0 0;
  }
}
.p-company-future-center {
  width: 506px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-company-future-center {
    width: 26.3541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-center {
    width: 368.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-center {
    width: 80%;
  }
}
.p-company-future-center::after {
  position: absolute;
  content: "";
  background-image: url(../images/company/future-title2-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 630px;
  height: 630px;
  top: -14%;
  left: -12%;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
}
@media (min-width: 1400px) {
  .p-company-future-center::after {
    width: 32.8125vw;
    height: 32.8125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-center::after {
    width: 459.375px;
    height: 459.375px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-center::after {
    width: 120%;
    height: 120%;
    top: -11%;
    left: -9%;
  }
}
.p-company-future-center img {
  width: 100%;
  height: auto;
}
.p-company-future-bottom {
  -webkit-clip-path: polygon(3% 0, 100% 24%, 100% 100%, 0% 100%);
          clip-path: polygon(3% 0, 100% 24%, 100% 100%, 0% 100%);
  background-color: #000000;
  padding: 10px;
  max-width: 1067px;
  margin: 440px auto 0;
}
@media (min-width: 1400px) {
  .p-company-future-bottom {
    padding: 0.5208333333vw;
    max-width: 55.5729166667vw;
    margin-top: 22.9166666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-bottom {
    padding: 7.2916666667px;
    max-width: 778.0208333333px;
    margin-top: 320.8333333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-bottom {
    -webkit-clip-path: polygon(4% 10%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(4% 10%, 100% 0%, 100% 100%, 0% 100%);
    margin: 5px auto 0;
  }
}
.p-company-future-bottom__inner {
  -webkit-clip-path: polygon(3% 0, 100% 24%, 100% 100%, 0% 100%);
          clip-path: polygon(3% 0, 100% 24%, 100% 100%, 0% 100%);
  background-color: #fff;
  padding: 84px 0 40px;
  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: 77px;
  padding-left: 20px;
}
@media (min-width: 1400px) {
  .p-company-future-bottom__inner {
    padding: 4.375vw 0 2.0833333333vw;
    gap: 4.0104166667vw;
    padding-left: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-bottom__inner {
    padding: 61.25px 0 29.1666666667px;
    gap: 56.1458333333px;
    padding-left: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-bottom__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-clip-path: polygon(4% 10%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(4% 10%, 100% 0%, 100% 100%, 0% 100%);
    padding: 54px 20px 40px;
    gap: 25px;
  }
}
.p-company-future-bottom__title {
  max-width: 363px;
  margin-top: -18px;
}
@media (min-width: 1400px) {
  .p-company-future-bottom__title {
    max-width: 18.90625vw;
    margin-top: -0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-bottom__title {
    max-width: 264.6875px;
    margin-top: -13.125px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-bottom__title {
    max-width: 240px;
    margin: 0 auto;
  }
}
.p-company-future-bottom__title img {
  width: 100%;
  height: auto;
}
.p-company-future-bottom__lead {
  font-size: 22px;
  line-height: 1.6363636364;
  font-weight: 700;
}
@media (min-width: 1400px) {
  .p-company-future-bottom__lead {
    font-size: 1.1458333333vw;
    line-height: 1.6363636364;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-bottom__lead {
    font-size: 16.0416666667px;
    line-height: 1.6363636364;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-bottom__lead {
    font-size: 14px;
  }
}
.p-company-future-box {
  position: absolute;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .p-company-future-box {
    position: relative;
  }
}
.p-company-future-box::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 4;
}
.p-company-future-box.-box1 {
  width: 411px;
  left: 1%;
  top: -27%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box1 {
    width: 21.40625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box1 {
    width: 299.6875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box1 {
    left: unset;
    top: unset;
    width: 100%;
    margin-top: 50px;
  }
}
.p-company-future-box.-box1::after {
  background-image: url("../images/company/box1-img.webp");
  width: 200px;
  height: 500px;
  left: -19%;
  top: -46%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box1::after {
    width: 10.4166666667vw;
    height: 26.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box1::after {
    width: 145.8333333333px;
    height: 364.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box1::after {
    width: 100px;
    height: 250px;
    left: -20px;
    top: -40px;
  }
}
.p-company-future-box.-box1 .p-company-future-box__bg {
  margin-top: -42px;
  height: 270px;
  -webkit-clip-path: polygon(0% 5%, 92% 0, 100% 97%, 0% 90%);
          clip-path: polygon(0% 5%, 92% 0, 100% 97%, 0% 90%);
}
@media (min-width: 1400px) {
  .p-company-future-box.-box1 .p-company-future-box__bg {
    margin-top: -2.1875vw;
    height: 14.0625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box1 .p-company-future-box__bg {
    margin-top: -30.625px;
    height: 196.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box1 .p-company-future-box__bg {
    height: 189px;
  }
}
.p-company-future-box.-box1 .p-company-future-box__bg::after {
  -webkit-clip-path: polygon(0% 5%, 92% 0, 100% 97%, 0% 90%);
          clip-path: polygon(0% 5%, 92% 0, 100% 97%, 0% 90%);
}
@media (min-width: 1400px) {
  .p-company-future-box.-box1 .p-company-future-box__list {
    margin: -0.78125vw 0 0 1.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box1 .p-company-future-box__list {
    margin: -18.2291666667px 0 0 21.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box1 .p-company-future-box__list {
    margin: 0px 0 0 30px;
  }
}
.p-company-future-box.-box1 .p-company-future-box__list li span {
  font-size: 16px;
  display: block;
  line-height: 1;
}
.p-company-future-box.-box1 .p-company-future-box__title {
  margin: 0 auto;
}
.p-company-future-box.-box2 {
  width: 404px;
  left: 2.4%;
  bottom: -15%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box2 {
    width: 21.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box2 {
    width: 294.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box2 {
    left: unset;
    bottom: unset;
    width: 100%;
    margin-top: 30px;
  }
}
.p-company-future-box.-box2::after {
  background-image: url("../images/company/box2-img.webp");
  width: 200px;
  height: 510px;
  left: -29%;
  top: -4%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box2::after {
    width: 10.4166666667vw;
    height: 26.5625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box2::after {
    width: 145.8333333333px;
    height: 371.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box2::after {
    width: 100px;
    height: 255px;
    left: -30px;
    top: 0;
  }
}
.p-company-future-box.-box2 .p-company-future-box__bg {
  margin-top: -62px;
  height: 280px;
  -webkit-clip-path: polygon(0 0, 100% 27%, 92% 100%, 0 93%);
          clip-path: polygon(0 0, 100% 27%, 92% 100%, 0 93%);
}
@media (min-width: 1400px) {
  .p-company-future-box.-box2 .p-company-future-box__bg {
    margin-top: -3.2291666667vw;
    height: 14.5833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box2 .p-company-future-box__bg {
    margin-top: -45.2083333333px;
    height: 204.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box2 .p-company-future-box__bg {
    height: 196px;
  }
}
.p-company-future-box.-box2 .p-company-future-box__bg::after {
  -webkit-clip-path: polygon(0 0, 100% 27%, 92% 100%, 0 93%);
          clip-path: polygon(0 0, 100% 27%, 92% 100%, 0 93%);
}
.p-company-future-box.-box2 .p-company-future-box__list {
  margin: 30px 10px 0 0px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box2 .p-company-future-box__list {
    margin: 1.5625vw 0.5208333333vw 0 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box2 .p-company-future-box__list {
    margin: 21.875px 7.2916666667px 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box2 .p-company-future-box__list {
    margin: 30px 0px 0 10px;
  }
}
.p-company-future-box.-box2 .p-company-future-box__title {
  margin: 30px 0px 0 63px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box2 .p-company-future-box__title {
    margin: 1.5625vw 0px 0 3.28125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box2 .p-company-future-box__title {
    margin: 21.875px 0px 0 45.9375px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box2 .p-company-future-box__title {
    margin: 0 auto;
  }
}
.p-company-future-box.-box3 {
  width: 417px;
  right: -1%;
  top: -31%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box3 {
    width: 21.71875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box3 {
    width: 304.0625px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box3 {
    right: unset;
    top: unset;
    width: 100%;
  }
}
.p-company-future-box.-box3::after {
  background-image: url("../images/company/box3-img.webp");
  width: 157px;
  height: 465px;
  right: -18%;
  top: -36%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box3::after {
    width: 8.1770833333vw;
    height: 24.21875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box3::after {
    width: 114.4791666667px;
    height: 339.0625px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box3::after {
    width: 78.5px;
    height: 232.5px;
    right: 0;
    top: 0;
  }
}
.p-company-future-box.-box3 .p-company-future-box__bg {
  margin-top: -21px;
  height: 270px;
  -webkit-clip-path: polygon(3% 0%, 100% 3%, 84% 100%, 3% 93%);
          clip-path: polygon(3% 0%, 100% 3%, 84% 100%, 3% 93%);
}
@media (min-width: 1400px) {
  .p-company-future-box.-box3 .p-company-future-box__bg {
    margin-top: -1.09375vw;
    height: 14.0625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box3 .p-company-future-box__bg {
    margin-top: -15.3125px;
    height: 196.875px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box3 .p-company-future-box__bg {
    height: 189px;
    margin-top: -30px;
  }
}
.p-company-future-box.-box3 .p-company-future-box__bg::after {
  -webkit-clip-path: polygon(3% 0%, 100% 3%, 84% 100%, 3% 93%);
          clip-path: polygon(3% 0%, 100% 3%, 84% 100%, 3% 93%);
}
.p-company-future-box.-box3 .p-company-future-box__list {
  margin: -12px 27px 0px 0px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box3 .p-company-future-box__list {
    margin: -0.625vw 1.40625vw 0 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box3 .p-company-future-box__list {
    margin: -8.75px 19.6875px 0 0px;
  }
}
.p-company-future-box.-box3 .p-company-future-box__title {
  margin: 0 0 0 60px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box3 .p-company-future-box__title {
    margin: 0 0 0 3.125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box3 .p-company-future-box__title {
    margin: 0 0 0 43.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box3 .p-company-future-box__title {
    margin: 0 auto;
  }
}
.p-company-future-box.-box4 {
  width: 385px;
  right: 1%;
  bottom: -16%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box4 {
    width: 20.0520833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box4 {
    width: 280.7291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box4 {
    right: unset;
    bottom: unset;
    width: 100%;
    margin-top: 50px;
  }
}
.p-company-future-box.-box4::after {
  background-image: url("../images/company/box4-img.webp");
  width: 200px;
  height: 520px;
  right: -35%;
  top: -68px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box4::after {
    width: 10.4166666667vw;
    height: 27.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box4::after {
    width: 145.8333333333px;
    height: 379.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box4::after {
    width: 80px;
    height: 235px;
    right: -20px;
    top: -40px;
  }
}
.p-company-future-box.-box4 .p-company-future-box__bg {
  margin-top: -42px;
  height: 263px;
  -webkit-clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
          clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
}
@media (min-width: 1400px) {
  .p-company-future-box.-box4 .p-company-future-box__bg {
    margin-top: -2.1875vw;
    height: 13.6979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box4 .p-company-future-box__bg {
    margin-top: -30.625px;
    height: 191.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box4 .p-company-future-box__bg {
    height: 184.1px;
  }
}
.p-company-future-box.-box4 .p-company-future-box__bg::after {
  -webkit-clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
          clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
}
.p-company-future-box.-box4 .p-company-future-box__list {
  margin: -30px 30px 0 0px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box4 .p-company-future-box__list {
    margin: -1.5625vw 1.5625vw 0 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box4 .p-company-future-box__list {
    margin: -21.875px 21.875px 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box4 .p-company-future-box__list {
    margin: 0px auto 0;
  }
}
.p-company-future-box.-box4 .p-company-future-box__title {
  margin: 0 0px 0px 50px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box4 .p-company-future-box__title {
    margin: 0 0px 0px 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box4 .p-company-future-box__title {
    margin: 0 0px 0px 36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box4 .p-company-future-box__title {
    margin: 0 auto;
  }
}
.p-company-future-box.-box5 {
  width: 385px;
  left: 47%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -85%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box5 {
    width: 20.0520833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box5 {
    width: 280.7291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box5 {
    bottom: unset;
    width: 100%;
    margin-top: 50px;
  }
}
.p-company-future-box.-box5::after {
  background-image: url("../images/company/box5-img.webp");
  width: 175px;
  height: 491px;
  right: -30%;
  top: -35%;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box5::after {
    width: 9.1145833333vw;
    height: 27.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box5::after {
    width: 127.6041666667px;
    height: 379.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box5::after {
    width: 80px;
    height: 235px;
    right: -20px;
    top: -40px;
  }
}
.p-company-future-box.-box5 .p-company-future-box__bg {
  margin-top: -42px;
  height: 263px;
  -webkit-clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
          clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
}
@media (min-width: 1400px) {
  .p-company-future-box.-box5 .p-company-future-box__bg {
    margin-top: -2.1875vw;
    height: 13.6979166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box5 .p-company-future-box__bg {
    margin-top: -30.625px;
    height: 191.7708333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box5 .p-company-future-box__bg {
    height: 184.1px;
  }
}
.p-company-future-box.-box5 .p-company-future-box__bg::after {
  -webkit-clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
          clip-path: polygon(0% 5%, 90% 0, 100% 79%, 0 100%);
}
.p-company-future-box.-box5 .p-company-future-box__list {
  margin: 10px 14px 0 0px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box5 .p-company-future-box__list {
    margin: 0.5208333333vw 0.7291666667vw 0 0px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box5 .p-company-future-box__list {
    margin: 7.2916666667px 10.2083333333px 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box5 .p-company-future-box__list {
    margin: 0px auto 0;
  }
}
.p-company-future-box.-box5 .p-company-future-box__title {
  margin: 0 0px 0px 50px;
}
@media (min-width: 1400px) {
  .p-company-future-box.-box5 .p-company-future-box__title {
    margin: 0 0px 0px 2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box.-box5 .p-company-future-box__title {
    margin: 0 0px 0px 36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box.-box5 .p-company-future-box__title {
    margin: 0 auto;
  }
}
.p-company-future-box__title {
  max-width: 253px;
  position: relative;
  z-index: 4;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-company-future-box__title {
    max-width: 13.1770833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box__title {
    max-width: 184.4791666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box__title {
    max-width: 177.1px;
  }
}
.p-company-future-box__title img {
  width: 100%;
  height: auto;
}
.p-company-future-box__bg {
  -webkit-clip-path: polygon(6% 12%, 84% 0, 99% 80%, 7% 100%);
          clip-path: polygon(6% 12%, 84% 0, 99% 80%, 7% 100%);
  background-color: #000000;
  padding: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1400px) {
  .p-company-future-box__bg {
    padding: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box__bg {
    padding: 7.2916666667px;
  }
}
.p-company-future-box__bg::after {
  position: absolute;
  content: "";
  -webkit-clip-path: polygon(6% 12%, 84% 0, 99% 79.8%, 7% 100%);
          clip-path: polygon(6% 12%, 84% 0, 99% 79.8%, 7% 100%);
  background-color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
@media (min-width: 1400px) {
  .p-company-future-box__bg::after {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box__bg::after {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
.p-company-future-box__list {
  position: relative;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-company-future-box__list li {
  font-size: 22px;
  line-height: 1.6363636364;
  font-weight: 700;
  position: relative;
  padding-left: 1em;
}
@media (min-width: 1400px) {
  .p-company-future-box__list li {
    font-size: 1.1458333333vw;
    line-height: 1.6363636364;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box__list li {
    font-size: 16.0416666667px;
    line-height: 1.6363636364;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box__list li {
    font-size: 16px;
  }
}
.p-company-future-box__list li::after {
  position: absolute;
  content: "●";
  font-size: 16px;
  font-weight: 700;
  left: 0;
  top: 5px;
}
@media (min-width: 1400px) {
  .p-company-future-box__list li::after {
    font-size: 0.8333333333vw;
    top: 0.2604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-future-box__list li::after {
    font-size: 11.6666666667px;
    top: 3.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-future-box__list li::after {
    font-size: 13px;
    top: 3px;
  }
}
.p-company-message {
  padding: 177px 0 130px;
}
@media (min-width: 1400px) {
  .p-company-message {
    padding: 9.21875vw 0 6.7708333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message {
    padding: 129.0625px 0 94.7916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-message {
    padding: 80px 0 230px;
  }
}
.p-company-message__title {
  max-width: 821px;
  margin-left: 33px;
}
@media (min-width: 1400px) {
  .p-company-message__title {
    max-width: 42.7604166667vw;
    margin-left: 1.71875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__title {
    max-width: 598.6458333333px;
    margin-left: 24.0625px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-message__title {
    margin-left: unset;
    margin: 0 auto;
  }
}
.p-company-message__title img {
  width: 100%;
  height: auto;
}
.p-company-message__contents {
  margin: 38px 0 0;
  position: relative;
}
@media (min-width: 1400px) {
  .p-company-message__contents {
    margin-top: 1.9791666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__contents {
    margin-top: 27.7083333333px;
  }
}
.p-company-message__contents::before, .p-company-message__contents::after {
  position: absolute;
  content: "";
  background-image: url("../images/company/message-img.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: -2%;
  top: -21%;
  width: 410px;
  height: 1060px;
  -webkit-animation: blink 2s infinite;
          animation: blink 2s infinite;
  z-index: 10;
}
@media (min-width: 1400px) {
  .p-company-message__contents::before, .p-company-message__contents::after {
    width: 21.3541666667vw;
    height: 55.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__contents::before, .p-company-message__contents::after {
    width: 298.9583333333px;
    height: 772.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-message__contents::before, .p-company-message__contents::after {
    width: 146px;
    height: 360px;
    top: unset;
    bottom: -210px;
    right: -30px;
  }
}
.p-company-message__contents::before {
  background-image: url("../images/company/message-img.webp");
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.p-company-message__contents {
  /* 2枚目 */
}
.p-company-message__contents::after {
  background-image: url("../images/company/message-img2.webp");
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  top: -20.7%;
  right: -2.2%;
  width: 427px;
}
@media (min-width: 1400px) {
  .p-company-message__contents::after {
    width: 22.2395833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__contents::after {
    width: 311.3541666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-message__contents::after {
    width: 146px;
    height: 360px;
    top: unset;
    bottom: -210px;
    right: -26px;
  }
}
.p-company-message__bg {
  margin-left: -30px;
  max-width: 1050px;
  -webkit-clip-path: polygon(6.6% 0, 82% 4%, 99% 86%, 1% 100%);
          clip-path: polygon(6.6% 0, 82% 4%, 99% 86%, 1% 100%);
  background-color: #000000;
  padding: 10px;
}
@media (min-width: 1400px) {
  .p-company-message__bg {
    margin-left: -1.5625vw;
    max-width: 54.6875vw;
    padding: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__bg {
    margin-left: -21.875px;
    max-width: 765.625px;
    padding: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-message__bg {
    -webkit-clip-path: polygon(0% 0, 97% 3%, 100% 96%, 0% 100%);
            clip-path: polygon(0% 0, 97% 3%, 100% 96%, 0% 100%);
    margin-left: unset;
  }
}
.p-company-message__inner {
  -webkit-clip-path: polygon(6.6% 0, 82% 4%, 99% 86%, 1% 100%);
          clip-path: polygon(6.6% 0, 82% 4%, 99% 86%, 1% 100%);
  background-color: #fff;
  padding: 70px 157px 90px;
}
@media (min-width: 1400px) {
  .p-company-message__inner {
    padding: 3.6458333333vw 8.1770833333vw 6.25vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__inner {
    padding: 51.0416666667px 102.0833333333px 87.5px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-message__inner {
    -webkit-clip-path: polygon(0% 0, 97% 3%, 100% 96%, 0% 100%);
            clip-path: polygon(0% 0, 97% 3%, 100% 96%, 0% 100%);
    padding: 50px 20px 110px;
  }
}
.p-company-message__subtitle {
  max-width: 661px;
}
@media (min-width: 1400px) {
  .p-company-message__subtitle {
    max-width: 34.4270833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__subtitle {
    max-width: 481.9791666667px;
  }
}
.p-company-message__subtitle img {
  width: 100%;
  height: auto;
}
.p-company-message__text {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 37px;
  margin-top: 29px;
}
@media (min-width: 1400px) {
  .p-company-message__text {
    font-size: 0.9375vw;
    line-height: 2;
    gap: 1.9270833333vw;
    max-width: 33.8541666667vw;
    margin-top: 1.5104166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-company-message__text {
    font-size: 13.125px;
    line-height: 2;
    gap: 26.9791666667px;
    max-width: 473.9583333333px;
    margin-top: 21.1458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-company-message__text {
    font-size: 14px;
  }
}

@keyframes blink {
  0%, 45% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.p-intern {
  /*contents====================*/
}
.p-intern__header {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.p-intern__header::before, .p-intern__header::after {
  position: absolute;
  content: "";
  background-image: url("../images/intern/object4.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 106px;
  height: 98px;
}
@media (min-width: 1400px) {
  .p-intern__header::before, .p-intern__header::after {
    width: 5.5208333333vw;
    height: 5.1041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__header::before, .p-intern__header::after {
    width: 77.2916666667px;
    height: 71.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__header::before, .p-intern__header::after {
    width: 53px;
    height: 53px;
  }
}
.p-intern__header::before {
  right: -96px;
  top: -50px;
}
@media (min-width: 1400px) {
  .p-intern__header::before {
    right: -5vw;
    top: -2.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__header::before {
    right: -70px;
    top: -36.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__header::before {
    right: -46px;
    top: -30px;
  }
}
.p-intern__header::after {
  left: -107px;
  bottom: -12px;
  rotate: 186deg;
}
@media (min-width: 1400px) {
  .p-intern__header::after {
    left: -5.5729166667vw;
    bottom: -0.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__header::after {
    left: -78.0208333333px;
    bottom: -8.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__header::after {
    left: -37px;
    bottom: -12px;
  }
}
.p-intern__section.-intern {
  padding-top: 172px;
  padding-bottom: 266px;
}
@media (min-width: 1400px) {
  .p-intern__section.-intern {
    padding-top: 8.9583333333vw;
    padding-bottom: 13.8541666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__section.-intern {
    padding-top: 125.4166666667px;
    padding-bottom: 193.9583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__section.-intern {
    padding-bottom: 140px;
    padding-top: 90px;
  }
}
.p-intern__section.-intern .p-intern__list {
  position: relative;
  z-index: 1;
}
.p-intern__section.-seminer {
  background-color: #ED5500;
  padding: 116px 0 160px;
}
@media (min-width: 1400px) {
  .p-intern__section.-seminer {
    padding: 6.0416666667vw 0 8.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__section.-seminer {
    padding: 84.5833333333px 0 116.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__section.-seminer {
    padding: 76px 0 160px;
  }
}
.p-intern__section.-seminer .p-intern__list {
  margin-top: 98px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1400px) {
  .p-intern__section.-seminer .p-intern__list {
    margin-top: 5.1041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__section.-seminer .p-intern__list {
    margin-top: 71.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__section.-seminer .p-intern__list {
    margin-top: 78px;
  }
}
.p-intern__section.-seminer .p-intern__list::before, .p-intern__section.-seminer .p-intern__list::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.p-intern__section.-seminer .p-intern__list::before {
  background-image: url("../images/intern/object3.webp");
  left: 2%;
  top: -100%;
  width: 336px;
  height: 717px;
}
@media (min-width: 1400px) {
  .p-intern__section.-seminer .p-intern__list::before {
    width: 17.5vw;
    height: 37.34375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__section.-seminer .p-intern__list::before {
    width: 245px;
    height: 522.8125px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__section.-seminer .p-intern__list::before {
    width: 168px;
    height: 266px;
    left: 2%;
    top: -34%;
  }
}
.p-intern__section.-seminer .p-intern__list::after {
  background-image: url("../images/intern/object2.webp");
  right: -4%;
  top: -116%;
  width: 350px;
  height: 736px;
}
@media (min-width: 1400px) {
  .p-intern__section.-seminer .p-intern__list::after {
    width: 18.2291666667vw;
    height: 38.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__section.-seminer .p-intern__list::after {
    width: 255.2083333333px;
    height: 536.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__section.-seminer .p-intern__list::after {
    width: 126px;
    height: 301.5px;
    right: -10%;
    top: -40%;
  }
}
.p-intern__section.-seminer .p-intern__item:nth-of-type(odd) .p-intern__head .p-intern__bg {
  background-color: #FFE800;
}
.p-intern__section.-seminer .p-intern__button.-entry {
  background-color: #FFE800;
}
.p-intern__title1 {
  max-width: 530px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-intern__title1 {
    max-width: 27.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__title1 {
    max-width: 386.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__title1 {
    max-width: 270px;
  }
}
.p-intern__title1 img {
  width: 100%;
  height: auto;
}
.p-intern__title2 {
  max-width: 530px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-intern__title2 {
    max-width: 27.6041666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__title2 {
    max-width: 386.4583333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__title2 {
    max-width: 240px;
    position: relative;
    z-index: 3;
  }
}
.p-intern__title2 img {
  width: 100%;
  height: auto;
}
.p-intern__lead {
  font-size: 22px;
  line-height: 1.6363636364;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 1400px) {
  .p-intern__lead {
    font-size: 1.1458333333vw;
    line-height: 1.6363636364;
    margin-top: 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__lead {
    font-size: 16.0416666667px;
    line-height: 1.6363636364;
    margin-top: 14.5833333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__lead {
    font-size: 14px;
  }
}
.p-intern__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 152px;
  margin-top: 150px;
}
@media (min-width: 1400px) {
  .p-intern__list {
    gap: 7.9166666667vw;
    margin-top: 7.8125vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__list {
    gap: 110.8333333333px;
    margin-top: 109.375px;
  }
}
.p-intern__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-intern__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.p-intern__item:nth-of-type(odd) .p-intern__head {
  padding: 0px 53px 0px 0;
}
@media (min-width: 1400px) {
  .p-intern__item:nth-of-type(odd) .p-intern__head {
    padding: 0px 2.7604166667vw 0px 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__item:nth-of-type(odd) .p-intern__head {
    padding: 0px 38.6458333333px 0px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(odd) .p-intern__head {
    aspect-ratio: 592/418;
  }
}
.p-intern__item:nth-of-type(odd) .p-intern__head .p-intern__bg {
  background-color: #ED5500;
  background-image: url(../images/intern/bg3.webp);
  background-size: cover;
}
.p-intern__item:nth-of-type(odd) .p-intern__head .p-intern__bg::after {
  position: absolute;
  content: "";
  background-image: url(../images/intern/bg1.webp);
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(odd) .p-intern__copy {
    padding-right: unset;
    padding-left: 30px;
  }
}
.p-intern__item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-intern__item:nth-of-type(even) .p-intern__number {
  right: -11.7%;
  left: unset;
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(even) .p-intern__number {
    right: -3.5%;
  }
}
.p-intern__item:nth-of-type(even) .p-intern__number::before {
  top: -170px;
  right: -100px;
  left: unset;
  rotate: 160deg;
}
@media (min-width: 1400px) {
  .p-intern__item:nth-of-type(even) .p-intern__number::before {
    top: -8.8541666667vw;
    right: -5.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__item:nth-of-type(even) .p-intern__number::before {
    top: -123.9583333333px;
    right: -72.9166666667px;
  }
}
.p-intern__item:nth-of-type(even) .p-intern__body {
  -webkit-clip-path: polygon(3.5% 0%, 89% 0%, 100% 100%, 4% 100%);
          clip-path: polygon(3.5% 0%, 89% 0%, 100% 100%, 4% 100%);
  width: calc(54% + 25px);
}
@media (min-width: 1400px) {
  .p-intern__item:nth-of-type(even) .p-intern__body {
    width: calc(54% + 1.30208vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__item:nth-of-type(even) .p-intern__body {
    width: calc(54% + 18.22917px);
  }
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(even) .p-intern__body {
    width: 100%;
    -webkit-clip-path: polygon(3.5% 0%, 96% 0%, 100% 100%, 4% 100%);
            clip-path: polygon(3.5% 0%, 96% 0%, 100% 100%, 4% 100%);
  }
}
.p-intern__item:nth-of-type(even) .p-intern__body .p-intern__bg {
  -webkit-clip-path: polygon(3.5% 0%, 89% 0%, 100% 100%, 4% 100%);
          clip-path: polygon(3.5% 0%, 89% 0%, 100% 100%, 4% 100%);
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(even) .p-intern__body .p-intern__bg {
    -webkit-clip-path: polygon(3.5% 0%, 96% 0%, 100% 100%, 4% 100%);
            clip-path: polygon(3.5% 0%, 96% 0%, 100% 100%, 4% 100%);
  }
}
.p-intern__item:nth-of-type(even) .p-intern__head {
  width: calc(49% + 25px);
  margin-right: unset;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
  margin-left: -52px;
  padding: 0px 0px 0px 53px;
}
@media (min-width: 1400px) {
  .p-intern__item:nth-of-type(even) .p-intern__head {
    width: calc(49% + 1.30208vw);
    margin-left: -2.7083333333vw;
    padding: 0px 0px 0px 2.7604166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__item:nth-of-type(even) .p-intern__head {
    width: calc(49% + 18.22917px);
    margin-left: -37.9166666667px;
    padding: 0px 0px 0px 38.6458333333px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(even) .p-intern__head {
    width: 100%;
    margin-left: unset;
    aspect-ratio: 603/428;
  }
}
.p-intern__item:nth-of-type(even) .p-intern__head .p-intern__bg {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
  background-color: #54C3F1;
  background-image: url(../images/intern/bg6.webp);
  background-size: cover;
}
.p-intern__item:nth-of-type(even) .p-intern__head .p-intern__bg::after {
  position: absolute;
  content: "";
  background-image: url(../images/intern/bg2.webp);
  background-size: cover;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-intern__item:nth-of-type(even) .p-intern__textarea {
  padding: 0px 95px 10px 79px;
}
@media (min-width: 1400px) {
  .p-intern__item:nth-of-type(even) .p-intern__textarea {
    padding: 0px 4.9479166667vw 0.5208333333vw 4.1145833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__item:nth-of-type(even) .p-intern__textarea {
    padding: 0px 69.2708333333px 7.2916666667px 57.6041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(even) .p-intern__textarea {
    padding: 50px 55px 120px 50px;
  }
}
.p-intern__item:nth-of-type(even) .p-intern__buttons {
  left: 4%;
}
@media screen and (max-width: 768px) {
  .p-intern__item:nth-of-type(even) .p-intern__buttons {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.p-intern__head, .p-intern__body {
  background-color: #000;
  position: relative;
  z-index: 0;
}
.p-intern__head {
  width: calc(50% + 25px);
  -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
  margin-right: -25px;
}
@media (min-width: 1400px) {
  .p-intern__head {
    width: calc(50% + 1.30208vw);
    margin-right: -1.3020833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__head {
    width: calc(50% + 18.22917px);
    margin-right: -18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__head {
    width: 100%;
    margin-right: unset;
    -webkit-clip-path: polygon(0% 0, 100% 0%, 90% 100%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0%, 90% 100%, 0% 100%);
  }
}
.p-intern__head .p-intern__bg {
  -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  .p-intern__head .p-intern__bg {
    -webkit-clip-path: polygon(0% 0, 100% 0%, 90% 100%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0%, 90% 100%, 0% 100%);
  }
}
.p-intern__head figure {
  position: relative;
  z-index: 2;
}
.p-intern__head figure img {
  width: 100%;
  height: auto;
}
.p-intern__head a {
  position: relative;
  z-index: 2;
  font-size: 22px;
  line-height: 1.0909090909;
  font-weight: 700;
  border-bottom: 2px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
  width: 100%;
  padding: 23px 0 20px;
  -webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
}
@media (min-width: 1400px) {
  .p-intern__head a {
    font-size: 1.1458333333vw;
    line-height: 1.0909090909;
    border-bottom: 0.1041666667vw solid;
    gap: 1.1458333333vw;
    padding: 1.1979166667vw 0 1.0416666667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__head a {
    font-size: 16.0416666667px;
    line-height: 1.0909090909;
    border-bottom: 1.4583333333px solid;
    gap: 16.0416666667px;
    padding: 16.7708333333px 0 14.5833333333px;
  }
}
.p-intern__body {
  width: calc(52% + 25px);
  -webkit-clip-path: polygon(10.5% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(10.5% 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -25px;
  position: relative;
}
@media (min-width: 1400px) {
  .p-intern__body {
    width: calc(52% + 1.30208vw);
    margin-left: -1.3020833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__body {
    width: calc(52% + 18.22917px);
    margin-left: -18.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__body {
    width: 100%;
    margin-left: unset;
    -webkit-clip-path: polygon(3.5% 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(3.5% 0, 100% 0, 100% 100%, 0 100%);
  }
}
.p-intern__body .p-intern__bg {
  -webkit-clip-path: polygon(10.5% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(10.5% 0, 100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 768px) {
  .p-intern__body .p-intern__bg {
    -webkit-clip-path: polygon(3.5% 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(3.5% 0, 100% 0, 100% 100%, 0 100%);
  }
}
.p-intern__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .p-intern__bg {
    width: calc(100% - 1.04167vw);
    height: calc(100% - 1.04167vw);
  }
}
.p-intern__bg {
  /* 追加: 769px - 1399px のブレークポイント */
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__bg {
    width: calc(100% - 14.58333px);
    height: calc(100% - 14.58333px);
  }
}
.p-intern__copy {
  position: relative;
  z-index: 2;
  font-size: 35px;
  line-height: 1.2857142857;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.04em;
  width: 100%;
  height: 100%;
  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;
  max-width: 460px;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-intern__copy {
    font-size: 1.8229166667vw;
    line-height: 1.2857142857;
    max-width: 23.9583333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__copy {
    font-size: 25.5208333333px;
    line-height: 1.2857142857;
    max-width: 335.4166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__copy {
    font-size: 4.2666666667vw;
    padding-right: 20px;
  }
}
.p-intern__textarea {
  position: relative;
  z-index: 2;
  overflow-y: scroll;
  height: 438px;
  padding: 0px 55px 10px 96px;
  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;
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .p-intern__textarea {
    height: 22.8125vw;
    padding: 0px 2.8645833333vw 0.5208333333vw 5vw;
    font-size: 0.9375vw;
    line-height: 1.7777777778;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__textarea {
    height: 319.375px;
    padding: 0px 40.1041666667px 7.2916666667px 70px;
    font-size: 13.125px;
    line-height: 1.7777777778;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__textarea {
    font-size: 14px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 50px 35px 120px 60px;
  }
}
.p-intern__name {
  position: absolute;
  z-index: 3;
  top: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
@media (min-width: 1400px) {
  .p-intern__name {
    top: -3.6458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__name {
    top: -51.0416666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__name {
    top: -30px;
  }
}
.p-intern__nameinner {
  background-color: #fff;
  border: 10px solid;
  padding: 16px 55px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .p-intern__nameinner {
    border: 0.5208333333vw solid;
    padding: 0.8333333333vw 2.8645833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__nameinner {
    border: 7.2916666667px solid;
    padding: 11.6666666667px 40.1041666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__nameinner {
    border: 4px solid;
    padding: 8px 20px;
  }
}
.p-intern__nameinner .-lg {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0.04em;
  display: block;
  text-align: center;
}
@media (min-width: 1400px) {
  .p-intern__nameinner .-lg {
    font-size: 2.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__nameinner .-lg {
    font-size: 29.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__nameinner .-lg {
    font-size: 16px;
  }
}
.p-intern__nameinner .-sm {
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 0.04em;
  display: block;
  text-align: center;
  margin-top: 4px;
}
@media (min-width: 1400px) {
  .p-intern__nameinner .-sm {
    font-size: 1.3020833333vw;
    margin-top: 0.2083333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__nameinner .-sm {
    font-size: 18.2291666667px;
    margin-top: 2.9166666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__nameinner .-sm {
    font-size: 14px;
  }
}
.p-intern__number {
  font-size: 64px;
  font-family: "Dela Gothic One", sans-serif;
  letter-spacing: 0.04em;
  position: absolute;
  z-index: 2;
  left: -10.5%;
  top: -4%;
}
@media (min-width: 1400px) {
  .p-intern__number {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__number {
    font-size: 46.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__number {
    font-size: 40px;
    left: -3.5%;
    top: -13%;
  }
}
.p-intern__number::after {
  position: absolute;
  content: "";
  background-image: url(../images/intern/bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 255px;
  height: 255px;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  z-index: -1;
  top: -120%;
  left: -73px;
}
@media (min-width: 1400px) {
  .p-intern__number::after {
    width: 13.28125vw;
    height: 13.28125vw;
    left: -3.8020833333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__number::after {
    width: 185.9375px;
    height: 185.9375px;
    left: -53.2291666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__number::after {
    width: 127.5px;
    height: 127.5px;
    top: -86%;
    left: -29px;
  }
}
.p-intern__number::before {
  position: absolute;
  content: "";
  background-image: url(../images/intern/object5.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 135px;
  height: 150px;
  z-index: -1;
  bottom: -127px;
  left: -136px;
}
@media (min-width: 1400px) {
  .p-intern__number::before {
    width: 7.03125vw;
    height: 7.8125vw;
    bottom: -6.6145833333vw;
    left: -7.0833333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__number::before {
    width: 98.4375px;
    height: 109.375px;
    bottom: -92.6041666667px;
    left: -99.1666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__number::before {
    width: 67.5px;
    height: 75px;
  }
}
.p-intern__buttons {
  position: absolute;
  bottom: -35px;
  right: 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (min-width: 1400px) {
  .p-intern__buttons {
    bottom: -1.8229166667vw;
    gap: 0.8333333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__buttons {
    bottom: -25.5208333333px;
    gap: 11.6666666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: unset;
    gap: 10px;
  }
}
.p-intern__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 5px solid;
  font-size: 20px;
  font-weight: 700;
  -webkit-box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
          box-shadow: 3px 3px 0px 0px rgb(0, 0, 0);
  height: 78px;
  border-radius: 50px;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
}
@media (min-width: 1400px) {
  .p-intern__button {
    border: 0.2604166667vw solid;
    font-size: 1.0416666667vw;
    -webkit-box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
            box-shadow: 0.15625vw 0.15625vw 0px 0px rgb(0, 0, 0);
    height: 4.0625vw;
    border-radius: 2.6041666667vw;
    padding-left: 1.5625vw;
    padding-right: 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__button {
    border: 3.6458333333px solid;
    font-size: 14.5833333333px;
    -webkit-box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
            box-shadow: 2.1875px 2.1875px 0px 0px rgb(0, 0, 0);
    height: 56.875px;
    border-radius: 36.4583333333px;
    padding-left: 21.875px;
    padding-right: 7.2916666667px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__button {
    font-size: 14px;
    height: 60px;
  }
}
.p-intern__button::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 24px;
}
@media (min-width: 1400px) {
  .p-intern__button::after {
    right: 1.25vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__button::after {
    right: 17.5px;
  }
}
.p-intern__button.-entry {
  background-color: #ED5500;
  width: 204px;
}
@media (min-width: 1400px) {
  .p-intern__button.-entry {
    width: 10.625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__button.-entry {
    width: 148.75px;
  }
}
@media screen and (max-width: 768px) {
  .p-intern__button.-entry {
    width: 281px;
  }
}
.p-intern__button.-entry::after {
  background-image: url("../images/common/bread-arrow.webp");
  width: 19px;
  height: 18px;
}
@media (min-width: 1400px) {
  .p-intern__button.-entry::after {
    width: 0.9895833333vw;
    height: 0.9375vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__button.-entry::after {
    width: 13.8541666667px;
    height: 13.125px;
  }
}
.p-intern__button.-mynavi {
  background-color: #54C3F1;
  width: 281px;
}
@media (min-width: 1400px) {
  .p-intern__button.-mynavi {
    width: 14.6354166667vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__button.-mynavi {
    width: 204.8958333333px;
  }
}
.p-intern__button.-mynavi::after {
  background-image: url("../images/common/link.webp");
  width: 22px;
  height: 22px;
}
@media (min-width: 1400px) {
  .p-intern__button.-mynavi::after {
    width: 1.1458333333vw;
    height: 1.1458333333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .p-intern__button.-mynavi::after {
    width: 16.0416666667px;
    height: 16.0416666667px;
  }
}
.p-intern__nontitle {
  text-align: center;
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-mr16 {
  margin-right: 16px !important;
}

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

.u-mt5 {
  margin-top: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

@media screen and (max-width: 768px) {
  .u-smt0 {
    margin-top: 0 !important;
  }
  .u-smt5 {
    margin-top: 5px !important;
  }
  .u-smt10 {
    margin-top: 10px !important;
  }
  .u-smt15 {
    margin-top: 15px !important;
  }
  .u-smt20 {
    margin-top: 20px !important;
  }
  .u-smb0 {
    margin-bottom: 0 !important;
  }
  .u-smb5 {
    margin-bottom: 5px !important;
  }
  .u-smb10 {
    margin-bottom: 10px !important;
  }
  .u-smb15 {
    margin-bottom: 15px !important;
  }
  .u-smb20 {
    margin-bottom: 20px !important;
  }
  .u-sml0 {
    margin-left: 0 !important;
  }
}
.u-w03per {
  width: 3% !important;
}

.u-w05per {
  width: 5% !important;
}

.u-w10per {
  width: 10% !important;
}

.u-w13per {
  width: 13% !important;
}

.u-w15per {
  width: 15% !important;
}

.u-w20per {
  width: 20% !important;
}

.u-w23per {
  width: 23% !important;
}

.u-w25per {
  width: 25% !important;
}

.u-w30per {
  width: 30% !important;
}

.u-w33per {
  width: 33% !important;
}

.u-w35per {
  width: 35% !important;
}

.u-w40per {
  width: 40% !important;
}

.u-w43per {
  width: 43% !important;
}

.u-w45per {
  width: 45% !important;
}

.u-w50per {
  width: 50% !important;
}

.u-w53per {
  width: 53% !important;
}

.u-w55per {
  width: 55% !important;
}

.u-w60per {
  width: 60% !important;
}

.u-w63per {
  width: 63% !important;
}

.u-w65per {
  width: 65% !important;
}

.u-w70per {
  width: 70% !important;
}

.u-w73per {
  width: 73% !important;
}

.u-w75per {
  width: 75% !important;
}

.u-w80per {
  width: 80% !important;
}

.u-w83per {
  width: 83% !important;
}

.u-w85per {
  width: 85% !important;
}

.u-w90per {
  width: 90% !important;
}

.u-w93per {
  width: 93% !important;
}

.u-w95per {
  width: 95% !important;
}

.u-table-fixed {
  table-layout: fixed;
}

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

.u-text-left {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .s-text-center {
    text-align: center;
  }
}

/* background
--------------------------------------------------------------*/
.u-bg-blue {
  background: #F4F8FF;
}

/* hidden
--------------------------------------------------------------*/
.u-header-only {
  display: none;
}
@media screen and (max-width: 1130px) {
  .u-header-only {
    display: block;
  }
}

.u-header-hidden {
  display: block;
}
@media screen and (max-width: 1130px) {
  .u-header-hidden {
    display: none;
  }
}

.u-xxl-only {
  display: none;
}
@media screen and (max-width: 1276px) {
  .u-xxl-only {
    display: block;
  }
}

.u-xxl-hidden {
  display: block;
}
@media screen and (max-width: 1276px) {
  .u-xxl-hidden {
    display: none;
  }
}

.u-md-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-md-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .u-md-only--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.u-md-hidden {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-md-hidden {
    display: none;
  }
}
.u-md-hidden--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .u-md-hidden--flex {
    display: none;
  }
}