@charset "UTF-8";
/* --------------------------------------
　　案件ごとに編集　▼ ここから ▼
-------------------------------------- */
img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

html {
  -webkit-tap-highlight-color: transparent;
  font-size: 0.78125vw;
  scroll-behavior: smooth;
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 3.125vw;
  }
}

body {
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: none;
}

input[type=checkbox] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

input[type=radio] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

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

canvas {
  display: block;
}

a {
  transition: all 0.3s;
}
a:hover {
  opacity: 0.7;
}

/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  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;
  font-weight: inherit;
  margin: 0;
}

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

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  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 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;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

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

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

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

/**
 * 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. Fix font inheritance.
 */
::-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]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
}

caption {
  text-align: left;
}

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

th {
  text-align: left;
  font-weight: bold;
}

.footer {
  background-color: #ECEEEE;
}

.footer__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  max-width: 880px;
  padding-top: 90px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .footer__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .footer__inner {
    padding-top: 14.6666666667vw;
    padding-bottom: 14.6666666667vw;
    max-width: 90.6666666667vw;
  }
}
.footer__inner--showPc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .footer__inner--showPc {
    display: none;
  }
}

.footer__listPc.columns {
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  .footer__listPc.columns {
    display: none;
  }
}
.footer__listPc.columns .footerLinkBox {
  padding-left: 16px;
  border-left: 1px solid #000000;
  min-width: 180px;
}
.footer__listPc.columns .footerLinkBox + .footerLinkBox {
  margin-top: 27px;
}
.footer__listPc.columns .footer__item:first-child .footerLinkBox {
  min-width: 220px;
}
.footer__listPc.columns .footer__item:nth-child(3) .footerLinkBox {
  white-space: nowrap;
  margin-right: -60px;
}
.footer__listPc.columns .footerLinkBox__mainLink {
  display: block;
  font-size: 14px;
  line-height: 1.1428571429;
  letter-spacing: 0.16em;
  color: #000000;
  position: relative;
  margin-bottom: 10px;
  pointer-events: none;
}
.footer__listPc.columns .footerLinkBox__mainLink--disabled {
  pointer-events: none;
  opacity: 0.8;
}
.footer__listPc.columns .footerLinkBox__mainLink--opacity03 {
  opacity: 0.3;
}
.footer__listPc.columns .footerLinkBox__mainLink--active {
  pointer-events: all;
  opacity: 1;
}
.footer__listPc.columns .footerLinkBox__mainLink--active:hover {
  transition: all 0.3s;
  opacity: 0.7;
}
.footer__listPc.columns .footerLinkBox__subLink {
  margin-top: 8px;
  display: block;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #000000;
  position: relative;
  font-weight: 400;
}
.footer__listPc.columns .footerLinkBox__subLink--disabled {
  pointer-events: none;
  opacity: 0.3;
}

.footer__listSp.columns {
  display: none;
}
@media screen and (max-width: 1024px) {
  .footer__listSp.columns {
    display: flex;
    flex-wrap: wrap;
    gap: 4.5333333333vw;
    padding-left: 4vw;
    margin-right: -4vw;
  }
}
.footer__listSp.columns .footer__item {
  width: calc(50% - 2.2666666667vw);
}
.footer__listSp.columns .footerLinkBox__mainLink {
  display: block;
  font-size: 3.2vw;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #000000;
  position: relative;
}
.footer__listSp.columns .footerLinkBox__subLink {
  margin-top: 8px;
  display: block;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0;
  color: #000000;
  position: relative;
}

.footer__bottom {
  background-color: #000;
}

.footer__columns {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-top: 12px;
  padding-bottom: 12px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .footer__columns {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .footer__columns {
    flex-direction: column;
    align-items: center;
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

.footer__columnsItem {
  display: block;
  font-size: 12px;
  line-height: 1.1666666667;
  letter-spacing: 0.1em;
  font-weight: 300;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .footer__columnsItem {
    font-size: 2.6666666667vw;
    line-height: 1.2;
    margin-bottom: 0.8vw;
  }
  .footer__columnsItem:last-child {
    margin-bottom: 0;
  }
}

.footer__columnLink + .footer__columnLink::before {
  content: " ｜ ";
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.8);
}

.header__inner {
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 20px;
}
@media screen and (max-width: 1024px) {
  .header__inner {
    padding: 0;
    padding-left: 2.6666666667vw;
    align-items: center;
  }
}

.header__logo {
  display: block;
  width: 258px;
  flex-shrink: 1;
}
@media screen and (max-width: 1024px) {
  .header__logo {
    width: 35.2vw;
  }
}

.header__listPc.columns {
  align-items: center;
  flex-shrink: 0;
}
.header__listPc.columns .header__item {
  border-left: 1px solid #000000;
  position: relative;
}
.header__listPc.columns .header__item:first-child,
.header__listPc.columns .header__item:last-child {
  border-left: none;
}
.header__listPc.columns .header__mainLink {
  padding: 0 20px 18px;
  font-size: 10px;
  letter-spacing: 0.2em;
  line-height: 1.2;
  font-weight: 700;
  position: relative;
}
.header__listPc.columns .header__mainLink:active {
  pointer-events: none;
}
.header__listPc.columns .header__mainLink--recruit:active {
  pointer-events: all;
}
.header__listPc.columns .header__mainLink--disactive {
  opacity: 0.3;
  pointer-events: none;
}
.header__listPc.columns .header__mainLink::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #FF6ED2, #00A0E9);
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
}
.header__listPc.columns .header__mainLink:hover {
  color: #2882F0;
  opacity: 1;
}
.header__listPc.columns .header__mainLink:hover::after {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .header__listPc.columns .header__mainLink {
    padding: 0 20px;
  }
}
.header__listPc.columns .header__subMenu {
  padding-top: 17px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 20px;
  left: 0;
  bottom: 2px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(100% + 20px));
  transition: all 0.3s;
}
.header__listPc.columns .header__mainLink:hover + .header__subMenu {
  opacity: 1;
  visibility: visible;
}
.header__listPc.columns .header__subMenu:hover {
  opacity: 1;
  visibility: visible;
}
.header__listPc.columns .header__subLink {
  white-space: nowrap;
  display: block;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  font-weight: 400;
  padding: 17px 30px 17px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
  cursor: pointer;
}
.header__listPc.columns .header__subLink:hover {
  color: #2882F0;
  opacity: 1;
  cursor: pointer;
}
.header__listPc.columns .header__subLink:last-child {
  border-bottom: none;
}
.header__listPc.columns .header__subLink--disactive {
  opacity: 0.3;
  pointer-events: none;
}
.header__listPc.columns .header__subLinkArrow.arrow {
  color: #000;
  width: 8px;
  height: 8px;
  right: 0;
  top: 50%;
}
.header__listPc.columns .header__subLinkArrow.arrow::before {
  height: 1px;
}
.header__listPc.columns .header__subLinkArrow.arrow::after {
  width: 1px;
}
.header__listPc.columns .header__button {
  width: 150px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../images/header_button_bg01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 98%;
  margin-left: 15px;
}
.header__listPc.columns .header__buttonText {
  width: 56px;
  display: block;
}
.header__listPc.columns .header__buttonText img {
  display: block;
}
@media screen and (max-width: 1024px) {
  .header__listPc.columns {
    display: none;
  }
}

.header__listSp.columns {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header__listSp.columns {
    display: flex;
    flex-direction: column;
    width: 85vw;
    overflow: scroll;
    padding-top: 16vw;
    padding-bottom: 16vw;
    position: fixed;
    transform: translateX(100%);
    transition: all 0.3s;
    top: 0;
    right: -2px;
    background-color: rgba(255, 255, 255, 0.95);
    height: 100%;
  }
  .header__listSp.columns.is-active {
    transform: translateX(0);
  }
}
.header__listSp.columns .header__item {
  position: relative;
  max-width: 66.6666666667vw;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.3333333333vw;
}
.header__listSp.columns .header__item:not(:last-child) {
  border-bottom: 0.5333333333vw solid #000000;
}
.header__listSp.columns .header__item:nth-child(1) .topTitle__en {
  display: block;
  margin-left: 2.6666666667vw;
  max-width: 33.3333333333vw;
}
.header__listSp.columns .header__item:nth-child(1) .topTitle__ja {
  display: block;
  margin-top: -1.8666666667vw;
  max-width: 49.3333333333vw;
}
.header__listSp.columns .header__item:nth-child(2) .topTitle__en {
  display: block;
  margin-left: 1.6vw;
  max-width: 18.4vw;
}
.header__listSp.columns .header__item:nth-child(2) .topTitle__ja {
  display: block;
  margin-top: -1.8666666667vw;
  max-width: 24.8vw;
}
.header__listSp.columns .header__item:nth-child(3) .topTitle__en {
  display: block;
  margin-left: 2.6666666667vw;
  max-width: 27.4666666667vw;
}
.header__listSp.columns .header__item:nth-child(3) .topTitle__ja {
  display: block;
  margin-top: -3.4666666667vw;
  max-width: 19.4666666667vw;
}
.header__listSp.columns .header__item:nth-child(4) .topTitle__en {
  display: block;
  margin-left: 2.9333333333vw;
  max-width: 45.6vw;
}
.header__listSp.columns .header__item:nth-child(4) .topTitle__ja {
  display: block;
  margin-top: -1.6vw;
  max-width: 36.2666666667vw;
}
.header__listSp.columns .header__item:nth-child(5) .topTitle__en {
  display: block;
  margin-left: 2.6666666667vw;
  max-width: 52.2666666667vw;
}
.header__listSp.columns .header__item:nth-child(5) .topTitle__ja {
  display: block;
  margin-top: -3.4666666667vw;
  max-width: 29.8666666667vw;
}
.header__listSp.columns .header__mainLink {
  padding: 4.5333333333vw 0 6.6666666667vw;
  position: relative;
}
.header__listSp.columns .header__mainLink--disactive {
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .header__listSp.columns .header__mainLink--disactive .header__arrow {
    display: none;
  }
}
.header__listSp.columns .header__subMenu {
  padding-left: 5.3333333333vw;
  padding-bottom: 8vw;
}
.header__listSp.columns .header__subLink {
  display: block;
  font-size: 3.2vw;
  line-height: 1.5;
  letter-spacing: 0.08em;
  position: relative;
  font-weight: 400;
  text-indent: -1em;
  padding-left: 1em;
}
.header__listSp.columns .header__subLink::before {
  content: "ー ";
}
.header__listSp.columns .header__subLink--disactive {
  opacity: 0.3;
  pointer-events: none;
}
.header__listSp.columns .header__subLink--small {
  font-size: 2.4vw;
  position: relative;
  top: -0.2vw;
  font-weight: 500;
}
.header__listSp.columns .header__subLink + .header__subLink {
  margin-top: 4.8vw;
}
.header__listSp.columns .header__subLinkArrow.arrow {
  color: #000;
  right: 0;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  right: 2.6666666667vw;
}
.header__listSp.columns .header__subLinkArrow.arrow::before {
  height: 0.2666666667vw;
}
.header__listSp.columns .header__subLinkArrow.arrow::after {
  width: 0.2666666667vw;
}
.header__listSp.columns .header__recruitButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #7A8888;
  color: #fff;
  font-size: 3.2vw;
  line-height: 1.1666666667;
  letter-spacing: 0.5em;
  width: 100%;
  height: 9.3333333333vw;
  max-width: 42.6666666667vw;
  border-radius: 9.3333333333vw;
  margin: 8vw auto 0;
}

@media screen and (max-width: 1024px) {
  .header__button {
    width: 24vw;
    height: 9.3333333333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/sp-header_button_bg01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 98%;
  }
}

@media screen and (max-width: 1024px) {
  .header__buttonText {
    width: 12.5333333333vw;
    display: block;
  }
  .header__buttonText img {
    display: block;
  }
}

.header__menuButtonsSp.columns {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header__menuButtonsSp.columns {
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 1024px) {
  .header__arrow {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 8vw;
    height: 8vw;
    background-color: #7A8888;
    border-radius: 40px;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
    transition: all 0.3s;
  }
  .is-active > .header__arrow {
    transform: translateY(-50%) rotate(90deg);
  }
  .header__arrow::before, .header__arrow::after {
    content: "";
    position: absolute;
    background: currentColor;
  }
  .header__arrow::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-left: 0.2666666667vw solid #fff;
    border-bottom: 0.2666666667vw solid #fff;
    background-color: transparent;
    transform: translate(-25%, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
  }
}

.header__navButton {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.3333333333vw 0;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  padding: 4vw;
  z-index: 100;
}

.header__navButtonBorder {
  display: block;
  background-color: #000000;
  height: 0.5333333333vw;
  width: 6.1333333333vw;
  transition: all 0.3s;
}
.header__navButtonBorder:nth-child(2) {
  width: 4.8vw;
}
.is-active > .header__navButtonBorder:nth-child(1) {
  transform: translateY(0.9vw) rotate(-30deg);
}
.is-active > .header__navButtonBorder:nth-child(2) {
  width: 6.1333333333vw;
  transform: translateY(-0.9vw) rotate(30deg);
}

_::-webkit-full-page-media, _:future, :root .header__listPc.columns .header__subLink rt {
  transform: translateY(3px);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .header__listPc.columns .header__subLink rt {
    transform: translateY(3px);
  }
}
_::-webkit-full-page-media, _:future, :root .header__listSp.columns .header__subLink rt {
  transform: translateY(0.8vw);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .header__listSp.columns .header__subLink rt {
    transform: translateY(0.8vw);
  }
}
.main {
  overflow: hidden;
}

.main--bg01 {
  background-image: url(../images/common/page_bg01.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .main--bg01 {
    background-image: url(../images/common/sp_page_bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.columns {
  display: flex;
}

.pageTopArrow {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 1000;
  cursor: pointer;
}
.pageTopArrow .arrow {
  transform: translate(-50%, -30%) rotate(-45deg);
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 1024px) {
  .pageTopArrow {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    bottom: 16vw;
    right: 2.6666666667vw;
  }
  .pageTopArrow .arrow {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}

.topTitle__en {
  display: block;
  margin-left: 33px;
}

.topTitle__ja {
  display: block;
  margin-top: -16px;
}

.arrow {
  position: absolute;
  right: 35px;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 12px;
  height: 12px;
  transform: translate(-25%, -50%) rotate(45deg);
}
.arrow::before, .arrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}
.arrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
@media screen and (max-width: 1024px) {
  .arrow {
    right: 8vw;
    width: 3.2vw;
    height: 3.2vw;
  }
  .arrow::before {
    height: 0.2666666667vw;
  }
  .arrow::after {
    width: 0.2666666667vw;
  }
}

.bgButton {
  position: relative;
  border-radius: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  background-image: url(../images/bgButton_bg01.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}
.bgButton:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .bgButton {
    border-radius: 4vw;
    height: 26.6666666667vw;
  }
}

.bgButton__img {
  top: 0;
  left: 0;
  width: 238px;
  height: calc(100% + 2px);
  display: block;
  clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
  position: absolute;
  overflow: hidden;
}
.bgButton__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bgButton__img::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .bgButton__img {
    width: 46.6666666667vw;
  }
}

.bgButton__text {
  position: relative;
  text-align: center;
  font-size: 22px;
  line-height: 1.6363636364;
  letter-spacing: 0.1em;
  color: #fff;
  z-index: 100;
  padding-bottom: 2px;
}
.bgButton__text--small {
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .bgButton__text--small {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .bgButton__text {
    font-size: 4.5333333333vw;
    padding-bottom: 0.5333333333vw;
  }
}

.mainButton {
  position: relative;
  border-radius: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-image: url(../images/mainButton_bg01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  transition: all 0.3s;
}
.mainButton:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .mainButton {
    padding-right: 5.3333333333vw;
    border-radius: 26.6666666667vw;
    height: 18.6666666667vw;
  }
}

.mainButton.mainButton--small {
  height: 46px;
}
@media screen and (max-width: 1024px) {
  .mainButton.mainButton--small {
    height: 16vw;
    background-image: url(../images/sp-mainButton_small_bg01.png);
  }
}
.mainButton.mainButton--small .mainButton__text {
  font-size: 13px;
  line-height: 1.3846153846;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1024px) {
  .mainButton.mainButton--small .mainButton__text {
    font-size: 3.4666666667vw;
    padding-bottom: 0.5333333333vw;
  }
}
.mainButton.mainButton--small .mainButton__arrow {
  width: 8px;
  height: 8px;
  top: 44%;
  right: 18px;
}
@media screen and (max-width: 1024px) {
  .mainButton.mainButton--small .mainButton__arrow {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 46%;
    right: 4.8vw;
  }
}
.mainButton.mainButton--small .mainButton__arrow::before {
  height: 1px;
}
@media screen and (max-width: 1024px) {
  .mainButton.mainButton--small .mainButton__arrow::before {
    height: 0.2666666667vw;
  }
}
.mainButton.mainButton--small .mainButton__arrow::after {
  width: 1px;
}
@media screen and (max-width: 1024px) {
  .mainButton.mainButton--small .mainButton__arrow::after {
    width: 0.2666666667vw;
  }
}

.mainButton--anchor .mainButton__arrow {
  transform: translate(-25%, -50%) rotate(135deg);
  top: 42%;
}

.mainButton.mainButton--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.mainButton.mainButton__text--min {
  height: 46px;
}
@media screen and (max-width: 1024px) {
  .mainButton.mainButton__text--min {
    height: 12.2666666667vw;
  }
}
.mainButton.mainButton__text--min .mainButton__text {
  position: relative;
  text-align: center;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.25em;
  font-weight: 500;
  color: #fff;
  z-index: 100;
  padding-bottom: 2px;
}
@media screen and (max-width: 1024px) {
  .mainButton.mainButton__text--min .mainButton__text {
    font-size: 3.4666666667vw;
  }
}

.mainButton__text {
  position: relative;
  text-align: center;
  font-size: 22px;
  line-height: 1.6363636364;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #fff;
  z-index: 100;
  padding-bottom: 2px;
}
@media screen and (max-width: 1024px) {
  .mainButton__text {
    font-size: 4.5333333333vw;
    padding-bottom: 0.5333333333vw;
  }
}

.mainButton__text--lsLarge {
  letter-spacing: 0.5em;
}

.mainButton__text--viewAll {
  letter-spacing: 0.2em;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .mainButton__text--viewAll {
    font-size: 5.0666666667vw;
  }
}

.mainButton__text--fzSmall {
  font-size: 13px;
}
@media screen and (max-width: 1024px) {
  .mainButton__text--fzSmall {
    font-size: 5.0666666667vw;
  }
}

.slideCard {
  display: block;
  border-radius: 19px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.6);
  position: relative;
  height: 198px;
}
@media screen and (max-width: 1024px) {
  .slideCard {
    border-radius: 3.2vw;
    box-shadow: 0px 12px 7px -5px rgba(0, 0, 0, 0.3);
    height: 33.6vw;
  }
}
.slideCard::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: all 0.3s;
}
.slideCard:hover {
  opacity: 1;
}
.slideCard:hover::after {
  opacity: 0.3;
}

.slideCard__bgImg {
  display: block;
  height: 100%;
}
.slideCard__bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: 200px;
}
@media screen and (max-width: 1024px) {
  .slideCard__bgImg img {
    min-height: initial;
    height: 34.1333333333vw;
  }
}

@media screen and (max-width: 1024px) {
  _::-webkit-full-page-media, _:future, :root .slideCard__bgImg img {
    min-height: 33.8666666667vw;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) {
  ::i-block-chrome, .slideCard__bgImg img {
    min-height: 33.8666666667vw;
  }
}
.slideCard__box {
  z-index: 100;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(70, 90, 120, 0.2);
  padding: 8px 13px;
  min-height: 58px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .slideCard__box {
    padding: 1.6vw 3.2vw;
    min-height: 11.7333333333vw;
  }
}
.slideCard__box::before {
  mix-blend-mode: multiply;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(70, 90, 120, 0.2);
}
.slideCard__box::after {
  mix-blend-mode: multiply;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(70, 90, 120, 0.2);
}

.slideCard__text {
  display: block;
  font-size: 8px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #fff;
  z-index: 100;
  position: relative;
  padding-bottom: 3px;
}
@media screen and (max-width: 1024px) {
  .slideCard__text {
    font-size: 1.3333333333vw;
  }
}
.slideCard__text::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));
}

.slideCard__title {
  margin-top: 3px;
  display: block;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #fff;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .slideCard__title {
    font-size: 1.8666666667vw;
  }
}

.mainCard {
  display: block;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .mainCard {
    border-radius: 4vw;
  }
}
.mainCard--comingSoon {
  pointer-events: none;
}
.mainCard--comingSoon::after {
  border-radius: 30px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-image: url(../images/coming_soon_layer.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .mainCard--comingSoon::after {
    border-radius: 4vw;
    background-image: url(../images/sp-coming_soon_layer.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.mainCard__bgImg {
  display: block;
  height: 100%;
}
.mainCard__bgImg::after {
  mix-blend-mode: multiply;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/slideCard_img_layer.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.mainCard__bgImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainCard__box {
  z-index: 100;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(70, 90, 120, 0.2);
  padding: 22px 20px;
  min-height: 100px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .mainCard__box {
    padding: 3.2vw 4vw;
    min-height: 16vw;
  }
}
.mainCard__box::before {
  mix-blend-mode: multiply;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(70, 90, 120, 0.2);
}
.mainCard__box::after {
  mix-blend-mode: multiply;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(70, 90, 120, 0.2);
}

.mainCard__title {
  display: block;
  font-size: 22px;
  letter-spacing: 0.15em;
  color: #fff;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .mainCard__title {
    font-size: 4vw;
    line-height: 1.2;
  }
}
.mainCard__title--lsSmall {
  letter-spacing: 0.13em;
  margin-right: -10px;
}
@media screen and (max-width: 1024px) {
  .mainCard__title--lsSmall {
    margin-right: 0;
  }
}

.mainCard__text {
  margin-top: 9px;
  display: block;
  font-size: 16px;
  line-height: 1.1875;
  letter-spacing: 0.2em;
  color: #fff;
  z-index: 100;
  position: relative;
  white-space: nowrap;
}
.mainCard__text--lsSmall {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  .mainCard__text {
    margin-top: 1.0666666667vw;
    font-size: 3.2vw;
    line-height: 1.1666666667;
  }
}

.swiper {
  position: relative;
}

_::-webkit-full-page-media, _:future, :root .swiper {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .swiper {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
.swiper-container.swiper-container--01 {
  height: 100%;
  width: 100%;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-container.swiper-container--01 .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.swiper-container.swiper-container--01 .swiper-slide-active img,
.swiper-container.swiper-container--01 .swiper-slide-duplicate-active img,
.swiper-container.swiper-container--01 .swiper-slide-prev img {
  animation: zoomUp 7s linear 0s normal both;
}

.swiper-container.swiper-container--03 {
  padding: 100px 5px 120px;
}
@media screen and (max-width: 1024px) {
  .swiper-container.swiper-container--03 {
    padding: 26.1333333333vw 2.1333333333vw 33.0666666667vw;
  }
}

.swiper-container.swiper-container--3minutes {
  padding: 40px 0 0;
}
@media screen and (max-width: 1024px) {
  .swiper-container.swiper-container--3minutes {
    padding: 11.2vw 0 0;
  }
}

.swiper-container--03 .swiper-slide {
  z-index: 1;
}
.swiper-container--03 .swiper-slide .slideCard {
  transition: all 0.3s;
}
.swiper-container--03 .swiper-slide.swiper-slide-next, .swiper-container--03 .swiper-slide.swiper-slide-prev {
  z-index: 10;
}
.swiper-container--03 .swiper-slide.swiper-slide-next .slideCard, .swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
  transform: scale(1.16);
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-next .slideCard, .swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
    transform: scale(1.69);
  }
}
.swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
  left: -25%;
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
    left: 32%;
  }
}
.swiper-container--03 .swiper-slide.swiper-slide-next .slideCard {
  left: 25%;
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-next .slideCard {
    left: -32%;
  }
}
.swiper-container--03 .swiper-slide.swiper-slide-active {
  z-index: 100;
}
.swiper-container--03 .swiper-slide.swiper-slide-active .slideCard {
  transform: scale(1.6);
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-active .slideCard {
    transform: scale(2.02);
  }
}

.swiper__swiper-next--03,
.swiper__swiper-prev--03 {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 40px;
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-next--03,
  .swiper__swiper-prev--03 {
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    border-radius: 9.3333333333vw;
  }
}
.swiper__swiper-next--03::before, .swiper__swiper-next--03::after,
.swiper__swiper-prev--03::before,
.swiper__swiper-prev--03::after {
  content: "";
  position: absolute;
  background: currentColor;
}
.swiper__swiper-next--03::after,
.swiper__swiper-prev--03::after {
  width: 10px;
  height: 10px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  transform: translate(-25%, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-next--03::after,
  .swiper__swiper-prev--03::after {
    width: 2.4vw;
    height: 2.4vw;
  }
}

.swiper__swiper-next--03 {
  right: -70px;
  left: auto;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-next--03 {
    right: -1.8666666667vw;
  }
}

.swiper__swiper-prev--03 {
  right: auto;
  left: -70px;
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-prev--03 {
    left: -1.8666666667vw;
  }
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper__pagination--3minutes,
.swiper-pagination-custom, .swiper-pagination-fraction.swiper__pagination--3minutes {
  bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper__pagination--3minutes,
  .swiper-pagination-custom, .swiper-pagination-fraction.swiper__pagination--3minutes {
    bottom: 6.4vw;
  }
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
  background-color: #989EA8;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.8666666667vw;
  }
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #2880EB;
  margin: 0 4px;
}
@media screen and (max-width: 1024px) {
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    margin: 0 0.8vw;
  }
}

.swiper-pagination-bullet {
  width: 9px;
  height: 9px;
}
@media screen and (max-width: 1024px) {
  .swiper-pagination-bullet {
    width: 2.4vw;
    height: 2.4vw;
  }
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 17px;
  height: 17px;
}
@media screen and (max-width: 1024px) {
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
  }
}

.swiper-container--03 .swiper-slide {
  z-index: 1;
}
.swiper-container--03 .swiper-slide .slideCard {
  transition: all 0.3s;
}
.swiper-container--03 .swiper-slide.swiper-slide-next, .swiper-container--03 .swiper-slide.swiper-slide-prev {
  z-index: 10;
}
.swiper-container--03 .swiper-slide.swiper-slide-next .slideCard, .swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
  transform: scale(1.16);
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-next .slideCard, .swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
    transform: scale(1.69);
  }
}
.swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
  left: -25%;
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-prev .slideCard {
    left: 32%;
  }
}
.swiper-container--03 .swiper-slide.swiper-slide-next .slideCard {
  left: 25%;
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-next .slideCard {
    left: -32%;
  }
}
.swiper-container--03 .swiper-slide.swiper-slide-active {
  z-index: 100;
}
.swiper-container--03 .swiper-slide.swiper-slide-active .slideCard {
  transform: scale(1.6);
}
@media screen and (max-width: 1024px) {
  .swiper-container--03 .swiper-slide.swiper-slide-active .slideCard {
    transform: scale(2.02);
  }
}

.swiper__swiper-next--3minutes,
.swiper__swiper-prev--3minutes {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 40px;
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-next--3minutes,
  .swiper__swiper-prev--3minutes {
    top: 76.5333333333vw;
    width: 8vw;
    height: 8vw;
    border-radius: 8vw;
  }
}
.swiper__swiper-next--3minutes::before, .swiper__swiper-next--3minutes::after,
.swiper__swiper-prev--3minutes::before,
.swiper__swiper-prev--3minutes::after {
  content: "";
  position: absolute;
  background: currentColor;
}
.swiper__swiper-next--3minutes::after,
.swiper__swiper-prev--3minutes::after {
  width: 10px;
  height: 10px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  transform: translate(-25%, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-next--3minutes::after,
  .swiper__swiper-prev--3minutes::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}

.swiper__swiper-next--3minutes {
  right: -70px;
  left: auto;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-next--3minutes {
    right: -3.2vw;
  }
}

.swiper__swiper-prev--3minutes {
  right: auto;
  left: -70px;
}
@media screen and (max-width: 1024px) {
  .swiper__swiper-prev--3minutes {
    left: -3.2vw;
  }
}

.mv {
  position: relative;
  z-index: 100;
}

.mv__inner {
  position: relative;
  height: 100vh;
  height: 100lvh;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .mv__inner {
    height: auto;
  }
}
.mv--future .mv__inner {
  height: auto;
  max-height: 100vh;
}
.mv__inner .swiper {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 1024px) {
  .mv__inner .swiper {
    height: auto;
  }
}

.mv__img {
  position: relative;
  height: 100vh;
  width: 100%;
  object-fit: cover;
}
.mv--future .mv__img {
  height: 100%;
  display: block;
  max-height: 100vh;
}
.mv__img .swiper {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 1024px) {
  .mv__img .swiper {
    height: auto;
  }
}

.mv__title {
  width: 58.2307692308vw;
  z-index: 10;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 1024px) {
  .mv__title {
    transform: translate(-50%, 0);
    top: 41.8666666667vw;
    width: 87.2vw;
  }
}
.mv__title--future {
  width: 54.8461538462vw;
}
@media screen and (max-width: 1024px) {
  .mv__title--future {
    transform: translate(-50%, -50%);
    top: 50%;
    width: 87.2vw;
  }
}

.mv__scrollIcon {
  z-index: 100;
  position: absolute;
  bottom: 30px;
  transform: translateX(-50%);
  left: 50%;
  padding: 25px;
}
@media screen and (max-width: 1024px) {
  .mv__scrollIcon {
    bottom: 2.6666666667vw;
    padding: 5.3333333333vw;
  }
}

.mv__scrollIconText {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.14em;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 1024px) {
  .mv__scrollIconText {
    font-size: 2.6666666667vw;
    text-shadow: 0px -0.5333333333vw 2.1333333333vw rgba(0, 0, 0, 0.6);
  }
}
.mv__scrollIcon--black .mv__scrollIconText {
  color: #000000;
  text-shadow: none;
}

.mv__scrollIconArrow {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 41px;
  height: 15px;
  /* アニメーションの名前 */
  animation-name: UpDown;
  /* アニメーションの１回分の長さ */
  animation-duration: 1.5s;
  /* アニメーションの回数 */
  animation-iteration-count: infinite;
  /* アニメーションの進行具合 */
  animation-timing-function: ease-in-out;
  /* アニメーション再生の向き */
  /* アニメーションの設定 */
}
@media screen and (max-width: 1024px) {
  .mv__scrollIconArrow {
    width: 8vw;
    height: 3.2vw;
  }
}
.mv__scrollIconArrow::before, .mv__scrollIconArrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 26px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: 50% calc(100% - 1px);
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1024px) {
  .mv__scrollIconArrow::before, .mv__scrollIconArrow::after {
    width: 0.5333333333vw;
    height: 4.8vw;
    box-shadow: 1.0666666667vw 1.0666666667vw 2.1333333333vw 0px rgba(0, 0, 0, 0.3);
  }
}
.mv__scrollIcon--black .mv__scrollIconArrow::before, .mv__scrollIcon--black .mv__scrollIconArrow::after {
  background-color: #000000;
  box-shadow: none;
}
.mv__scrollIconArrow::before {
  transform: rotate(55deg);
}
.mv__scrollIconArrow::after {
  transform: rotate(-55deg);
}
@media screen and (max-width: 1024px) {
  .mv__scrollIconArrow {
    animation-name: UpDownSp;
  }
}
@keyframes UpDown {
  /* 開始地点 */
  0% {
    /* Y軸0px */
    transform: translate(-50%, 0px);
  }
  /* 終了地点 */
  100% {
    /* Y軸50px */
    transform: translate(-50%, 10px);
  }
}
@keyframes UpDownSp {
  /* 開始地点 */
  0% {
    /* Y軸0px */
    transform: translate(-50%, 0px);
  }
  /* 終了地点 */
  100% {
    /* Y軸50px */
    transform: translate(-50%, 4px);
  }
}

.mv__news {
  z-index: 1000;
  position: absolute;
  bottom: 4.0769230769vw;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 470px;
  height: 90px;
  padding: 17px 30px 17px 35px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
@media screen and (max-width: 1024px) {
  .mv__news {
    bottom: 21.3333333333vw;
    max-width: 80vw;
    height: 14.6666666667vw;
    padding: 2.6666666667vw 5.8666666667vw 2.6666666667vw 4.5333333333vw;
    border-top-right-radius: 14.6666666667vw;
    border-bottom-right-radius: 14.6666666667vw;
  }
}

.mv__newsTitle {
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #000;
  z-index: 100;
  position: relative;
  padding-right: 20px;
  border-right: 1px solid #000000;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .mv__newsTitle {
    font-size: 3.2vw;
    padding-right: 2.6666666667vw;
  }
}

.mv__newsBox {
  margin-left: 26px;
  max-width: 305px;
  height: 56px;
}
@media screen and (max-width: 1024px) {
  .mv__newsBox {
    margin-left: 2.6666666667vw;
    max-width: 53.3333333333vw;
    height: 100%;
  }
}
.mv__newsBox .swiper-container {
  width: 100%;
  height: 100%;
}
.mv__newsBox .swiper-slide {
  width: auto;
}

.topNewsBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.topNewsBox__time {
  font-size: 14px;
  display: block;
  line-height: 1.1428571429;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .topNewsBox__time {
    font-size: 2.9333333333vw;
  }
}

.topNewsBox__title {
  font-size: 16px;
  letter-spacing: 0.025em;
  margin-top: 5px;
  color: #000;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .topNewsBox__title {
    margin-top: 1.0666666667vw;
    font-size: 2.9333333333vw;
  }
}

.topLead {
  position: relative;
  z-index: 10;
}

.topLead__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.topLead__inner {
  padding: 6.9230769231vw 50px 18.9230769231vw;
}
@media screen and (max-width: 1024px) {
  .topLead__inner {
    padding: 15.2vw 3.2vw 23.2vw;
  }
}

.topLead__text {
  max-width: 464px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .topLead__text {
    max-width: 75.2vw;
  }
}

.topLead__button {
  margin-top: 5.5384615385vw;
}
@media screen and (max-width: 1024px) {
  .topLead__button {
    margin-top: 12.8vw;
  }
}

.largeButton {
  display: block;
  background-image: url(../images/lead_button_bg01.png);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 900px;
  height: 160px;
  border-radius: 100px;
  margin: 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}
.largeButton:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .largeButton {
    height: 32vw;
    background-image: url(../images/sp-lead_button_bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 26.6666666667vw;
  }
}

.largeButton__text {
  display: block;
  max-width: 622px;
  margin: 0 auto;
  padding-top: 23px;
}
@media screen and (max-width: 1024px) {
  .largeButton__text {
    max-width: 51.2vw;
    padding-top: 3.7333333333vw;
  }
}

.largeButton__arrow.arrow {
  position: absolute;
  right: 70px;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 16px;
  height: 16px;
  transform: translate(-25%, -50%) rotate(45deg);
}
@media screen and (max-width: 1024px) {
  .largeButton__arrow.arrow {
    right: 8vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}

.topAboutWork {
  margin-top: -5.8461538462vw;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .topAboutWork {
    margin-top: -5.6vw;
  }
}

.topAboutWork__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.topAboutWork__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-top: 8.2307692308vw;
  max-width: 960px;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .topAboutWork__inner {
    padding-top: 12.2666666667vw;
    max-width: 100%;
  }
}

.topAboutWork__blk + .topAboutWork__blk {
  margin-top: 11.3846153846vw;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__blk + .topAboutWork__blk {
    margin-top: 16.2666666667vw;
  }
}
.topAboutWork__blk--contentSmall {
  max-width: 820px;
  margin: 0 auto;
}

.topAboutWork__title .topTitle__en {
  max-width: 398px;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__title .topTitle__en {
    max-width: 53.0666666667vw;
    margin-left: 4.8vw;
  }
}
.topAboutWork__title .topTitle__ja {
  max-width: 309px;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__title .topTitle__ja {
    max-width: 60.5333333333vw;
    margin-top: -1.8666666667vw;
  }
}
.topAboutWork__title--work .topTitle__en {
  max-width: 219px;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__title--work .topTitle__en {
    max-width: 29.3333333333vw;
    margin-left: 5.0666666667vw;
  }
}
.topAboutWork__title--work .topTitle__ja {
  max-width: 154px;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__title--work .topTitle__ja {
    max-width: 30.1333333333vw;
    margin-top: -2.1333333333vw;
  }
}

.topAboutWork__buttons {
  padding-top: 2.1538461538vw;
  gap: 0 20px;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__buttons {
    padding-top: 7.2vw;
    flex-direction: column;
    gap: 5.3333333333vw 0;
  }
}
@media screen and (max-width: 1024px) {
  .topAboutWork__buttons--spColumnRev {
    flex-direction: column-reverse;
  }
  .topAboutWork__buttons--spColumnRev .JsInviewBox__02 {
    transition-delay: 0.6s;
  }
  .topAboutWork__buttons--spColumnRev .JsInviewBox__03 {
    transition-delay: 0.3s;
  }
}

.topAboutWork__button {
  max-width: 440px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__button {
    max-width: 100%;
  }
}
.topAboutWork__buttons--mainButton .topAboutWork__button {
  max-width: 400px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .topAboutWork__buttons--mainButton .topAboutWork__button {
    max-width: 100%;
  }
}

.topPeople {
  margin-top: 11.3846153846vw;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .topPeople {
    margin-top: 9.6vw;
  }
}

.topPeople__bg {
  position: absolute;
  width: 100%;
  transform: translate(-50%, -50%);
  top: 80%;
  left: 50%;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .topPeople__bg {
    transform: translate(-50%, 0);
    top: 0;
  }
}

.topPeople__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .topPeople__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .topPeople__inner {
    padding-top: 6.4vw;
  }
}

.topPeople__blk {
  max-width: 820px;
  margin: 0 auto;
}

.topPeople__title .topTitle__en {
  max-width: 328px;
  margin-left: 31px;
}
@media screen and (max-width: 1024px) {
  .topPeople__title .topTitle__en {
    max-width: 43.7333333333vw;
    margin-left: 4.8vw;
  }
}
.topPeople__title .topTitle__ja {
  margin-top: -36px;
  max-width: 120px;
}
@media screen and (max-width: 1024px) {
  .topPeople__title .topTitle__ja {
    max-width: 23.4666666667vw;
    margin-top: -4.8vw;
  }
}

.topPeople__button {
  max-width: 400px;
  margin: 1.7692307692vw auto 0;
}
@media screen and (max-width: 1024px) {
  .topPeople__button {
    max-width: 100%;
    margin: 6.6666666667vw auto 0;
  }
}

.topEnvironment {
  margin-top: 12.3076923077vw;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .topEnvironment {
    margin-top: 26.6666666667vw;
  }
}

.topEnvironment__inner {
  z-index: 10;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .topEnvironment__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.topEnvironment__blk {
  z-index: 10;
  position: relative;
  width: 100%;
  height: 53.8461538462vw;
  display: flex;
  flex-direction: column;
}

.topEnvironment__title {
  padding-top: 2.6923076923vw;
  margin-left: auto;
  margin-right: 12vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .topEnvironment__title {
    margin-left: 0;
    margin-right: 0;
    padding-top: 53.3333333333vw;
    align-items: flex-start;
  }
}
.topEnvironment__title .topTitle__en {
  width: 100%;
  max-width: 542px;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .topEnvironment__title .topTitle__en {
    margin-left: 5.0666666667vw;
    max-width: 72.2666666667vw;
  }
}
.topEnvironment__title .topTitle__ja {
  width: 100%;
  max-width: 226px;
  margin-left: 277px;
}
@media screen and (max-width: 1024px) {
  .topEnvironment__title .topTitle__ja {
    margin-top: -2.1333333333vw;
    max-width: 44.2666666667vw;
    margin-left: 0;
  }
}

.topEnvironment__bgImg {
  display: block;
  clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
  z-index: 1;
  top: 0;
  left: 0;
  width: 80.7692307692vw;
  height: 53.8461538462vw;
  min-width: 1050px;
  min-height: 700px;
  margin-right: -100vw;
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 1024px) {
  .topEnvironment__bgImg {
    clip-path: initial;
    width: 100vw;
    height: auto;
    min-width: initial;
    min-height: initial;
  }
}

.topEnvironment__buttons {
  margin-top: 90px;
  width: 400px;
  height: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 14.6153846154vw;
}
@media screen and (max-width: 1024px) {
  .topEnvironment__buttons {
    margin-top: 7.2vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.topEnvironment__button + .topEnvironment__button {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .topEnvironment__button + .topEnvironment__button {
    margin-top: 5.3333333333vw;
  }
}

.topSpecial {
  margin-top: -8.8461538462vw;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .topSpecial {
    margin-top: -10.6666666667vw;
  }
}

.topSpecial__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.topSpecial__inner {
  padding-top: 25.0769230769vw;
  padding-bottom: 10.7692307692vw;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  max-width: 880px;
}
@media screen and (max-width: 1024px) {
  .topSpecial__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .topSpecial__inner {
    padding-top: 32.5333333333vw;
    padding-bottom: 14.6666666667vw;
    max-width: 100%;
  }
}

.topSpecial__title .topTitle__en {
  max-width: 746px;
  margin-left: 31px;
}
@media screen and (max-width: 1024px) {
  .topSpecial__title .topTitle__en {
    max-width: 83.4666666667vw;
    margin-left: 4.8vw;
  }
}
.topSpecial__title .topTitle__ja {
  margin-top: -34px;
  max-width: 186px;
}
@media screen and (max-width: 1024px) {
  .topSpecial__title .topTitle__ja {
    margin-top: -4.8vw;
    max-width: 36.2666666667vw;
  }
}

.topSpecial__cards {
  margin-top: 2.8461538462vw;
  gap: 0 20px;
}
@media screen and (max-width: 1024px) {
  .topSpecial__cards {
    margin-top: 8vw;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}

.topRecuruitButton {
  margin-top: -12.2307692308vw;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .topRecuruitButton {
    margin-top: -24.6153846154vw;
  }
}

.topRecuruitButton__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .topRecuruitButton__bg {
    height: auto;
  }
}
.topRecuruitButton__bg img {
  object-fit: cover;
  width: 100%;
  height: calc(100% + 2px);
  object-position: 0 0;
}
@media screen and (max-width: 1024px) {
  .topRecuruitButton__bg img {
    object-fit: contain;
    height: auto;
  }
}

.topRecuruitButton__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-top: 19.7692307692vw;
  padding-bottom: 19.2307692308vw;
}
@media screen and (max-width: 1024px) {
  .topRecuruitButton__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .topRecuruitButton__inner {
    padding-top: 35.641025641vw;
    padding-bottom: 27.9487179487vw;
  }
}

.topRecuruitButton__button {
  max-width: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .topRecuruitButton__button {
    max-width: 100%;
  }
}

.occupation {
  position: relative;
  z-index: 100;
}

.occupation__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .occupation__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.occupation__lead {
  margin-top: -7.3076923077vw;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .occupation__lead {
    margin-top: -57.0666666667vw;
    font-size: 3.4666666667vw;
    line-height: 1.8461538462;
  }
}

.occupation__subtitle {
  max-width: 478px;
  width: 100%;
  margin: 70px auto 0;
}
@media screen and (max-width: 1024px) {
  .occupation__subtitle {
    max-width: 63.4666666667vw;
    width: 100%;
    margin: 5.6vw auto 0;
  }
}

.occupation__info {
  margin: 40px auto 0;
  padding: 25px 20px;
  background-image: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 160, 233, 0.2));
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .occupation__info {
    margin: 5.8666666667vw auto 0;
    font-size: 3.4666666667vw;
    line-height: 1.8461538462;
    padding: 7.2vw 5.3333333333vw;
    max-width: 86.6666666667vw;
  }
}

.occupation__kinds {
  max-width: 800px;
  margin: 70px auto 0;
}
@media screen and (max-width: 1024px) {
  .occupation__kinds {
    margin: 14.6666666667vw auto 0;
    max-width: 86.6666666667vw;
  }
}

.occupation__kinds--tech .occupation__kindshead {
  background-image: linear-gradient(90deg, #179CE1, #3EB3D8, #179CE1);
}
.occupation__kinds--tech .occupation__kindsBox {
  background-image: linear-gradient(90deg, #179CE1, #3EB3D8, #179CE1);
}
.occupation__kinds--tech .occupation__kindsTitle {
  max-width: 210px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .occupation__kinds--tech .occupation__kindsTitle {
    max-width: 23.7333333333vw;
  }
}
.occupation__kinds--tech .occupation__kindsSubtitle {
  max-width: 294px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .occupation__kinds--tech .occupation__kindsSubtitle {
    max-width: 65.0666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .occupation__kinds--tech .occupation__kindsList {
    left: 12.8vw;
  }
}

.occupation__kinds--humanities .occupation__kindshead {
  background-image: linear-gradient(90deg, #179CE1, #E185D1);
}
.occupation__kinds--humanities .occupation__kindsBox {
  background-image: linear-gradient(90deg, #179CE1, #E185D1);
}
.occupation__kinds--humanities .occupation__kindsTitle {
  max-width: 323px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .occupation__kinds--humanities .occupation__kindsTitle {
    max-width: 32.2666666667vw;
  }
}
.occupation__kinds--humanities .occupation__kindsSubtitle {
  max-width: 407px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .occupation__kinds--humanities .occupation__kindsSubtitle {
    max-width: 49.0666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .occupation__kinds--humanities .occupation__kindsList {
    margin: 8.8vw auto 0;
  }
}

.occupation__kindshead {
  padding: 18px 20px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .occupation__kindshead {
    padding: 4vw 5.3333333333vw;
  }
}

.occupation__kindsIcon01 {
  max-width: 67px;
  position: absolute;
  top: -21px;
  left: 76px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .occupation__kindsIcon01 {
    max-width: 16vw;
    top: -2.9333333333vw;
    left: 4.8vw;
  }
}

.occupation__kindsIcon02 {
  max-width: 80px;
  position: absolute;
  top: -12px;
  right: 70px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .occupation__kindsIcon02 {
    max-width: 19.4666666667vw;
    top: -2.4vw;
    right: 2.9333333333vw;
  }
}

.occupation__kindsBox {
  position: relative;
  z-index: 10;
  padding: 20px 20px 60px;
}
.occupation__kindsBox::after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 0;
  background-color: #fff;
  width: calc(100% - 8px);
  height: calc(100% - 4px);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .occupation__kindsBox::after {
    left: 1.0666666667vw;
    width: calc(100% - 2.1333333333vw);
    height: calc(100% - 1.0666666667vw);
  }
}
@media screen and (max-width: 1024px) {
  .occupation__kindsBox {
    padding: 4vw 5.3333333333vw 8.5333333333vw;
  }
}

.occupation__kindsSubtitle {
  max-width: 294px;
  margin: 0 auto;
}

.occupation__kindsList {
  margin: 30px auto 0;
  max-width: 750px;
  flex-wrap: wrap;
  gap: 10px 2%;
  position: relative;
  left: 30px;
}
@media screen and (max-width: 1024px) {
  .occupation__kindsList {
    margin: 4.2666666667vw auto 0;
    flex-direction: column;
    max-width: 100%;
    gap: 1.6vw 5%;
    left: 0;
  }
}

.occupation__kindsItem {
  width: 32%;
  font-size: 17px;
  line-height: 1.7647058824;
  letter-spacing: 0.05em;
  font-weight: 600;
  align-items: center;
  display: flex;
}
.occupation__kindsItem::before {
  content: "・";
  font-size: 17px;
  margin-right: 6px;
}
@media screen and (max-width: 1024px) {
  .occupation__kindsItem {
    font-size: 4.2666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 600;
    width: 100%;
  }
  .occupation__kindsItem::before {
    content: "・";
    font-size: 6.4vw;
    margin-right: 1.0666666667vw;
  }
}

.occupation__kindsItem--lsSmall {
  font-size: 15px;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 1024px) {
  .occupation__kindsItem--lsSmall {
    font-size: 4.2666666667vw;
    letter-spacing: 0.05em;
  }
}

.occupation__kindsItem--lsXSmall {
  font-size: 15px;
  letter-spacing: -0.08em;
}
@media screen and (max-width: 1024px) {
  .occupation__kindsItem--lsXSmall {
    font-size: 4.2666666667vw;
    letter-spacing: 0.06em;
  }
}

.occupation__detail {
  background-color: #179CE1;
  z-index: 10;
  position: relative;
  max-width: 800px;
  margin: 40px auto 0;
}
.occupation__detail::after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 4px;
  background-color: #fff;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .occupation__detail::after {
    left: 1.0666666667vw;
    top: 1.0666666667vw;
    width: calc(100% - 2.1333333333vw);
    height: calc(100% - 2.1333333333vw);
  }
}
@media screen and (max-width: 1024px) {
  .occupation__detail {
    max-width: 86.6666666667vw;
    margin: 14.6666666667vw auto 0;
  }
}

.occupation__detail--develop {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .occupation__detail--develop {
    margin-top: 18.6666666667vw;
  }
}
.occupation__detail--develop .occupation__detailTitle {
  max-width: 121px;
}
@media screen and (max-width: 1024px) {
  .occupation__detail--develop .occupation__detailTitle {
    max-width: 34.4vw;
  }
}

.occupation__detail--engineer .occupation__detailTitle {
  max-width: 149px;
}
@media screen and (max-width: 1024px) {
  .occupation__detail--engineer .occupation__detailTitle {
    max-width: 38.9333333333vw;
  }
}

.occupation__detail--humanities {
  background-image: url(../images/work/occupation/detail_bg01.png);
  background-size: 100% 100%;
}
@media screen and (max-width: 1024px) {
  .occupation__detail--humanities {
    background-image: url(../images/work/occupation/sp_detail_bg01.png);
  }
}
.occupation__detail--humanities .occupation__detailTitle {
  max-width: 69px;
}
@media screen and (max-width: 1024px) {
  .occupation__detail--humanities .occupation__detailTitle {
    max-width: 19.7333333333vw;
  }
}

.occupation__detail--corporate {
  background-image: url(../images/work/occupation/detail_bg01.png);
  background-size: 100% 100%;
}
@media screen and (max-width: 1024px) {
  .occupation__detail--corporate {
    background-image: url(../images/work/occupation/sp_detail_bg01.png);
  }
}
.occupation__detail--corporate .occupation__detailTitle {
  max-width: 159px;
}
@media screen and (max-width: 1024px) {
  .occupation__detail--corporate .occupation__detailTitle {
    max-width: 45.3333333333vw;
  }
}

.occupation__detailIcon {
  max-width: 63px;
  position: absolute;
  right: 57px;
  top: -10px;
}
@media screen and (max-width: 1024px) {
  .occupation__detailIcon {
    max-width: 17.3333333333vw;
    right: 5.8666666667vw;
    top: -1.3333333333vw;
  }
}

.occupation__detailInner {
  padding: 50px 55px;
  gap: 0 30px;
}
@media screen and (max-width: 1024px) {
  .occupation__detailInner {
    padding: 10.1333333333vw 8.5333333333vw 12.2666666667vw;
    gap: 5.6vw 0;
    flex-direction: column;
  }
}

.occupation__detailLeft {
  max-width: 375px;
}
@media screen and (max-width: 1024px) {
  .occupation__detailLeft {
    max-width: 100%;
  }
}

.occupation__detailTitle {
  max-width: 121px;
}
@media screen and (max-width: 1024px) {
  .occupation__detailTitle {
    max-width: 100%;
  }
}

.occupation__detailText {
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-weight: 400;
  border-top: 1px solid #000;
  padding-top: 16px;
  margin-top: 15px;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .occupation__detailText {
    font-size: 3.2vw;
    line-height: 1.9166666667;
    letter-spacing: 0.1em;
    padding-top: 4.8vw;
    margin-top: 4.2666666667vw;
    border-top: none;
    position: relative;
  }
  .occupation__detailText::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 49.3333333333vw;
    height: 1px;
    background-color: #000;
  }
}

.occupation__detailRight {
  max-width: 280px;
}
@media screen and (max-width: 1024px) {
  .occupation__detailRight {
    max-width: 100%;
  }
}

.occupation__detailphrase {
  max-width: 266px;
  margin: 32px auto 0;
}
@media screen and (max-width: 1024px) {
  .occupation__detailphrase {
    max-width: 72.2666666667vw;
    margin: 0 auto;
  }
}

.occupation__detailButton {
  margin-top: 13px;
}
@media screen and (max-width: 1024px) {
  .occupation__detailButton {
    margin-top: 4vw;
  }
}

.occupationButton {
  display: block;
}
.occupationButton + .occupationButton {
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  .occupationButton + .occupationButton {
    margin-top: 3.4666666667vw;
  }
}

.recommendButton-wrapper {
  height: 100%;
}

.recommendButton {
  margin-top: -13.0769230769vw;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .recommendButton {
    margin-top: 17.8666666667vw;
  }
}

.recommendButton__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .recommendButton__bg {
    height: auto;
    top: auto;
    bottom: 0;
  }
}
.recommendButton__bg img {
  object-fit: cover;
  object-position: 0 0;
  width: 100%;
  height: calc(100% + 2px);
}
@media screen and (max-width: 1024px) {
  .recommendButton__bg img {
    object-fit: contain;
    height: auto;
  }
}

.recommendButton__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-top: 23.7692307692vw;
  padding-bottom: 14.2307692308vw;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .recommendButton__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .recommendButton__inner {
    padding-top: 19.7435897436vw;
    padding-bottom: 37.1794871795vw;
  }
}

.recommendButton__phrase {
  margin: 0 auto 13px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #2882F0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .recommendButton__phrase {
    margin: 0 auto 3.2vw;
    font-size: 4.2666666667vw;
  }
}

.recommendButton__button {
  max-width: 400px;
  margin: 0 auto;
}
.recommendButton__button--large {
  max-width: 440px;
}
@media screen and (max-width: 1024px) {
  .recommendButton__button {
    max-width: 100%;
  }
}
.recommendButton__button--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.education__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .education__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.education__info {
  margin: -6.9230769231vw auto 0;
  padding: 25px 30px;
  background-image: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 160, 233, 0.2));
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  max-width: 680px;
}
@media screen and (max-width: 1024px) {
  .education__info {
    margin: -57.0666666667vw auto 0;
    font-size: 3.7333333333vw;
    line-height: 1.9285714286;
    padding: 7.2vw 8vw;
    max-width: 86.6666666667vw;
  }
}

.education__schedule {
  margin: 60px auto 0;
  max-width: 940px;
  position: static !important;
  overflow: initial !important;
}
@media screen and (max-width: 1024px) {
  .education__schedule {
    margin: 7.4666666667vw calc(50% - 50vw) 0;
    max-width: 100vw;
    position: relative !important;
    overflow: auto !important;
  }
}
@media screen and (max-width: 1024px) {
  .education__schedule img {
    width: 600px;
    max-width: initial;
  }
}

.education__system {
  max-width: 645px;
  margin: 95px auto 0;
}
@media screen and (max-width: 1024px) {
  .education__system {
    margin: 16vw auto 0;
  }
}

.education__systemItem + .education__systemItem {
  margin-top: 135px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem + .education__systemItem {
    margin-top: 17.3333333333vw;
  }
}

.education__systemItem--01 .education__systemTitle {
  max-width: 481px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--01 .education__systemTitle {
    max-width: 72.3076923077vw;
  }
}
.education__systemItem--01 .education__systemLead {
  max-width: 240px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--01 .education__systemLead {
    max-width: 56.9230769231vw;
  }
}

.education__systemItem--02 .education__systemTitle {
  max-width: 482px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--02 .education__systemTitle {
    max-width: 72.5641025641vw;
  }
}
.education__systemItem--02 .education__systemLead {
  max-width: 235px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--02 .education__systemLead {
    max-width: 68.7179487179vw;
  }
}

.education__systemItem--03 .education__systemTitle {
  max-width: 504px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--03 .education__systemTitle {
    max-width: 77.6923076923vw;
  }
}
.education__systemItem--03 .education__systemLead {
  max-width: 231px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--03 .education__systemLead {
    max-width: 60.7692307692vw;
  }
}

.education__systemItem--04 .education__systemTitle {
  max-width: 419px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--04 .education__systemTitle {
    max-width: 60.5128205128vw;
  }
}
.education__systemItem--04 .education__systemLead {
  max-width: 215px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--04 .education__systemLead {
    max-width: 63.5897435897vw;
  }
}

.education__systemItem--05 .education__systemTitle {
  max-width: 419px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--05 .education__systemTitle {
    max-width: 60.2564102564vw;
  }
}
.education__systemItem--05 .education__systemLead {
  max-width: 243px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--05 .education__systemLead {
    max-width: 80.7692307692vw;
  }
}

.education__systemItem--06 .education__systemTitle {
  max-width: 524px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--06 .education__systemTitle {
    max-width: 81.0256410256vw;
  }
}
.education__systemItem--06 .education__systemLead {
  max-width: 214px;
}
@media screen and (max-width: 1024px) {
  .education__systemItem--06 .education__systemLead {
    max-width: 57.4358974359vw;
  }
}

.education__systemColumns {
  margin-top: 21px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .education__systemColumns {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5.3846153846vw;
    gap: 5.1282051282vw 0;
  }
}

.education__systemLead {
  max-width: 225px;
  width: 100%;
}

.education__systemPhoto {
  max-width: 342px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .education__systemPhoto {
    max-width: initial;
  }
}

.education__systemText {
  margin-top: 25px;
  font-size: 15px;
  line-height: 1.7333333333;
  letter-spacing: 0.08em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .education__systemText {
    margin-top: 7.4666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.9285714286;
    letter-spacing: 0.05em;
  }
}

.future__blk {
  z-index: 10;
  height: 100vh;
  height: 100lvh;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .future__blk {
    background-image: url(../images/about/future/sp-blk_accentbg01.jpg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .future__blk > .fp-slides {
    position: relative;
    z-index: 100;
  }
}

.future__blkBg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  height: 100lvh;
  width: 100%;
  z-index: 1;
}
.future__blkBg img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .future__blkBg {
    position: relative;
    height: auto;
  }
}
.future__blkBg::after {
  content: "";
  display: block;
  background-color: rgba(65, 85, 85, 0.8);
  mix-blend-mode: multiply;
  position: absolute;
  transform: translateY(-50%);
  top: calc(50% - 136px);
  left: 0;
  width: calc(910px - (680px - 50vw));
  height: 270px;
  z-index: 1;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 73px) 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  .future__blkBg::after {
    width: 70.4vw;
    height: 24vw;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 6.4vw) 100%, 0% 100%);
    transform: initial;
    top: auto;
    bottom: -4.8vw;
  }
}

.future__blkInner {
  position: relative;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1000px;
  margin-left: auto;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .future__blkInner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .future__blkInner {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -19.4666666667vw;
    display: block;
  }
}

.future__blkTitle {
  position: relative;
  z-index: 10;
  height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .future__blkTitle {
    height: 24vw;
  }
}
.future__blkTitle--pb01 {
  padding-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .future__blkTitle--pb01 {
    padding-bottom: 0;
  }
}
.future__blkTitle img {
  width: 334px;
}
@media screen and (max-width: 1024px) {
  .future__blkTitle img {
    width: 52.8vw;
  }
}

.future__blkDetail {
  margin-top: -228px;
  position: relative;
  z-index: 100;
  min-height: 500px;
  padding: 65px 0 40px;
  margin-left: 250px;
}
@media screen and (max-width: 1024px) {
  .future__blkDetail {
    margin-top: -4.8vw;
    position: relative;
    z-index: 100;
    min-height: 105.3333333333vw;
    padding: 10.6666666667vw 0;
    margin-left: 0;
  }
}
.future__blkDetail::after {
  content: "";
  display: block;
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 0;
  right: calc(50% - 50vw);
  width: calc(690px - (50% - 50vw));
  height: 100%;
  z-index: -1;
  clip-path: polygon(134px 0, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  .future__blkDetail::after {
    width: 100vw;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
.future__blkDetail--ptSmall02 {
  padding-top: 45px;
}
@media screen and (max-width: 1024px) {
  .future__blkDetail--ptSmall02 {
    margin-top: -4.8vw;
    position: relative;
    z-index: 100;
    min-height: 105.3333333333vw;
    padding: 4.2666666667vw 0 6.4vw;
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .future__blkDetail--ptSmall {
    margin-top: -4.8vw;
    position: relative;
    z-index: 100;
    min-height: 105.3333333333vw;
    padding: 4.2666666667vw 0 6.4vw;
    margin-left: 0;
  }
}

.future__blkKinds {
  max-width: 309px;
  margin-left: 120px;
}
@media screen and (max-width: 1024px) {
  .future__blkKinds {
    max-width: 50.4vw;
    margin-left: 0;
  }
}
.future__blkKinds--02 {
  max-width: 405px;
}
@media screen and (max-width: 1024px) {
  .future__blkKinds--02 {
    max-width: 63.7333333333vw;
    margin-left: 0;
  }
}
.future__blkKinds--03 {
  max-width: 435px;
}
@media screen and (max-width: 1024px) {
  .future__blkKinds--03 {
    max-width: 68.5333333333vw;
    margin-left: 0;
  }
}
.future__blkKinds--04 {
  max-width: 317px;
}
@media screen and (max-width: 1024px) {
  .future__blkKinds--04 {
    max-width: 49.8666666667vw;
    margin-left: 0;
  }
}
.future__blkKinds--05 {
  max-width: 317px;
}
@media screen and (max-width: 1024px) {
  .future__blkKinds--05 {
    max-width: 50.1333333333vw;
    margin-left: 0;
  }
}

.future__blkText {
  max-width: 500px;
  margin-top: 26px;
  margin-left: 190px;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .future__blkText {
    max-width: initial;
    margin-top: 6.4vw;
    margin-left: 0;
    font-size: 3.4666666667vw;
    line-height: 1.9230769231;
    letter-spacing: 0.04em;
    font-weight: 500;
  }
}

.future__foot {
  position: relative;
  z-index: 1;
  height: 100vh;
  height: 100lvh;
  background-color: #fff;
}
.future__foot .recommendButton {
  margin-top: 0;
  height: calc(100vh - 436px);
  height: calc(100lvh - 436px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .future__foot .recommendButton {
    height: calc(100vh - 15.2vw);
    height: calc(100lvh - 15.2vw);
    height: calc(100% - 15.2vw);
  }
}
.future__foot .recommendButton__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-top: 23.7692307692vw;
  padding-bottom: 9.2307692308vw;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .future__foot .recommendButton__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .future__foot .recommendButton__inner {
    padding-top: 19.7435897436vw;
    padding-bottom: 37.1794871795vw;
  }
}
.future__foot .recommendButton__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .future__foot .recommendButton__bg {
    height: auto;
  }
}
.future__foot .recommendButton__bg img {
  object-fit: cover;
  object-position: 0 100%;
  width: 100%;
  height: calc(100% + 2px);
}
@media screen and (max-width: 1024px) {
  .future__foot .recommendButton__bg img {
    object-fit: contain;
  }
}

.interviews {
  position: relative;
  z-index: 100;
  margin-top: -7.3076923077vw;
}
@media screen and (max-width: 1024px) {
  .interviews {
    margin-top: -65.6vw;
  }
}
.interviews + .recommendButton {
  margin-top: -17.3333333333vw;
}
.interviews + .recommendButton .recommendButton__inner {
  padding-top: 34.1333333333vw;
}

.interviews__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  max-width: 920px;
}
@media screen and (max-width: 1024px) {
  .interviews__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.interviews__title {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.interviews__title::before, .interviews__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 1024px) {
  .interviews__title {
    gap: 0 4.2666666667vw;
  }
}

.interviews__titleInner {
  flex-shrink: 0;
  width: 99px;
}
@media screen and (max-width: 1024px) {
  .interviews__titleInner {
    width: 19.7333333333vw;
  }
}

.interviews__columns.columns {
  max-width: 800px;
  margin: 54px auto 0;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .interviews__columns.columns {
    max-width: 82.6666666667vw;
    margin-top: 9.3333333333vw;
    gap: 3.2vw;
  }
}

.interviews__columnsItem.columns__item {
  max-width: 252px;
}
@media screen and (max-width: 1024px) {
  .interviews__columnsItem.columns__item {
    max-width: 39.7333333333vw;
  }
}

.interviewsCard__bgImg {
  display: block;
  width: 100%;
}

.threeMinutes {
  margin-top: -7.3076923077vw;
  z-index: 100;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .threeMinutes {
    margin-top: -65.6vw;
  }
}
@media screen and (max-width: 1024px) {
  .threeMinutes + .recommendButton {
    margin-top: 19.2vw;
  }
}
@media screen and (max-width: 1024px) {
  .threeMinutes + .recommendButton .recommendButton__inner {
    padding-top: 11.2vw;
    padding-bottom: 39.7333333333vw;
  }
}

.threeMinutes__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  max-width: 920px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .threeMinutes__inner {
    max-width: initial;
  }
}

.threeMinutes__title {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.threeMinutes__title::before, .threeMinutes__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__title {
    gap: 0 4.2666666667vw;
  }
}

.threeMinutes__titleInner {
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__titleInner {
    width: 100%;
    max-width: 19.2vw;
  }
}

.threeMinutes__columns.columns {
  max-width: 800px;
  margin: 54px auto 0;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__columns.columns {
    max-width: 82.6666666667vw;
    margin-top: 9.3333333333vw;
    gap: 3.2vw;
  }
}

.threeMinutes__columnsItem.columns__item {
  max-width: 252px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__columnsItem.columns__item {
    max-width: 39.7333333333vw;
  }
}

.threeMinutesCard__bgImg {
  display: block;
  width: 100%;
}

.threeMinutes__lead {
  margin-top: -7.9166666667vw;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__lead {
    margin-top: -52.8vw;
  }
}

.threeMinutes__subtitle {
  max-width: 321px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__subtitle {
    max-width: 65.3333333333vw;
    width: 100%;
    margin: 0 auto 0;
  }
}
.threeMinutes__subtitle--02 {
  max-width: 560px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__subtitle--02 {
    max-width: 87.7333333333vw;
  }
}
.threeMinutes__subtitle--03 {
  max-width: 433px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__subtitle--03 {
    max-width: 58.9333333333vw;
  }
}
.threeMinutes__subtitle--04 {
  max-width: 465px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__subtitle--04 {
    max-width: 61.3333333333vw;
  }
}
.threeMinutes__subtitle--05 {
  max-width: 367px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__subtitle--05 {
    max-width: 74.9333333333vw;
  }
}

.threeMinutes__info {
  margin: 40px auto 0;
  padding: 25px 30px;
  background-image: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 160, 233, 0.2));
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info {
    margin: 5.8666666667vw auto 0;
    font-size: 3.4666666667vw;
    line-height: 1.8461538462;
    padding: 7.2vw 8vw;
    max-width: 86.6666666667vw;
  }
}
.threeMinutes__info--01 {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--01 {
    margin-top: 2.6666666667vw;
  }
}
.threeMinutes__info--02 {
  padding: 35px 30px;
  margin-top: 60px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--02 {
    padding: 5.8666666667vw 8vw 7.4666666667vw;
    margin-top: 12vw;
  }
}
.threeMinutes__info--02 .threeMinutes__infoStrong {
  max-width: 502px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--02 .threeMinutes__infoStrong {
    margin-top: 2.6666666667vw;
    max-width: 56vw;
  }
}
.threeMinutes__info--03 {
  padding: 30px 30px 40px;
  margin-top: 34px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--03 {
    padding: 6.6666666667vw 8vw;
    margin-top: 8vw;
  }
}
.threeMinutes__info--03 .threeMinutes__infoTitle {
  max-width: 93px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--03 .threeMinutes__infoTitle {
    max-width: 16vw;
  }
}
.threeMinutes__info--03 .threeMinutes__infoStrong {
  max-width: 404px;
  margin: 16px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--03 .threeMinutes__infoStrong {
    margin: 4vw auto 0;
    max-width: 44.2666666667vw;
  }
}
.threeMinutes__info--03 .threeMinutes__infoText {
  margin-top: 10px;
}
.threeMinutes__info--04 {
  padding: 30px 30px 40px;
  margin-top: 23px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--04 {
    padding: 6.6666666667vw 8vw;
    margin-top: 4.2666666667vw;
  }
}
.threeMinutes__info--04 .threeMinutes__infoTitle {
  max-width: 93px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--04 .threeMinutes__infoTitle {
    max-width: 16vw;
  }
}
.threeMinutes__info--04 .threeMinutes__infoStrong {
  max-width: 456px;
  margin: 16px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--04 .threeMinutes__infoStrong {
    margin: 4vw auto 0;
    max-width: 66.1333333333vw;
  }
}
.threeMinutes__info--04 .threeMinutes__infoText {
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--05 {
    margin-top: 2.6666666667vw;
  }
}
.threeMinutes__info--06 {
  padding: 15px 30px 30px;
  margin-top: 31px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--06 {
    margin-top: 8.5333333333vw;
    padding: 5.8666666667vw 8vw 7.2vw;
  }
}
.threeMinutes__info--06 .threeMinutes__infoTitle {
  max-width: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--06 .threeMinutes__infoTitle {
    max-width: 20vw;
  }
}
.threeMinutes__info--06 .threeMinutes__infoText {
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--06 .threeMinutes__infoText {
    margin-top: 2.6666666667vw;
  }
}
.threeMinutes__info--07 {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--07 {
    margin-top: 13.3333333333vw;
    padding-left: 0;
    padding-right: 0;
  }
}
.threeMinutes__info--07 .threeMinutes__infoStrong {
  max-width: 444px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--07 .threeMinutes__infoStrong {
    max-width: 79.2vw;
  }
}
.threeMinutes__info--08 {
  padding: 50px 30px 60px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--08 {
    padding: 13.3333333333vw 5.8666666667vw 10.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.9285714286;
    letter-spacing: 0.05em;
  }
}
.threeMinutes__info--08 .threeMinutes__infoImg {
  display: block;
  max-width: 500px;
  margin: 30px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--08 .threeMinutes__infoImg {
    margin-top: 1.3333333333vw;
  }
}
.threeMinutes__info--08 .threeMinutes__infoText {
  margin: 20px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__info--08 .threeMinutes__infoText {
    margin-top: 6.4vw;
  }
}
.threeMinutes__info--08 .threeMinutes__infoText:first-child {
  margin-top: 0;
}
.threeMinutes__info .threeMinutes__infoStrong {
  display: block;
}
.threeMinutes__info .threeMinutes__infoTitle {
  display: block;
}
.threeMinutes__info .threeMinutes__infoText {
  display: block;
}

.threeMinutes__infoNotice {
  margin: 10px auto 0;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  font-weight: 400;
  max-width: 420px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__infoNotice {
    margin-top: 2.6666666667vw;
    font-size: 2.6666666667vw;
    line-height: 1.4;
    max-width: 68vw;
  }
}

.threeMinutes__title {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.threeMinutes__title::before, .threeMinutes__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__title {
    margin-top: 9.8666666667vw;
    gap: 0 4.2666666667vw;
  }
}

.threeMinutes__examples {
  margin-top: 46px;
  padding-bottom: 46px;
  border-bottom: 2px solid #415555;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__examples {
    margin-top: 7.4666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}

.threeMinutes__examplesList {
  gap: 10px;
  margin: 46px auto 0;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__examplesList {
    flex-wrap: wrap;
    margin: 7.4666666667vw auto 0;
    gap: 5.3333333333vw 6.6666666667vw;
  }
}

.threeMinutes__examplesItem {
  max-width: 180px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__examplesItem {
    max-width: 32vw;
    width: 100%;
  }
}

.threeMinutes__examplesText--01 {
  max-width: 64px;
  margin: 13px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__examplesText--01 {
    max-width: 11.2vw;
    margin: 1.6vw auto 0;
  }
}
.threeMinutes__examplesText--02 {
  max-width: 85px;
  margin: 13px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__examplesText--02 {
    max-width: 15.2vw;
    margin: 1.6vw auto 0;
  }
}
.threeMinutes__examplesText--03 {
  max-width: 84px;
  margin: 13px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__examplesText--03 {
    max-width: 14.9333333333vw;
    margin: 1.6vw auto 0;
  }
}
.threeMinutes__examplesText--04 {
  max-width: 164px;
  margin: 13px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__examplesText--04 {
    max-width: 26.9333333333vw;
    margin: 1.6vw auto 0;
  }
}

.threeMinutes__button {
  max-width: 400px;
  margin: 54px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__button {
    margin-top: 8vw;
    max-width: 100%;
  }
}

.threeMinutes__buttonPhrase {
  margin: 0 auto 13px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #2882F0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__buttonPhrase {
    margin: 0 auto 3.2vw;
    font-weight: 500;
    font-size: 3.4666666667vw;
  }
}

.threeMinutesSlide {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.threeMinutesSlide__inner {
  align-items: flex-start;
  justify-content: center;
  gap: 0 45px;
  padding: 55px 0 65px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__inner {
    flex-direction: column-reverse;
    gap: 2.6666666667vw 0;
    padding: 6.6666666667vw 8vw 17.3333333333vw;
  }
}

.threeMinutesSlide__left {
  max-width: 300px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__left {
    max-width: initial;
    width: 100%;
  }
}

.threeMinutesSlide__right {
  max-width: 350px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__right {
    max-width: initial;
    width: 100%;
  }
}

.threeMinutesSlide__title {
  padding-bottom: 12px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__title {
    padding-bottom: 2.6666666667vw;
    min-height: 18.1333333333vw;
  }
}

.threeMinutesSlide__titleInner {
  display: block;
}

.threeMinutesSlide__title--01 .threeMinutesSlide__titleInner {
  max-width: 328px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__title--01 .threeMinutesSlide__titleInner {
    max-width: 68.5333333333vw;
  }
}

.threeMinutesSlide__title--02 .threeMinutesSlide__titleInner {
  max-width: 185px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__title--02 .threeMinutesSlide__titleInner {
    max-width: 38.4vw;
  }
}

.threeMinutesSlide__title--03 .threeMinutesSlide__titleInner {
  max-width: 228px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__title--03 .threeMinutesSlide__titleInner {
    max-width: 47.7333333333vw;
  }
}

.threeMinutesSlide__title--04 .threeMinutesSlide__titleInner {
  max-width: 284px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__title--04 .threeMinutesSlide__titleInner {
    max-width: 58.9333333333vw;
  }
}

.threeMinutesSlide__title--05 .threeMinutesSlide__titleInner {
  max-width: 325px;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__title--05 .threeMinutesSlide__titleInner {
    max-width: 67.4666666667vw;
  }
}

.threeMinutesSlide__text {
  margin-top: 26px;
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .threeMinutesSlide__text {
    margin-top: 4.8vw;
    min-height: 72.5333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.9285714286;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-align: justify;
  }
}

.threeMinutes__philosophy {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__philosophy {
    margin-top: 17.0666666667vw;
  }
}

.threeMinutes__service {
  margin-top: 105px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service {
    margin-top: 21.3333333333vw;
  }
}
.threeMinutes__service .threeMinutes__arrow {
  margin-top: 31px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__arrow {
    margin-top: 8.8vw;
  }
}
.threeMinutes__service .threeMinutes__arrow::after {
  margin: 0 auto;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 20px solid #555555;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__arrow::after {
    border-right: 6.1333333333vw solid transparent;
    border-left: 6.1333333333vw solid transparent;
    border-top: 8vw solid #555555;
  }
}
.threeMinutes__service .threeMinutes__examples {
  margin-top: 78px;
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examples {
    margin-top: 12vw;
  }
}
.threeMinutes__service .threeMinutes__examplesList {
  gap: 43px;
  margin: 46px auto 0;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesList {
    gap: 8vw;
  }
}
.threeMinutes__service .threeMinutes__examplesItem {
  max-width: 198px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesItem {
    max-width: 38.6666666667vw;
  }
}
.threeMinutes__service .threeMinutes__examplesImg {
  max-width: 180px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesImg {
    max-width: 32vw;
  }
}
.threeMinutes__service .threeMinutes__examplesText {
  margin: 13px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesText {
    margin-top: 4.8vw;
  }
}
.threeMinutes__service .threeMinutes__examplesText--05 {
  max-width: 87px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesText--05 {
    max-width: 21.3333333333vw;
  }
}
.threeMinutes__service .threeMinutes__examplesText--06 {
  max-width: 157px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesText--06 {
    max-width: 38.1333333333vw;
  }
}
.threeMinutes__service .threeMinutes__examplesText--07 {
  max-width: 111px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesText--07 {
    max-width: 26.9333333333vw;
  }
}
.threeMinutes__service .threeMinutes__examplesText--08 {
  max-width: 110px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesText--08 {
    max-width: 26.9333333333vw;
  }
}
.threeMinutes__service .threeMinutes__examplesText--09 {
  max-width: 43px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesText--09 {
    max-width: 10.1333333333vw;
  }
}
.threeMinutes__service .threeMinutes__examplesText--10 {
  max-width: 108px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesText--10 {
    max-width: 26.1333333333vw;
  }
}
.threeMinutes__service .threeMinutes__examplesDetail {
  display: block;
  margin-top: 13px;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.09em;
  font-weight: 400;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__service .threeMinutes__examplesDetail {
    margin-top: 3.4666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.7857142857;
    letter-spacing: 0.09em;
    font-weight: 400;
  }
}

.threeMinutes__people {
  margin-top: 95px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__people {
    margin-top: 21.6vw;
  }
}
.threeMinutes__people .threeMinutes__peopleImg {
  max-width: 864px;
  margin: 40px -2px 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__people .threeMinutes__peopleImg {
    max-width: 92vw;
    margin: 6.4vw -2.6666666667vw 0;
  }
}
.threeMinutes__people .threeMinutes__button {
  max-width: 400px;
  margin: 40px auto 0;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__people .threeMinutes__button {
    margin-top: 12vw;
    max-width: 100%;
  }
}

.threeMinutes__culture {
  margin-top: 95px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__culture {
    margin-top: 22.6666666667vw;
  }
}

.threeMinutes__message {
  margin: 120px auto 0;
  max-width: 507px;
}
@media screen and (max-width: 1024px) {
  .threeMinutes__message {
    margin: 18.9333333333vw -1.3333333333vw 0;
    max-width: 89.0666666667vw;
  }
}

.topmessage__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-top: 110px;
}
@media screen and (max-width: 1024px) {
  .topmessage__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .topmessage__inner {
    padding-top: 24vw;
  }
}

.topmessage__blk {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topmessage__blk + .topmessage__blk {
  margin-top: 60px;
}
@media screen and (max-width: 1024px) {
  .topmessage__blk + .topmessage__blk {
    margin-top: 17.3333333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .topmessage__blk--mtOther {
    margin-top: 4vw;
  }
}

.topmessage__blkTitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5833333333;
  letter-spacing: 0.15em;
  max-width: 560px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .topmessage__blkTitle {
    font-size: 4.8vw;
    line-height: 1.5833333333;
    letter-spacing: 0.2em;
    max-width: initial;
    text-align: left;
    margin-right: auto;
  }
}

.topmessage__blkText {
  margin-top: 35px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.1428571429;
  letter-spacing: 0.11em;
  max-width: 760px;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .topmessage__blkText {
    margin-top: 8vw;
    font-size: 3.7333333333vw;
    font-weight: 500;
    line-height: 1.5833333333;
    letter-spacing: 0.12em;
    max-width: 74.6666666667vw;
    margin-right: auto;
  }
}

@media screen and (max-width: 1024px) {
  .topmessage__blkTitle--tar {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .topmessage__blkText--tar {
    margin-left: auto;
    margin-right: 0;
  }
}

.topmessage__photo {
  margin-top: 100px;
  position: relative;
  max-width: 760px;
  margin: 100px auto 0;
  padding-bottom: 117px;
}
@media screen and (max-width: 1024px) {
  .topmessage__photo {
    margin-top: 17.3333333333vw;
    max-width: 84vw;
    padding-bottom: 20vw;
  }
}

.topmessage__photoInner {
  display: block;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

.topmessage__photoBg {
  position: absolute;
  width: 908px;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .topmessage__photoBg {
    width: 105.8666666667vw;
    top: -1.6vw;
    left: -1.6vw;
  }
}

.topmessage__photo--bgLeft .topmessage__photoBg {
  position: absolute;
  width: 908px;
  top: 10px;
  left: auto;
  right: 10px;
}
@media screen and (max-width: 1024px) {
  .topmessage__photo--bgLeft .topmessage__photoBg {
    width: 105.8666666667vw;
    top: -1.6vw;
    right: -1.6vw;
  }
}

.information {
  margin-top: -8.4615384615vw;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .information {
    margin-top: -74.6666666667vw;
  }
}

.information__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
  position: relative;
  padding-bottom: 312px;
}
@media screen and (max-width: 1024px) {
  .information__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .information__inner {
    padding-bottom: 34.4vw;
  }
}

.information__linkList {
  max-width: 730px;
  margin: 0 auto;
  gap: 0 20px;
}
@media screen and (max-width: 1024px) {
  .information__linkList {
    max-width: 61.3333333333vw;
    flex-direction: column;
    gap: 4vw 0;
  }
}

.information__linkItem {
  max-width: 230px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .information__linkItem {
    max-width: initial;
  }
}

.mainButton__arrow--90deg {
  right: 18px;
  top: 45%;
  width: 9px;
  height: 9px;
  transform: translate(-25%, -50%) rotate(135deg);
}
@media screen and (max-width: 1024px) {
  .mainButton__arrow--90deg {
    right: 4.8vw;
    width: 2.4vw;
    height: 2.4vw;
  }
}

.information__parson {
  margin-top: 73px;
}
@media screen and (max-width: 1024px) {
  .information__parson {
    margin-top: 12.5333333333vw;
  }
}
.information__parson .information__subtitle {
  max-width: 245px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .information__parson .information__subtitle {
    max-width: 44.5333333333vw;
  }
}

.information__lead {
  margin: 40px auto 0;
  padding: 25px 20px;
  background-image: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 160, 233, 0.2));
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  max-width: 680px;
}
@media screen and (max-width: 1024px) {
  .information__lead {
    margin: 0.5333333333vw auto 0;
    font-size: 3.7333333333vw;
    line-height: 1.8461538462;
    padding: 4.5333333333vw 5.3333333333vw 5.3333333333vw;
    max-width: 84vw;
  }
}

.information__parsonList {
  max-width: 570px;
  margin: 56px auto 0;
}
@media screen and (max-width: 1024px) {
  .information__parsonList {
    max-width: 84vw;
    margin: 25.3333333333vw auto 0;
  }
}

.information__parsonItem + .information__parsonItem {
  margin-top: 45px;
}

.information__parsonTitle {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1024px) {
  .information__parsonTitle {
    padding-bottom: 2.6666666667vw;
  }
}
.information__parsonTitle--01 .information__parsonTitleInner {
  max-width: 435px;
}
@media screen and (max-width: 1024px) {
  .information__parsonTitle--01 .information__parsonTitleInner {
    max-width: 58.4vw;
  }
}
.information__parsonTitle--02 .information__parsonTitleInner {
  max-width: 556px;
}
@media screen and (max-width: 1024px) {
  .information__parsonTitle--02 .information__parsonTitleInner {
    max-width: 84vw;
  }
}
.information__parsonTitle--03 .information__parsonTitleInner {
  max-width: 563px;
}
@media screen and (max-width: 1024px) {
  .information__parsonTitle--03 .information__parsonTitleInner {
    max-width: 77.3333333333vw;
  }
}

.information__parsonTitleInner {
  display: block;
}

.information__parsonText {
  margin-top: 21px;
  font-size: 15px;
  line-height: 1.7333333333;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .information__parsonText {
    margin-top: 5.6vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0.1em;
  }
}

.information__parsonRequirements {
  margin-top: 89px;
}
@media screen and (max-width: 1024px) {
  .information__parsonRequirements {
    margin-top: 20.2666666667vw;
  }
}

.information__parsonRequirementsTitle {
  max-width: 105px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .information__parsonRequirementsTitle {
    max-width: 34.4vw;
  }
}

.information__parsonRequirementsTable {
  max-width: 570px;
  margin: 22px auto 0;
}
@media screen and (max-width: 1024px) {
  .information__parsonRequirementsTable {
    max-width: 86.6666666667vw;
    margin-top: 4vw;
  }
}

.tableRequirements {
  border: 2px solid #415555;
  width: 100%;
}

.tableRequirements__tr {
  display: flex;
}
.tableRequirements__tr:last-child .tableRequirements__th,
.tableRequirements__tr:last-child .tableRequirements__td {
  border-bottom: none;
}

.tableRequirements__th {
  background-color: #415555;
  padding: 15px 25px;
  width: 130px;
  flex-shrink: 0;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #fff;
  border-bottom: 1px solid #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .tableRequirements__th {
    padding: 4vw 4vw;
    width: 24.5333333333vw;
    font-size: 3.7333333333vw;
  }
}

.tableRequirements__td {
  width: 100%;
  padding: 15px 20px;
  font-size: 15px;
  line-height: 1.7333333333;
  letter-spacing: 0.05em;
  font-weight: 500;
  border-bottom: 1px solid #415555;
}
@media screen and (max-width: 1024px) {
  .tableRequirements__td {
    padding: 4vw 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}

.tableRequirements__notice {
  display: block;
  padding-left: calc(1em + 2px);
  text-indent: calc(-1em - 2px);
}
@media screen and (max-width: 1024px) {
  .tableRequirements__notice {
    padding-left: calc(1em + 0.5333333333vw);
    text-indent: calc(-1em - 0.5333333333vw);
  }
}
.tableRequirements__notice::before {
  content: "※";
  margin-right: 2px;
}
@media screen and (max-width: 1024px) {
  .tableRequirements__notice::before {
    margin-right: 0.5333333333vw;
  }
}

.tableRequirements__dot {
  display: block;
  padding-left: calc(1em + 2px);
  text-indent: calc(-1em - 2px);
}
@media screen and (max-width: 1024px) {
  .tableRequirements__dot {
    padding-left: calc(1em + 0.5333333333vw);
    text-indent: calc(-1em - 0.5333333333vw);
  }
}
.tableRequirements__dot::before {
  content: "・";
  margin-left: 3px;
  margin-right: 5px;
}
@media screen and (max-width: 1024px) {
  .tableRequirements__dot::before {
    margin-left: 0.8vw;
    margin-right: 1.3333333333vw;
  }
}

.tableRequirements__link {
  color: #0091DA;
  text-decoration: underline;
}
.tableRequirements__link:hover {
  text-decoration: none;
}

.information__flow {
  margin-top: 86px;
}
@media screen and (max-width: 1024px) {
  .information__flow {
    margin-top: 16vw;
  }
}
.information__flow .information__subtitle {
  max-width: 195px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .information__flow .information__subtitle {
    max-width: 37.0666666667vw;
  }
}

.information__flowImg {
  max-width: 800px;
  margin: 20px auto 0;
}
@media screen and (max-width: 1024px) {
  .information__flowImg {
    max-width: inherit;
    margin: 3.2vw calc(50% - 50vw) 0;
  }
}

.information__faq {
  margin: 46px auto 0;
  max-width: 650px;
}
@media screen and (max-width: 1024px) {
  .information__faq {
    margin-top: 12.5333333333vw;
  }
}
.information__faq .information__subtitle {
  max-width: 105px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .information__faq .information__subtitle {
    max-width: 20vw;
  }
}

.information__faqRecruit {
  margin-top: 60px;
}
@media screen and (max-width: 1024px) {
  .information__faqRecruit {
    margin-top: 8.2666666667vw;
  }
}

.information__faqTitle--recruit {
  max-width: 196px;
}
@media screen and (max-width: 1024px) {
  .information__faqTitle--recruit {
    max-width: 44vw;
  }
}

.information__faqBlk {
  border-bottom: 2px solid #262626;
}

.information__faqHead {
  padding: 15px 0;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 0 12px;
}
@media screen and (max-width: 1024px) {
  .information__faqHead {
    padding: 4vw 0;
    gap: 0 3.2vw;
  }
}

.information__faqHeadIcon {
  display: block;
  margin-top: 11px;
  flex-shrink: 0;
}

.information__faqHeadIcon--01 {
  max-width: 41px;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadIcon--01 {
    max-width: 10.9333333333vw;
  }
}

.information__faqHeadIcon--02 {
  max-width: 45px;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadIcon--02 {
    max-width: 12vw;
  }
}

.information__faqHeadIcon--03 {
  max-width: 44px;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadIcon--03 {
    max-width: 11.7333333333vw;
  }
}

.information__faqHeadIcon--04 {
  max-width: 46px;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadIcon--04 {
    max-width: 12.2666666667vw;
  }
}

.information__faqHeadIcon--05 {
  max-width: 43px;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadIcon--05 {
    max-width: 11.4666666667vw;
  }
}

.information__faqHeadText {
  margin-top: 5px;
  font-size: 19px;
  line-height: 1.5263157895;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadText {
    margin-top: 2.1333333333vw;
    font-size: 4vw;
  }
}

.information__faqHeadPlus {
  background-color: #0096DF;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-left: auto;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadPlus {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
  }
}
.information__faqHeadPlus::before, .information__faqHeadPlus::after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 15px;
  height: 1px;
  background-color: #fff;
  transition: all 0.3s;
}
@media screen and (max-width: 1024px) {
  .information__faqHeadPlus::before, .information__faqHeadPlus::after {
    width: 4vw;
  }
}
.information__faqHeadPlus::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.information__faqHead.is-active > .information__faqHeadPlus::before {
  transform: translate(-50%, -50%) rotate(0);
}

.information__faqContent {
  padding-bottom: 34px;
  padding-right: 70px;
}
@media screen and (max-width: 1024px) {
  .information__faqContent {
    padding-bottom: 6.6666666667vw;
    padding-right: 0;
  }
}

.information__faqContentText {
  font-size: 15px;
  line-height: 1.7333333333;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .information__faqContentText {
    font-size: 3.4666666667vw;
  }
}

.information__faqContentBtn {
  display: block;
  margin-top: 12px;
  max-width: 230px;
  font-size: 13px;
  line-height: 1.5384615385;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
  background-color: #4B4B4B;
  border-radius: 50px;
  padding: 15px 20px 15px 20px;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .information__faqContentBtn {
    margin-top: 3.2vw;
    max-width: 53.3333333333vw;
    font-size: 3.2vw;
    line-height: 1.5384615385;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-align: center;
    background-color: #4B4B4B;
    border-radius: 13.3333333333vw;
    padding: 3.2vw 5.3333333333vw 3.2vw 5.3333333333vw;
  }
}

.information__faqContentArrow {
  right: 20px;
  width: 9px;
  height: 9px;
}
@media screen and (max-width: 1024px) {
  .information__faqContentArrow {
    right: 4vw;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
  }
}

.information__faqWork {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .information__faqWork {
    margin-top: 13.3333333333vw;
  }
}

.information__faqTitle--work {
  max-width: 196px;
}
@media screen and (max-width: 1024px) {
  .information__faqTitle--work {
    max-width: 44vw;
  }
}

.information__faqPlace {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .information__faqPlace {
    margin-top: 13.3333333333vw;
  }
}

.information__faqTitle--place {
  max-width: 296px;
}
@media screen and (max-width: 1024px) {
  .information__faqTitle--place {
    max-width: 66.9333333333vw;
  }
}

.information__faqEducation {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .information__faqEducation {
    margin-top: 13.3333333333vw;
  }
}

.information__faqTitle--education {
  max-width: 325px;
}
@media screen and (max-width: 1024px) {
  .information__faqTitle--education {
    max-width: 72.2666666667vw;
  }
}

.information__faqBenefits {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .information__faqBenefits {
    margin-top: 13.3333333333vw;
  }
}

.information__faqTitle--benefits {
  max-width: 146px;
}
@media screen and (max-width: 1024px) {
  .information__faqTitle--benefits {
    max-width: 33.3333333333vw;
  }
}

.information__bg {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 10;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .information__bg {
    height: auto;
    bottom: -0.5333333333vw;
  }
}
.information__bg img {
  object-fit: cover;
  object-position: 0 0;
  width: 100%;
  height: calc(100% + 2px);
}
@media screen and (max-width: 1024px) {
  .information__bg img {
    object-fit: contain;
    height: auto;
  }
}

.welfare {
  position: relative;
  z-index: 100;
  margin-top: -6.5384615385vw;
}
@media screen and (max-width: 1024px) {
  .welfare {
    margin-top: -76vw;
  }
}
@media screen and (max-width: 1024px) {
  .welfare + .recommendButton {
    margin-top: 10.6666666667vw;
  }
  .welfare + .recommendButton .recommendButton__inner {
    padding-bottom: 24.8vw;
  }
  .welfare + .recommendButton .recommendButton__bg {
    top: auto;
    bottom: 0;
  }
}

.welfare__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .welfare__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.welfare__workstyle .welfare__subtitle {
  max-width: 260px;
}
@media screen and (max-width: 1024px) {
  .welfare__workstyle .welfare__subtitle {
    max-width: 49.8666666667vw;
  }
}

.welfare__subtitle {
  margin: 0 auto;
}

.welfare__table01 {
  max-width: 740px;
  margin: 42px auto 0;
}
@media screen and (max-width: 1024px) {
  .welfare__table01 {
    max-width: 84vw;
    margin-top: 1.3333333333vw;
  }
}

.welfare__ruleList {
  display: flex;
  max-width: 740px;
  margin: 80px auto 0;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleList {
    flex-direction: column;
    max-width: initial;
    margin: 14.1333333333vw auto 0;
    gap: 12vw 0;
  }
}

.welfare__ruleItem {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleItem {
    width: 100%;
  }
}

.welfare__ruleItem:nth-child(1) .welfare__ruleTitle {
  max-width: 193px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleItem:nth-child(1) .welfare__ruleTitle {
    max-width: 48.8vw;
  }
}
.welfare__ruleItem:nth-child(1) .welfare__ruleText {
  position: relative;
  left: -20px;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleItem:nth-child(1) .welfare__ruleText {
    left: auto;
  }
}

.welfare__ruleItem:nth-child(2) .welfare__ruleTitle {
  max-width: 126px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleItem:nth-child(2) .welfare__ruleTitle {
    max-width: 32vw;
  }
}

.welfare__ruleArrow {
  margin-top: 12px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleArrow {
    margin-top: 2.4vw;
  }
}
.welfare__ruleArrow::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 13px solid #324443;
  border-bottom: 0;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleArrow::after {
    border-right: 1.8666666667vw solid transparent;
    border-left: 1.8666666667vw solid transparent;
    border-top: 2.6666666667vw solid #324443;
  }
}

.welfare__ruleIllust01 {
  max-width: 342px;
  margin: 8px auto 0;
  position: relative;
  left: -15px;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleIllust01 {
    margin: -1.3333333333vw auto 0;
    max-width: 75.4666666667vw;
    left: auto;
  }
}

.welfare__ruleIllust02 {
  max-width: 298px;
  margin: 8px auto 0;
  right: -15px;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleIllust02 {
    margin: 2.1333333333vw auto 0;
    max-width: 70.1333333333vw;
    right: auto;
  }
}

.welfare__ruleText {
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  font-weight: 500;
  max-width: 290px;
  margin: 19px auto 0;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .welfare__ruleText {
    font-size: 3.4666666667vw;
    line-height: 1.6666666667;
    letter-spacing: 0.04em;
    font-weight: 500;
    max-width: 78.6666666667vw;
    margin-top: 4vw;
  }
}

.welfare__voiceList {
  max-width: 574px;
  margin: 50px auto 0;
}
@media screen and (max-width: 1024px) {
  .welfare__voiceList {
    margin-top: 5.3333333333vw;
    max-width: 78.1333333333vw;
  }
}

.welfare__voiceItem {
  display: flex;
  justify-content: space-between;
}
.welfare__voiceItem + .welfare__voiceItem {
  margin-top: 28px;
}
@media screen and (max-width: 1024px) {
  .welfare__voiceItem + .welfare__voiceItem {
    margin-top: 6.1333333333vw;
  }
}

.welfare__voiceIcon {
  max-width: 70px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .welfare__voiceIcon {
    max-width: 16vw;
  }
}

.welfare__voiceText {
  padding: 17px 23px;
  max-width: 490px;
  background-color: #D1ECFA;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.12em;
  font-weight: 500;
  text-align: justify;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .welfare__voiceText {
    border-radius: 2.1333333333vw;
    padding: 3.4666666667vw 4vw;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    letter-spacing: 0.02em;
    font-weight: 500;
    max-width: 60vw;
    margin-top: 2.6666666667vw;
  }
}
.welfare__voiceText::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 15px solid #d1ecfa;
  border-left: 0;
  left: -15px;
  top: 25px;
}
@media screen and (max-width: 1024px) {
  .welfare__voiceText::after {
    border-top: 1.8666666667vw solid transparent;
    border-bottom: 1.8666666667vw solid transparent;
    border-right: 2.9333333333vw solid #d1ecfa;
    border-left: 0;
    left: -2.9333333333vw;
    top: 4vw;
  }
}

.welfare__voiceItem--rev {
  flex-direction: row-reverse;
}
.welfare__voiceItem--rev .welfare__voiceText::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 15px solid #d1ecfa;
  border-right: 0;
  left: auto;
  right: -15px;
  top: 25px;
}
@media screen and (max-width: 1024px) {
  .welfare__voiceItem--rev .welfare__voiceText::after {
    border-top: 1.8666666667vw solid transparent;
    border-bottom: 1.8666666667vw solid transparent;
    border-left: 2.9333333333vw solid #d1ecfa;
    border-right: 0;
    right: -2.9333333333vw;
    top: 4vw;
  }
}

.welfare__rearing {
  margin-top: 103px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearing {
    margin-top: 13.3333333333vw;
  }
}
.welfare__rearing .welfare__subtitle {
  max-width: 405px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearing .welfare__subtitle {
    max-width: 77.3333333333vw;
  }
}

.welfare__rearingImg01 {
  max-width: 650px;
  margin: 40px auto 0;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingImg01 {
    max-width: initial;
    margin: 6.6666666667vw calc(50% - 50vw);
  }
}

.welfare__rearingList {
  display: flex;
  flex-wrap: wrap;
  max-width: 650px;
  margin: 34px auto 0;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingList {
    margin: 8vw auto 0;
  }
}

.welfare__rearingItem {
  width: 50%;
  height: 250px;
  padding-top: 36px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingItem {
    height: 69.3333333333vw;
    padding-top: 0;
  }
}

.welfare__rearingItem:nth-child(odd) {
  border-right: 1px solid #231815;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingItem:nth-child(odd) .welfare__rearingListText {
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .welfare__rearingItem:nth-child(even) .welfare__rearingListText {
    margin-right: 0;
  }
}

.welfare__rearingItem:nth-child(n+3) {
  border-top: 1px solid #231815;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingItem:nth-child(n+3) {
    padding-top: 5.6vw;
  }
}

.welfare__rearingItem:nth-child(1) .welfare__rearingListTitle {
  max-width: 205px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingItem:nth-child(1) .welfare__rearingListTitle {
    max-width: 26.6666666667vw;
    margin-left: 5.3333333333vw;
  }
}

.welfare__rearingItem:nth-child(2) .welfare__rearingListTitle {
  max-width: 159px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingItem:nth-child(2) .welfare__rearingListTitle {
    max-width: 26.4vw;
    margin-right: 5.3333333333vw;
  }
}

.welfare__rearingItem:nth-child(3) .welfare__rearingListTitle {
  max-width: 87px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingItem:nth-child(3) .welfare__rearingListTitle {
    max-width: 20.8vw;
    margin-left: 9.3333333333vw;
  }
}

.welfare__rearingItem:nth-child(4) .welfare__rearingListTitle {
  max-width: 208px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingItem:nth-child(4) .welfare__rearingListTitle {
    max-width: 37.3333333333vw;
    margin-right: 0;
  }
}

.welfare__rearingListTitle {
  margin: 0 auto;
}

.welfare__rearingListText {
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.12em;
  font-weight: 400;
  text-align: justify;
  max-width: 208px;
  margin: 19px auto 0;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingListText {
    font-size: 3.2vw;
    line-height: 1.6666666667;
    letter-spacing: 0.04em;
    font-weight: 500;
    text-align: justify;
    max-width: 37.3333333333vw;
    margin: 3.7333333333vw auto 0;
  }
}

.welfare__rearingImg02 {
  margin: 63px auto 0;
  max-width: 798px;
}
@media screen and (max-width: 1024px) {
  .welfare__rearingImg02 {
    margin: 18.6666666667vw calc(50% - 50vw);
  }
}

.welfare__lifestyle {
  margin-top: 120px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyle {
    margin-top: 12vw;
  }
}
.welfare__lifestyle .welfare__subtitle {
  max-width: 405px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyle .welfare__subtitle {
    max-width: 76vw;
  }
}

.welfare__lifestyleList {
  display: flex;
  flex-wrap: wrap;
  max-width: 860px;
  margin: 95px auto 0;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleList {
    margin: 0 auto;
    max-width: initial;
  }
}

.welfare__lifestyleItem {
  width: 50%;
  height: 430px;
  padding-top: 65px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem {
    padding-top: 11.2vw;
    padding-bottom: 9.3333333333vw;
    width: 100%;
    height: auto;
  }
}

.welfare__lifestyleItem:nth-child(odd) {
  border-right: 1px solid #231815;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(odd) {
    border-right: none;
  }
}

.welfare__lifestyleItem:nth-last-child(n+2) {
  border-bottom: 1px solid #231815;
}

@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:last-child {
    padding-bottom: 0;
  }
}

.welfare__lifestyleItem:nth-child(1) .welfare__lifestyleListTitle {
  max-width: 95px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(1) .welfare__lifestyleListTitle {
    max-width: 20vw;
  }
}
.welfare__lifestyleItem:nth-child(1) .welfare__lifestyleListIcon {
  max-width: 78px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(1) .welfare__lifestyleListIcon {
    max-width: 15.4666666667vw;
  }
}

.welfare__lifestyleItem:nth-child(2) .welfare__lifestyleListTitle {
  max-width: 189px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(2) .welfare__lifestyleListTitle {
    max-width: 75.2vw;
  }
}
.welfare__lifestyleItem:nth-child(2) .welfare__lifestyleListIcon {
  max-width: 75px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(2) .welfare__lifestyleListIcon {
    max-width: 14.1333333333vw;
  }
}

.welfare__lifestyleItem:nth-child(3) .welfare__lifestyleListTitle {
  max-width: 164px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(3) .welfare__lifestyleListTitle {
    max-width: 34.6666666667vw;
  }
}
.welfare__lifestyleItem:nth-child(3) .welfare__lifestyleListIcon {
  max-width: 80px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(3) .welfare__lifestyleListIcon {
    max-width: 13.8666666667vw;
  }
}

.welfare__lifestyleItem:nth-child(4) .welfare__lifestyleListTitle {
  max-width: 192px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(4) .welfare__lifestyleListTitle {
    max-width: 40.5333333333vw;
  }
}
.welfare__lifestyleItem:nth-child(4) .welfare__lifestyleListIcon {
  max-width: 75px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(4) .welfare__lifestyleListIcon {
    max-width: 13.8666666667vw;
  }
}

.welfare__lifestyleItem:nth-child(5) .welfare__lifestyleListTitle {
  max-width: 163px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(5) .welfare__lifestyleListTitle {
    max-width: 34.4vw;
  }
}
.welfare__lifestyleItem:nth-child(5) .welfare__lifestyleListIcon {
  max-width: 93px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(5) .welfare__lifestyleListIcon {
    max-width: 18.6666666667vw;
  }
}

.welfare__lifestyleItem:nth-child(6) .welfare__lifestyleListTitle {
  max-width: 163px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(6) .welfare__lifestyleListTitle {
    max-width: 32.5333333333vw;
  }
}
.welfare__lifestyleItem:nth-child(6) .welfare__lifestyleListIcon {
  max-width: 72px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(6) .welfare__lifestyleListIcon {
    max-width: 14.6666666667vw;
  }
}

.welfare__lifestyleItem:nth-child(7) .welfare__lifestyleListTitle {
  max-width: 106px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(7) .welfare__lifestyleListTitle {
    max-width: 22.4vw;
  }
}
.welfare__lifestyleItem:nth-child(7) .welfare__lifestyleListIcon {
  max-width: 89px;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleItem:nth-child(7) .welfare__lifestyleListIcon {
    max-width: 15.7333333333vw;
  }
}

.welfare__lifestyleListTitle {
  min-height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleListTitle {
    display: block;
    min-height: initial;
  }
}

.welfare__lifestyleListIcon {
  display: block;
  margin: 28px auto 0;
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .welfare__lifestyleListIcon {
    margin-top: 5.3333333333vw;
  }
}

.welfare__lifestyleListText {
  margin: 21px auto 0;
  max-width: 304px;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.12em;
  font-weight: 400;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .welfare__lifestyleListText {
    margin: 6.6666666667vw auto 0;
    max-width: initial;
    font-size: 3.7333333333vw;
    line-height: 1.6666666667;
    letter-spacing: 0.18em;
    font-weight: 500;
    text-align: justify;
  }
}

.peopleInterview__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.peopleInterview__blk {
  margin-top: 122px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blk {
    margin-top: 25.8666666667vw;
  }
}
.peopleInterview__blk + .peopleInterview__blk {
  margin-top: 140px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blk + .peopleInterview__blk {
    margin-top: 26.6666666667vw;
  }
}

.peopleInterview__blkPhoto {
  width: 56.1538461538vw;
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkPhoto {
    width: 92vw;
  }
}

.peopleInterview__blkMessage {
  margin-top: -45px;
  position: relative;
  margin-left: 20px;
  padding: 100px 80px 100px 120px;
  justify-content: space-between;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkMessage {
    margin-top: -8vw;
    flex-direction: column;
    padding: 20.2666666667vw 0 12.5333333333vw 8vw;
    margin-left: 0;
  }
}
.peopleInterview__blkMessage::before {
  content: "";
  background: linear-gradient(90deg, #FF6ED2, #009BE4);
  opacity: 0.2;
  height: 100%;
  position: absolute;
  top: 0;
  right: calc(50% - 50vw);
  width: calc(980px - (50% - 50vw));
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkMessage::before {
    right: -6.6666666667vw;
    width: 92vw;
  }
}

.peopleInterview__blkTitle {
  flex-shrink: 0;
}

.peopleInterview__blkTitleLead {
  max-width: 237px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkTitleLead {
    max-width: 49.3333333333vw;
  }
}
.peopleInterview__blkTitleLead--02 {
  max-width: 175px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkTitleLead--02 {
    max-width: 36.2666666667vw;
  }
}
.peopleInterview__blkTitleLead--03 {
  max-width: 144px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkTitleLead--03 {
    max-width: 29.8666666667vw;
  }
}

.peopleInterview__blkTilteText {
  margin-top: 34px;
  font-size: 24px;
  line-height: 1.5833333333;
  letter-spacing: 0.2em;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkTilteText {
    margin-top: 4vw;
    font-size: 4.5333333333vw;
    line-height: 1.6470588235;
    letter-spacing: 0.15em;
    font-weight: 600;
    margin-right: -5.3333333333vw;
  }
}

.peopleInterview__blkText {
  margin-top: -8px;
  max-width: 490px;
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0.18em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blkText {
    max-width: initial;
    margin-top: 8.5333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.9285714286;
    letter-spacing: 0.08em;
  }
}

.peopleInterview__blk--rev .peopleInterview__blkPhoto {
  margin-left: auto;
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blk--rev .peopleInterview__blkPhoto {
    margin-left: 1.3333333333vw;
  }
}
.peopleInterview__blk--rev .peopleInterview__blkMessage {
  padding: 100px 120px 100px 65px;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blk--rev .peopleInterview__blkMessage {
    margin-top: -8vw;
    margin-left: 0;
    flex-direction: column;
    padding: 20.2666666667vw 8vw 12.5333333333vw 0;
  }
}
.peopleInterview__blk--rev .peopleInterview__blkMessage::before {
  content: "";
  background: linear-gradient(90deg, #FF6ED2, #009BE4);
  opacity: 0.2;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: calc(50% - 50vw);
  width: calc(980px - (50% - 50vw));
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__blk--rev .peopleInterview__blkMessage::before {
    right: 0;
    left: -6.6666666667vw;
    width: 92vw;
  }
}

.peopleInterview__detail {
  margin-top: 140px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detail {
    margin-top: 26.6666666667vw;
  }
}

.peopleInterview__detailPhoto {
  max-width: 788px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailPhoto {
    max-width: initial;
    margin: 0 calc(50% - 50vw);
  }
}

.peopleInterview__detailMessage {
  max-width: 788px;
  margin: 62px auto 0;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailMessage {
    max-width: initial;
    margin: 13.3333333333vw calc(50% - 50vw);
  }
}

.peopleInterview__detailFaq {
  margin: 100px auto 0;
  max-width: 680px;
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
  padding: 42px 90px 82px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaq {
    max-width: initial;
    margin: 100px auto 0;
    margin: 0 calc(50% - 50vw);
    padding: 13.3333333333vw 0 13.3333333333vw 12.8vw;
  }
}

.peopleInterview__detailFaqTitle {
  max-width: 429px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqTitle {
    margin-left: -6.9333333333vw;
    max-width: 88vw;
  }
}

.peopleInterview__detailFaqBlks {
  margin-top: 48px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqBlks {
    margin-top: 9.3333333333vw;
  }
}

.peopleInterview__detailFaqBlk + .peopleInterview__detailFaqBlk {
  margin-top: 70px;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqBlk + .peopleInterview__detailFaqBlk {
    margin-top: 10.6666666667vw;
  }
}

.peopleInterview__detailFaqHead {
  background: linear-gradient(90deg, white 70%, rgba(255, 255, 255, 0));
  padding: 10px 32px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqHead {
    margin-top: 10.6666666667vw;
    padding: 2.1333333333vw 5.3333333333vw;
  }
}

.peopleInterview__detailFaqIcon {
  position: absolute;
  width: 48px;
  transform: translateX(-50%);
  left: 0;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqIcon {
    width: 10.4vw;
    left: -1.3333333333vw;
  }
}

.peopleInterview__detailFaqHeadText {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqHeadText {
    font-size: 4vw;
  }
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqHeadText--NegaMarginRight {
    display: block;
    margin-right: -5.3333333333vw;
  }
}

.peopleInterview__detailFaqContent {
  margin-top: 18px;
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0.13em;
  font-weight: 400;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .peopleInterview__detailFaqContent {
    margin-top: 4.8vw;
    line-height: 1.9285714286;
    font-size: 3.7333333333vw;
    letter-spacing: 0.08em;
    padding-right: 13.3333333333vw;
  }
}

.peopleInterviewSlide {
  margin-top: 144px;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .peopleInterviewSlide {
    margin-top: 29.3333333333vw;
  }
}
.peopleInterviewSlide + .recommendButton {
  margin-top: -16.9230769231vw;
}
@media screen and (max-width: 1024px) {
  .peopleInterviewSlide + .recommendButton {
    margin-top: -5.3333333333vw;
  }
}
@media screen and (max-width: 1024px) {
  .peopleInterviewSlide + .recommendButton .recommendButton__bg {
    top: auto;
    bottom: 0;
  }
}

.peopleInterviewSlide__bg {
  position: absolute;
  width: 100%;
  transform: translate(-50%, -50%);
  top: 80%;
  left: 50%;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .peopleInterviewSlide__bg {
    transform: translate(-50%, 0);
    top: 0;
  }
}

.peopleInterviewSlide__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .peopleInterviewSlide__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .peopleInterviewSlide__inner {
    padding-top: 6.4vw;
  }
}

.peopleInterviewSlide__blk {
  max-width: 820px;
  margin: 0 auto;
}

.peopleInterviewSlide__title {
  width: 139px;
  margin: 0 auto;
}

.peopleInterviewSlide__button {
  max-width: 400px;
  margin: 1.7692307692vw auto 0;
}
@media screen and (max-width: 1024px) {
  .peopleInterviewSlide__button {
    max-width: 100%;
    margin: 6.6666666667vw auto 0;
  }
}

.workField {
  z-index: 100;
  position: relative;
  margin-top: -7.3076923077vw;
}
@media screen and (max-width: 1024px) {
  .workField {
    margin-top: -57.6vw;
  }
}

.workField__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .workField__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
.workField__lead {
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.6666666667;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  max-width: 760px;
  padding: 23px 30px 28px;
}
@media screen and (max-width: 1024px) {
  .workField__lead {
    font-size: 3.4666666667vw;
    letter-spacing: 0.05em;
    line-height: 1.9230769231;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    max-width: initial;
    padding: 8vw;
  }
}

.workField__leadNotice {
  max-width: 430px;
  margin: 10px auto 0;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1.6666666667;
  font-weight: 500;
  text-indent: -1.2em;
  padding-left: 1.2em;
}
@media screen and (max-width: 1024px) {
  .workField__leadNotice {
    font-size: 2.6666666667vw;
    line-height: 1.4;
    max-width: 69.3333333333vw;
  }
}

.workField__blks {
  max-width: 640px;
  margin: 100px auto 0;
}
@media screen and (max-width: 1024px) {
  .workField__blks {
    max-width: initial;
    margin-top: 18.6666666667vw;
  }
}

.workField__blk + .workField__blk {
  margin-top: 150px;
}
@media screen and (max-width: 1024px) {
  .workField__blk + .workField__blk {
    max-width: initial;
    margin-top: 22.6666666667vw;
  }
}

.workField__blk--01 .workField__blkSubTitle {
  max-width: 242px;
}
@media screen and (max-width: 1024px) {
  .workField__blk--01 .workField__blkSubTitle {
    max-width: 53.8666666667vw;
  }
}

.workField__blk--02 .workField__blkSubTitle {
  max-width: 215px;
}
@media screen and (max-width: 1024px) {
  .workField__blk--02 .workField__blkSubTitle {
    max-width: 66.4vw;
  }
}

.workField__blk--03 .workField__blkSubTitle {
  max-width: 191px;
}
@media screen and (max-width: 1024px) {
  .workField__blk--03 .workField__blkSubTitle {
    max-width: 65.0666666667vw;
  }
}

.workField__blk--04 .workField__blkSubTitle {
  max-width: 291px;
}
@media screen and (max-width: 1024px) {
  .workField__blk--04 .workField__blkSubTitle {
    max-width: 76vw;
  }
}

.workField__blk--05 .workField__blkSubTitle {
  max-width: 223px;
}
@media screen and (max-width: 1024px) {
  .workField__blk--05 .workField__blkSubTitle {
    max-width: 70.1333333333vw;
  }
}

.workField__blk--06 .workField__blkSubTitle {
  max-width: 237px;
}
@media screen and (max-width: 1024px) {
  .workField__blk--06 .workField__blkSubTitle {
    max-width: 71.2vw;
  }
}

_::-webkit-full-page-media, _:future, :root .workField__blkTitle img {
  max-width: initial;
  width: calc(100% + 6px);
}
@media screen and (max-width: 1024px) {
  _::-webkit-full-page-media, _:future, :root .workField__blkTitle img {
    width: calc(100% + 0.8vw);
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, .workField__blkTitle img {
    max-width: initial;
    width: calc(100% + 6px);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) {
  ::i-block-chrome, .workField__blkTitle img {
    width: calc(100% + 0.8vw);
  }
}
.workField__blkLead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 22px;
}
@media screen and (max-width: 1024px) {
  .workField__blkLead {
    flex-direction: column;
    align-items: flex-start;
    gap: 5.6vw 0;
  }
}

.workField__blkSubTitle {
  max-width: 242px;
}

.workField__blkPhoto {
  max-width: 341px;
}
@media screen and (max-width: 1024px) {
  .workField__blkPhoto {
    max-width: initial;
  }
}

.workField__blkText {
  margin-top: 20px;
  font-size: 15px;
  letter-spacing: 0.08em;
  line-height: 1.7333333333;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .workField__blkText {
    margin-top: 6.4vw;
    font-size: 3.7333333333vw;
  }
}

.workField__blkCheck {
  display: flex;
  gap: 0 18px;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .workField__blkCheck {
    margin-top: 5.3333333333vw;
    gap: 0 3.2vw;
  }
}

.workField__blkCheckMark {
  max-width: 46px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .workField__blkCheckMark {
    max-width: 9.3333333333vw;
  }
}

.workField__blkCheckText {
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  font-weight: 400;
  border-bottom: 1px solid #000;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .workField__blkCheckText {
    font-size: 2.6666666667vw;
    line-height: 1.4;
    padding-bottom: 1.3333333333vw;
  }
}

.workField__example {
  margin-top: 42px;
}

.workField__exampleTitle {
  max-width: 304px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .workField__exampleTitle {
    max-width: 64vw;
  }
}

.workField__exampleList {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  gap: 0 26px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleList {
    flex-wrap: wrap;
    gap: 3.4666666667vw 6.6666666667vw;
    margin-top: 4vw;
  }
}

.workField__exampleItem {
  max-width: 128px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleItem {
    max-width: 32vw;
  }
}
@media screen and (max-width: 1024px) {
  .workField__exampleItem--sp100p {
    max-width: 100%;
    width: 100%;
  }
  .workField__exampleItem--sp100p .workField__examplePhoto {
    max-width: 32vw;
    margin: 0 auto;
  }
}

.workField__exampleText {
  margin: 14px auto 0;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText {
    margin-top: 1.3333333333vw;
  }
}

.workField__exampleText--01 {
  max-width: 22px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--01 {
    max-width: 5.3333333333vw;
  }
}

.workField__exampleText--02 {
  max-width: 113px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--02 {
    max-width: 29.3333333333vw;
  }
}

.workField__exampleText--03 {
  max-width: 33px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--03 {
    max-width: 8.2666666667vw;
  }
}

.workField__exampleText--04 {
  max-width: 101px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--04 {
    max-width: 25.6vw;
  }
}

.workField__exampleText--05 {
  max-width: 88px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--05 {
    max-width: 22.6666666667vw;
  }
}

.workField__exampleText--06 {
  max-width: 84px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--06 {
    max-width: 22.6666666667vw;
  }
}

.workField__exampleText--07 {
  max-width: 71px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--07 {
    max-width: 17.0666666667vw;
  }
}

.workField__exampleText--08 {
  max-width: 101px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--08 {
    max-width: 27.4666666667vw;
  }
}

.workField__exampleText--09 {
  max-width: 87px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--09 {
    max-width: 22.4vw;
  }
}

.workField__exampleText--10 {
  max-width: 128px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--10 {
    max-width: 20.2666666667vw;
  }
}

.workField__exampleText--11 {
  max-width: 51px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--11 {
    max-width: 12.8vw;
  }
}

.workField__exampleText--12 {
  max-width: 52px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--12 {
    max-width: 13.0666666667vw;
  }
}

.workField__exampleText--13 {
  max-width: 109px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--13 {
    max-width: 27.4666666667vw;
  }
}

.workField__exampleText--14 {
  max-width: 113px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--14 {
    max-width: 29.0666666667vw;
  }
}

.workField__exampleText--15 {
  max-width: 89px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--15 {
    max-width: 22.6666666667vw;
  }
}

.workField__exampleText--16 {
  max-width: 86px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--16 {
    max-width: 22.1333333333vw;
  }
}

.workField__exampleText--17 {
  max-width: 90px;
}
@media screen and (max-width: 1024px) {
  .workField__exampleText--17 {
    max-width: 22.6666666667vw;
  }
}

.workField__bg {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 10;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .workField__bg {
    height: auto;
  }
}
.workField__bg img {
  object-fit: cover;
  object-position: 0 0;
  width: 100%;
  height: calc(100% + 2px);
}
@media screen and (max-width: 1024px) {
  .workField__bg img {
    object-fit: contain;
    height: auto;
  }
}

.slashBold {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #2882F0;
}

.specialCareer__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .specialCareer__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.specialCareer__lead {
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
  padding: 25px;
  max-width: 750px;
  margin: -6vw auto 0;
}
@media screen and (max-width: 1024px) {
  .specialCareer__lead {
    margin: -48vw auto 0;
    padding: 8vw 5.3333333333vw;
  }
}

.specialCareer__leadText {
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.15em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .specialCareer__leadText {
    font-size: 3.4666666667vw;
  }
}

.specialCareer__anchorList {
  margin-top: 58px;
  gap: 0 50px;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .specialCareer__anchorList {
    margin-top: 12vw;
    flex-direction: column;
    gap: 10.6666666667vw 0;
  }
}

.specialCareer__anchorItem {
  max-width: 420px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .specialCareer__anchorImg {
    width: 73.3333333333vw;
    margin: 0 auto;
  }
}

.specialCareer__anchorLink {
  margin-top: 25px;
  display: flex;
  height: 102px;
  align-items: center;
  justify-content: flex-start;
  gap: 0 28px;
  padding-left: 35px;
  border-radius: 100px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__anchorLink {
    height: 24vw;
    margin: 3.4666666667vw auto 0;
    padding-left: 6.9333333333vw;
    gap: 0 6.4vw;
    border-radius: 24vw;
    padding-bottom: 1.3333333333vw;
    max-width: 80vw;
  }
}

.specialCareer__anchorLink--01 {
  background: linear-gradient(90deg, #FF6ED2, #F288CF, #FF6ED2);
}

.specialCareer__anchorLink--02 {
  background: linear-gradient(90deg, #179CE1, #3EB3D8, #179CE1);
}

.specialCareer__anchorLinkNum {
  width: 30px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__anchorLinkNum {
    width: 6.9333333333vw;
  }
}
.specialCareer__anchorLinkNum--02 {
  width: 36px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__anchorLinkNum--02 {
    width: 8.2666666667vw;
  }
}

.specialCareer__anchorLinkPlace {
  display: block;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.15em;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .specialCareer__anchorLinkPlace {
    font-size: 4.8vw;
  }
}

.specialCareer__anchorLinkName {
  display: block;
  margin-top: -3px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0.2em;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .specialCareer__anchorLinkName {
    margin-top: -0.5333333333vw;
    font-size: 3.2vw;
  }
}

.specialCareer__anchorLinkArrow {
  position: relative;
  transform: translate(-25%, -50%) rotate(135deg);
  top: 10px;
  left: 0;
  width: 17px;
  height: 17px;
  margin-left: auto;
  margin-right: 30px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__anchorLinkArrow {
    top: 1.6vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}

.specialCareer__blk {
  margin-top: 130px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blk {
    margin-top: 18.6666666667vw;
  }
}
.specialCareer__blk + .specialCareer__blk {
  margin-top: 180px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blk + .specialCareer__blk {
    margin-top: 10.6666666667vw;
  }
}

.specialCareer__blkHead {
  margin: 0 calc(50% - 50vw);
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHead {
    flex-direction: column;
  }
}

.specialCareer__blkHeadLeft {
  width: 42.6923076923vw;
  height: 420px;
  position: relative;
  z-index: 10;
  background: linear-gradient(90deg, #FF6ED2, #F288CF, #FF6ED2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}
.specialCareer__blkHeadLeft--02 {
  background: linear-gradient(90deg, #179CE1, #3EB3D8, #179CE1);
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadLeft {
    width: 100%;
    height: 56vw;
    align-items: flex-start;
    padding-left: 8vw;
    padding-bottom: 0;
  }
}

.specialCareer__blkHeadNum {
  display: block;
}
.specialCareer__blkHeadNum--01 {
  width: 65px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadNum--01 {
    width: 11.2vw;
  }
}
.specialCareer__blkHeadNum--02 {
  width: 79px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadNum--02 {
    width: 13.6vw;
  }
}

.specialCareer__blkHeadPlace {
  margin-top: 30px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadPlace {
    margin-top: 3.7333333333vw;
  }
}
.specialCareer__blkHeadPlace--01 {
  width: 141px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadPlace--01 {
    width: 35.2vw;
  }
}
.specialCareer__blkHeadPlace--02 {
  width: 255px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadPlace--02 {
    width: 63.4666666667vw;
  }
}

.specialCareer__blkHeadRole {
  margin-top: 16px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadRole {
    margin-top: 3.2vw;
  }
}
.specialCareer__blkHeadRole--01 {
  width: 236px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadRole--01 {
    width: 57.6vw;
  }
}

.specialCareer__blkHeadDetail {
  display: block;
  margin-top: 51px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadDetail {
    margin-top: 5.3333333333vw;
    display: flex;
  }
}
.specialCareer__blkHeadDetail--02 {
  margin-top: 85px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadDetail--02 {
    margin-top: 13.6vw;
  }
}

.specialCareer__blkHeadName {
  display: block;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadName {
    margin-right: 4vw;
  }
}
.specialCareer__blkHeadName--01 {
  width: 52px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadName--01 {
    width: 10.9333333333vw;
  }
}
.specialCareer__blkHeadName--02 {
  width: 45px;
}

.specialCareer__blkHeadText {
  margin-top: 19px;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.15em;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadText {
    margin-top: -1.0666666667vw;
    padding-left: 2.9333333333vw;
    position: relative;
    font-size: 2.6666666667vw;
  }
  .specialCareer__blkHeadText::before {
    content: "";
    display: block;
    width: 0.2666666667vw;
    height: calc(100% - 2.1333333333vw);
    position: absolute;
    left: 0;
    top: 1.0666666667vw;
    background-color: #fff;
  }
}

.specialCareer__blkHeadRight {
  margin-top: 63px;
  width: 70.7692307692vw;
  margin-left: -11.1538461538vw;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkHeadRight {
    margin-top: 0;
    width: 100%;
    margin-left: 0;
  }
}

.specialCareer__blkContent {
  margin-top: 87px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkContent {
    margin-top: 9.3333333333vw;
  }
}

.specialCareer__blkItem {
  justify-content: space-between;
  gap: 0 40px;
  padding-bottom: 125px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItem {
    padding-bottom: 22.1333333333vw;
  }
}
.specialCareer__blkItem--rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItem {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .specialCareer__blkItem {
    gap: 8vw 0;
  }
}
.specialCareer__blkItem::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 64px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 22px solid transparent;
  border-left: 22px solid transparent;
  border-top: 30px solid #415555;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItem::after {
    border-right: 5.8666666667vw solid transparent;
    border-left: 5.8666666667vw solid transparent;
    border-top: 8vw solid #415555;
    bottom: 2.1333333333vw;
  }
}

.specialCareer__blkItemDetail {
  width: 475px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemDetail {
    width: 100%;
  }
}

.specialCareer__blkItemYear {
  display: block;
}
.specialCareer__blkItemYear--01 {
  width: 161px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemYear--01 {
    width: 42.9333333333vw;
  }
}
.specialCareer__blkItemYear--02 {
  width: 80px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemYear--02 {
    width: 21.3333333333vw;
  }
}
.specialCareer__blkItemYear--03 {
  width: 86px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemYear--03 {
    width: 22.9333333333vw;
  }
}
.specialCareer__blkItemYear--04 {
  width: 81px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemYear--04 {
    width: 21.8666666667vw;
  }
}
.specialCareer__blkItemYear--05, .specialCareer__blkItemYear--06, .specialCareer__blkItemYear--07, .specialCareer__blkItemYear--08 {
  width: 375px;
  position: relative;
  transform: translateX(-30px);
  margin-bottom: -10px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemYear--05, .specialCareer__blkItemYear--06, .specialCareer__blkItemYear--07, .specialCareer__blkItemYear--08 {
    width: 100%;
    transform: initial;
    margin: 0 calc(50% - 50vw) -1.3333333333vw;
  }
}
.specialCareer__blkItemYear--09 {
  width: 120px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemYear--09 {
    width: 100%;
    margin: 0 calc(50% - 50vw) -1.3333333333vw;
  }
}

.specialCareer__blkItemTitle {
  display: block;
  font-size: 24px;
  line-height: 1.5833333333;
  letter-spacing: 0.2em;
  font-weight: 600;
  margin-top: 22px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemTitle {
    font-size: 4.5333333333vw;
    line-height: 1.6470588235;
    margin-top: 3.2vw;
  }
}

.specialCareer__blkItemText {
  display: block;
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0.15em;
  font-weight: 500;
  margin-top: 42px;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemText {
    font-size: 3.7333333333vw;
    line-height: 1.9285714286;
    letter-spacing: 0.08em;
    margin-top: 6.4vw;
  }
}

.specialCareer__blkItemPhoto {
  width: 475px;
  flex-shrink: 0;
  position: relative;
  padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemPhoto {
    width: 76.5333333333vw;
    padding-bottom: 14.6666666667vw;
  }
}

.specialCareer__blkItemPhotoInner {
  position: relative;
  z-index: 10;
}

.specialCareer__blkItemPhotoBg {
  width: 744px;
  position: absolute;
  z-index: 1;
  left: -80px;
  top: -80px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItemPhotoBg {
    width: 119.2vw;
    left: -2.6666666667vw;
    top: -9.3333333333vw;
  }
}

.specialCareer__blkItem--rev .specialCareer__blkItemPhotoBg {
  width: 744px;
  position: absolute;
  z-index: 1;
  left: auto;
  right: -80px;
  top: -80px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkItem--rev .specialCareer__blkItemPhotoBg {
    width: 119.2vw;
    right: -2.6666666667vw;
    top: -9.3333333333vw;
  }
}

.specialCareer__blkItem--rev .specialCareer__blkItemPhoto {
  margin-left: auto;
}

.specialCareer__blkMessage {
  padding: 45px 80px 50px;
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkMessage {
    padding: auto;
    margin: 9.3333333333vw calc(50% - 50vw);
    padding: 12vw 12vw 0;
  }
}

.specialCareer__blkMessageTitle {
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkMessageTitle {
    width: 76vw;
  }
}

.specialCareer__blkMessageContent {
  margin-top: 45px;
  justify-content: space-between;
  gap: 0 40px;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkMessageContent {
    flex-direction: column-reverse;
    margin-top: 4.2666666667vw;
    gap: 9.0666666667vw 0;
  }
}

.specialCareer__blkMessageContentLeft {
  width: 350px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkMessageContentLeft {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

.specialCareer__blkMessageContentRight {
  width: 440px;
  flex-shrink: 1;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkMessageContentRight {
    width: 76vw;
  }
}

.specialCareer__blkMessageSubtitle {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkMessageSubtitle {
    font-size: 4.5333333333vw;
    line-height: 1.6470588235;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
}

.specialCareer__blkMessageText {
  margin-top: 25px;
  font-size: 14px;
  line-height: 2.1428571429;
  letter-spacing: 0.15em;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .specialCareer__blkMessageText {
    line-height: 1.9285714286;
    margin-top: 5.3333333333vw;
  }
}

.specialQuestionnaire {
  position: relative;
  z-index: 100;
}

.specialQuestionnaire__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}

.specialQuestionnaire__lead {
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
  padding: 25px;
  max-width: 760px;
  margin: -6vw auto 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__lead {
    margin: -58.6666666667vw auto 0;
    padding: 8vw 5.3333333333vw;
  }
}

.specialQuestionnaire__leadText {
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.15em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__leadText {
    font-size: 3.4666666667vw;
    line-height: 1.9230769231;
    letter-spacing: 0.05em;
  }
}

.specialQuestionnaire__anchorList {
  margin: 96px auto 0;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 730px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__anchorList {
    margin-top: 12vw;
    gap: 4vw 2.6666666667vw;
  }
}

.specialQuestionnaire__anchorItem {
  max-width: 230px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__anchorItem {
    max-width: 41.8666666667vw;
  }
}

.specialQuestionnaire__blk {
  margin-top: 96px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__blk {
    margin-top: 20vw;
  }
}

.specialQuestionnaire__item + .specialQuestionnaire__item {
  margin-top: 150px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__item + .specialQuestionnaire__item {
    margin-top: 44.5333333333vw;
  }
}

.specialQuestionnaire__itemTitle {
  width: 563px;
  margin-left: calc(50% - 50vw);
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__itemTitle {
    width: 77.3333333333vw;
  }
}

.specialQuestionnaire__content01 {
  margin-top: -24px;
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01 {
    margin-top: -5.3333333333vw;
    flex-direction: column;
  }
}

.specialQuestionnaire__content01Left {
  width: 510px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Left {
    width: 100%;
  }
}

.specialQuestionnaire__content01A {
  position: relative;
  padding-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01A {
    padding-bottom: 12vw;
  }
}

.specialQuestionnaire__content01Fig {
  width: 369px;
  padding-top: 36px;
  margin-left: 36px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Fig {
    width: 71.2vw;
    padding-top: 5.3333333333vw;
    margin-left: 4vw;
  }
}

.specialQuestionnaire__content01Detail {
  background-color: #FFE2F6;
  padding: 27px 65px 30px 94px;
  margin: 47px 40px 0;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .specialQuestionnaire__content01Detail {
    margin: 47px 30px 0;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Detail {
    padding: 3.7333333333vw 4.8vw 3.7333333333vw 26.1333333333vw;
    margin: 8vw 4vw 0;
    font-size: 3.7333333333vw;
    line-height: 1.6428571429;
  }
}

.specialQuestionnaire__content01Image {
  position: absolute;
  z-index: 10;
  left: 10px;
  bottom: 0;
  width: 140px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Image {
    width: 32.5333333333vw;
    bottom: 8vw;
  }
}

.specialQuestionnaire__content01Right {
  margin-top: 60px;
  margin-left: -60px;
  width: 550px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Right {
    width: 100%;
    margin-top: 6.6666666667vw;
    margin-left: 0;
  }
}
.specialQuestionnaire__content01Right .specialQuestionnaireBox__q {
  padding: 25px 70px 40px 80px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Right .specialQuestionnaireBox__q {
    margin-top: 0;
    padding: 8vw 4vw 6.6666666667vw;
    gap: 0 3.2vw;
  }
}
.specialQuestionnaire__content01Right .specialQuestionnaireBox__a {
  padding: 40px 40px 138px 90px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Right .specialQuestionnaireBox__a {
    padding: 9.8666666667vw 4vw 28.2666666667vw;
  }
}
.specialQuestionnaire__content01Right .specialQuestionnaire__content01Image {
  position: absolute;
  z-index: 10;
  left: 111px;
  bottom: -96px;
  width: 322px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Right .specialQuestionnaire__content01Image {
    left: 8.5333333333vw;
    bottom: -21.3333333333vw;
    width: 68.5333333333vw;
  }
}

.specialQuestionnaire__content01Fukidashi {
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01Fukidashi {
    gap: 8vw;
  }
}

.specialQuestionnaire__content01FukidashiItem {
  background-color: #D1ECFA;
  padding: 18px 20px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01FukidashiItem {
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding: 4.8vw 5.3333333333vw;
  }
}
.specialQuestionnaire__content01FukidashiItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #d1ecfa;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
.specialQuestionnaire__content01FukidashiItem:nth-child(1) {
  width: 100%;
}
.specialQuestionnaire__content01FukidashiItem:nth-child(2) {
  max-width: 185px;
  width: calc(50% - 15px);
  background-color: #FFE2F6;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01FukidashiItem:nth-child(2) {
    max-width: 100%;
    width: 100%;
  }
}
.specialQuestionnaire__content01FukidashiItem:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #FFE2F6;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01FukidashiItem:nth-child(2)::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #FFE2F6;
  }
}
.specialQuestionnaire__content01FukidashiItem:nth-child(3) {
  max-width: 185px;
  width: calc(50% - 15px);
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content01FukidashiItem:nth-child(3) {
    max-width: 100%;
    width: 100%;
  }
}

.specialQuestionnaire__content02 {
  margin-top: -24px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02 {
    margin-top: -5.3333333333vw;
  }
}

.specialQuestionnaire__content02A {
  padding: 30px 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02A {
    padding: 8vw 4vw 32.2666666667vw;
    flex-direction: column;
  }
}

.specialQuestionnaire__content02ALeft {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02ALeft {
    width: 100%;
    position: relative;
    padding-bottom: 12.5333333333vw;
  }
}

.specialQuestionnaire__content02Fig {
  width: 320px;
  margin: 56px auto 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02Fig {
    width: 66.6666666667vw;
    margin: 0 auto;
  }
}

.specialQuestionnaire__content02Detail {
  background-color: #FFE2F6;
  padding: 20px 65px 23px 94px;
  margin: 87px 40px 0;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  .specialQuestionnaire__content02Detail {
    margin: 87px 30px 0;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02Detail {
    padding: 3.7333333333vw 4vw 3.7333333333vw 26.1333333333vw;
    margin: 8vw 4vw 0;
    font-size: 3.7333333333vw;
    line-height: 1.6428571429;
  }
}

.specialQuestionnaire__content02Image {
  position: absolute;
  z-index: 10;
  left: 10px;
  bottom: 0;
  width: 140px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02Image {
    width: 32.5333333333vw;
    bottom: 8.5333333333vw;
  }
}

.specialQuestionnaire__content02ARight {
  padding-top: 10px;
  width: 50%;
  border-left: 1px solid #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02ARight {
    border-left: none;
    border-top: 1px solid #000000;
    width: 100%;
    padding-top: 9.8666666667vw;
  }
}

.specialQuestionnaire__content02Fukidashi {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02Fukidashi {
    gap: 8vw 0;
  }
}

.specialQuestionnaire__content02FukidashiItem {
  max-width: 370px;
  background-color: #D1ECFA;
  padding: 18px 20px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02FukidashiItem {
    max-width: 100%;
    width: 100%;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding: 4.8vw 5.3333333333vw;
  }
}
.specialQuestionnaire__content02FukidashiItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #d1ecfa;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
.specialQuestionnaire__content02FukidashiItem:nth-child(1) {
  margin-left: 35px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02FukidashiItem:nth-child(1) {
    margin-left: 0;
  }
}
.specialQuestionnaire__content02FukidashiItem:nth-child(2) {
  background-color: #FFE2F6;
}
.specialQuestionnaire__content02FukidashiItem:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #FFE2F6;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02FukidashiItem:nth-child(2)::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #FFE2F6;
  }
}
.specialQuestionnaire__content02FukidashiItem:nth-child(3) {
  margin-left: 35px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02FukidashiItem:nth-child(3) {
    margin-left: 0;
  }
}

.specialQuestionnaire__content02Image.specialQuestionnaire__content02Image--02 {
  position: absolute;
  z-index: 10;
  left: 69px;
  bottom: -130px;
  width: 339px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content02Image.specialQuestionnaire__content02Image--02 {
    left: 0.5333333333vw;
    bottom: -53.3333333333vw;
    width: 74.1333333333vw;
  }
}

.specialQuestionnaire__content03 {
  margin-top: -24px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03 {
    margin-top: -5.3333333333vw;
  }
}

.specialQuestionnaire__content03A.specialQuestionnaireBox__a {
  padding: 40px 40px 96px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03A.specialQuestionnaireBox__a {
    padding: 10.1333333333vw 4vw 22.1333333333vw;
  }
}

.specialQuestionnaire__content03Fukidashi {
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03Fukidashi {
    flex-direction: column;
    gap: 8vw;
  }
}

.specialQuestionnaire__content03FukidashiItem {
  max-width: 250px;
  width: calc(33% - 15px);
  background-color: #D1ECFA;
  padding: 18px 20px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03FukidashiItem {
    max-width: 100%;
    width: 100%;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding: 4.8vw 5.3333333333vw;
  }
}
.specialQuestionnaire__content03FukidashiItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #d1ecfa;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
.specialQuestionnaire__content03FukidashiItem:nth-child(1) {
  margin-left: auto;
}
.specialQuestionnaire__content03FukidashiItem:nth-child(even) {
  background-color: #FFE2F6;
}
.specialQuestionnaire__content03FukidashiItem:nth-child(even)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #FFE2F6;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03FukidashiItem:nth-child(even)::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #FFE2F6;
  }
}

.specialQuestionnaire__content03FukidashiStrong {
  font-size: 16px;
  line-height: 1.375;
  text-align: justify;
  letter-spacing: 0.08em;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03FukidashiStrong {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}

.specialQuestionnaire__content03Image {
  position: absolute;
  z-index: 10;
  transform: translateX(-50%);
  left: calc(50% - 20px);
  bottom: -127px;
  width: 395px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content03Image {
    width: 85.3333333333vw;
    left: calc(50% - 4vw);
    bottom: -26.4vw;
  }
}

.specialQuestionnaire__content04 {
  margin-top: -24px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04 {
    margin-top: -5.3333333333vw;
  }
}

.specialQuestionnaire__content04A {
  padding: 30px 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04A {
    flex-direction: column;
    padding: 4.5333333333vw 4vw 30.9333333333vw;
  }
}

.specialQuestionnaire__content04ALeft {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04ALeft {
    width: 100%;
    position: relative;
    padding-bottom: 12.5333333333vw;
  }
}

.specialQuestionnaire__content04Fig {
  width: 354px;
  margin: 67px auto 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04Fig {
    margin-top: 0;
    margin-left: 0;
    width: 71.2vw;
  }
}

.specialQuestionnaire__content04Detail {
  background-color: #FFE2F6;
  padding: 20px 12px 23px 94px;
  margin: 67px 40px 0;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  .specialQuestionnaire__content04Detail {
    margin: 67px 30px 0;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04Detail {
    padding: 3.7333333333vw 4vw 3.7333333333vw 26.1333333333vw;
    margin: 8.8vw 0 0;
    font-size: 3.7333333333vw;
    line-height: 1.6428571429;
  }
}

.specialQuestionnaire__content04Image {
  position: absolute;
  z-index: 10;
  left: 10px;
  bottom: 0;
  width: 140px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04Image {
    width: 32.5333333333vw;
    left: -1.3333333333vw;
    bottom: 8.5333333333vw;
  }
}

.specialQuestionnaire__content04ARight {
  padding-top: 10px;
  width: 50%;
  border-left: 1px solid #000000;
  padding-left: 45px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04ARight {
    padding-top: 9.8666666667vw;
    padding-left: 0;
    width: 100%;
    border-left: none;
    border-top: 1px solid #000000;
  }
}

.specialQuestionnaire__content04Fukidashi {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04Fukidashi {
    gap: 8vw 0;
  }
}

.specialQuestionnaire__content04FukidashiItem {
  max-width: 370px;
  background-color: #D1ECFA;
  padding: 18px 20px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04FukidashiItem {
    max-width: 100%;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding: 4.8vw 5.3333333333vw;
  }
}
.specialQuestionnaire__content04FukidashiItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #d1ecfa;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
.specialQuestionnaire__content04FukidashiItem:nth-child(1) {
  margin-left: 35px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04FukidashiItem:nth-child(1) {
    margin-left: 0;
  }
}
.specialQuestionnaire__content04FukidashiItem:nth-child(2) {
  background-color: #FFE2F6;
}
.specialQuestionnaire__content04FukidashiItem:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #FFE2F6;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04FukidashiItem:nth-child(2)::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #FFE2F6;
  }
}
.specialQuestionnaire__content04FukidashiItem:nth-child(3) {
  margin-left: 35px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04FukidashiItem:nth-child(3) {
    margin-left: 0;
  }
}

.specialQuestionnaire__content04Image.specialQuestionnaire__content04Image--02 {
  position: absolute;
  z-index: 10;
  left: 100px;
  bottom: -124px;
  width: 293px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content04Image.specialQuestionnaire__content04Image--02 {
    width: 68.5333333333vw;
    left: 3.7333333333vw;
    bottom: -53.3333333333vw;
  }
}

.specialQuestionnaire__content05 {
  margin-top: -24px;
  position: relative;
  z-index: 10;
  max-width: 960px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05 {
    max-width: 100%;
  }
}

.specialQuestionnaire__content05A.specialQuestionnaireBox__a {
  padding: 40px 40px 56px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05A.specialQuestionnaireBox__a {
    padding: 9.8666666667vw 4vw 51.4666666667vw;
  }
}

.specialQuestionnaire__content05Fukidashi {
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05Fukidashi {
    gap: 8vw;
  }
}

.specialQuestionnaire__content05FukidashiItem {
  max-width: 320px;
  width: calc(50% - 15px);
  background-color: #D1ECFA;
  padding: 20px 20px 20px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05FukidashiItem {
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding: 4.8vw 5.3333333333vw;
    max-width: 100%;
    width: 100%;
  }
}
.specialQuestionnaire__content05FukidashiItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #d1ecfa;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
.specialQuestionnaire__content05FukidashiItem:nth-child(1) {
  margin-left: 60px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05FukidashiItem:nth-child(1) {
    margin-left: 0;
  }
}
.specialQuestionnaire__content05FukidashiItem:nth-child(3) {
  margin-left: auto;
}
.specialQuestionnaire__content05FukidashiItem:nth-child(even) {
  background-color: #FFE2F6;
}
.specialQuestionnaire__content05FukidashiItem:nth-child(even)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #FFE2F6;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05FukidashiItem:nth-child(even)::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #FFE2F6;
  }
}

.specialQuestionnaire__content05FukidashiStrong {
  font-size: 16px;
  line-height: 1.375;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}

.specialQuestionnaire__content05Image {
  position: absolute;
  z-index: 10;
  left: -75px;
  bottom: 23px;
  width: 274px;
}
@media screen and (max-width: 1200px) {
  .specialQuestionnaire__content05Image {
    left: -20px;
    bottom: 23px;
    width: 230px;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content05Image {
    width: 65.6vw;
    left: 7.2vw;
    bottom: 5.3333333333vw;
  }
}

.specialQuestionnaire__content06 {
  margin-top: -24px;
  position: relative;
  z-index: 1;
  max-width: 960px;
  margin-left: 60px;
  margin-right: -20px;
}
@media screen and (max-width: 1200px) {
  .specialQuestionnaire__content06 {
    margin-left: 40px;
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06 {
    margin-top: 6.6666666667vw;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06 .specialQuestionnaire__content06Q {
    padding-top: 5.6vw;
  }
}

.specialQuestionnaire__content06A {
  padding: 30px 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06A {
    flex-direction: column;
    padding: 4.5333333333vw 4vw 18.9333333333vw;
  }
}

.specialQuestionnaire__content06ALeft {
  width: 50%;
  padding-bottom: 70px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06ALeft {
    width: 100%;
    padding-bottom: 28vw;
  }
}

.specialQuestionnaire__content06Fig {
  width: 354px;
  margin: 28px auto 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06Fig {
    width: 71.2vw;
    margin: 0;
  }
}

.specialQuestionnaire__content06Detail {
  background-color: #FFE2F6;
  padding: 20px 12px 23px 94px;
  margin: 67px 40px 0;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  .specialQuestionnaire__content06Detail {
    margin: 67px 30px 0;
  }
}

.specialQuestionnaire__content06Image {
  position: absolute;
  z-index: 10;
  left: 10px;
  bottom: -30px;
  width: 140px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06Image {
    width: 27.2vw;
    left: -2.4vw;
    bottom: 8.5333333333vw;
  }
}

.specialQuestionnaire__content06ARight {
  padding-top: 10px;
  width: 50%;
  border-left: 1px solid #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06ARight {
    padding-top: 9.8666666667vw;
    border-top: 1px solid #000000;
    border-left: none;
    width: 100%;
  }
}

.specialQuestionnaire__content06Fukidashi {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06Fukidashi {
    gap: 8vw 0;
  }
}

.specialQuestionnaire__content06FukidashiItem {
  max-width: 370px;
  background-color: #D1ECFA;
  padding: 18px 20px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06FukidashiItem {
    max-width: 100%;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding: 4.8vw 5.3333333333vw;
  }
}
.specialQuestionnaire__content06FukidashiItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #d1ecfa;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
.specialQuestionnaire__content06FukidashiItem:nth-child(1) {
  margin-left: 35px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06FukidashiItem:nth-child(1) {
    margin-left: 0;
  }
}
.specialQuestionnaire__content06FukidashiItem:nth-child(2) {
  background-color: #FFE2F6;
}
.specialQuestionnaire__content06FukidashiItem:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #FFE2F6;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06FukidashiItem:nth-child(2)::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #FFE2F6;
  }
}
.specialQuestionnaire__content06FukidashiItem:nth-child(3) {
  margin-left: 35px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06FukidashiItem:nth-child(3) {
    margin-left: 0;
  }
}

.specialQuestionnaire__content06Image.specialQuestionnaire__content06Image--02 {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 38px;
  bottom: -3px;
  width: 76px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06Image.specialQuestionnaire__content06Image--02 {
    width: 19.4666666667vw;
    right: 0.5333333333vw;
    bottom: 9.8666666667vw;
  }
}

.specialQuestionnaire__content06Image.specialQuestionnaire__content06Image--03 {
  position: absolute;
  z-index: 10;
  left: 78px;
  bottom: -150px;
  width: 283px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content06Image.specialQuestionnaire__content06Image--03 {
    width: 64.2666666667vw;
    left: 5.8666666667vw;
    bottom: -49.3333333333vw;
  }
}

.specialQuestionnaire__content07 {
  margin-top: -24px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content07 {
    margin-top: -5.3333333333vw;
    flex-direction: column;
  }
}

.specialQuestionnaire__content07A.specialQuestionnaireBox__a {
  padding: 40px 40px 96px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content07A.specialQuestionnaireBox__a {
    padding: 9.8666666667vw 4vw 23.7333333333vw;
  }
}

.specialQuestionnaire__content07Fukidashi {
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content07Fukidashi {
    gap: 8vw;
  }
}

.specialQuestionnaire__content07FukidashiItem {
  max-width: 740px;
  width: 100%;
  background-color: #D1ECFA;
  padding: 18px 20px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content07FukidashiItem {
    width: 100%;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding: 4.8vw 5.3333333333vw;
  }
}
.specialQuestionnaire__content07FukidashiItem::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #d1ecfa;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content07FukidashiItem::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #d1ecfa;
  }
}
.specialQuestionnaire__content07FukidashiItem:nth-child(even) {
  margin-left: auto;
  background-color: #FFE2F6;
}
.specialQuestionnaire__content07FukidashiItem:nth-child(even)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 16px solid #FFE2F6;
  border-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content07FukidashiItem:nth-child(even)::before {
    bottom: -4.2666666667vw;
    left: 8vw;
    border-style: solid;
    border-right: 2.1333333333vw solid transparent;
    border-left: 2.1333333333vw solid transparent;
    border-top: 4.2666666667vw solid #FFE2F6;
  }
}

.specialQuestionnaire__content07FukidashiStrong {
  font-size: 16px;
  line-height: 1.375;
  text-align: justify;
  letter-spacing: 0.1em;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}

.specialQuestionnaire__content07Image {
  position: absolute;
  z-index: 10;
  left: -51px;
  bottom: -73px;
  width: 242px;
}
@media screen and (max-width: 1200px) {
  .specialQuestionnaire__content07Image {
    left: -20px;
    bottom: -73px;
    width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaire__content07Image {
    width: 53.8666666667vw;
    left: 14.9333333333vw;
    bottom: -34.4vw;
  }
}

.specialQuestionnaireBox {
  background-color: #fff;
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaireBox {
    padding: 1.3333333333vw;
  }
}
.specialQuestionnaireBox::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
  z-index: 1;
}

.specialQuestionnaireBox__q {
  position: relative;
  z-index: 10;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.1em;
  font-weight: 700;
  display: flex;
  gap: 0 12px;
  padding: 35px 40px 40px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaireBox__q {
    font-size: 4.2666666667vw;
    line-height: 1.625;
    padding: 8vw 4vw 6.6666666667vw;
    gap: 0 3.2vw;
  }
}
.specialQuestionnaireBox__q::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background-image: url(../images/special/questionnaire/q_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaireBox__q::before {
    width: 10.4vw;
    height: 10.4vw;
  }
}

.specialQuestionnaireBox__qText {
  margin-top: 8px;
}
@media screen and (max-width: 1024px) {
  .specialQuestionnaireBox__qText {
    margin-top: 1.0666666667vw;
  }
}

.specialQuestionnaireBox__a {
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.specialCrosstalk {
  position: relative;
  z-index: 100;
}

.specialCrosstalk__inner {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__inner {
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__inner {
    padding-bottom: 0;
  }
}

.specialCrosstalk__mailLead {
  margin: -6vw auto 0;
  max-width: 492px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__mailLead {
    margin: -48vw auto 0;
    max-width: 57.8666666667vw;
  }
}

.specialCrosstalk__lead {
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
  padding: 25px;
  max-width: 760px;
  margin: 37px auto 0;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__lead {
    margin: 7.4666666667vw auto 0;
    padding: 8vw 5.3333333333vw;
  }
}

.specialCrosstalk__leadText {
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__leadText {
    font-size: 3.4666666667vw;
    line-height: 1.9230769231;
    letter-spacing: 0.05em;
  }
}

.specialCrosstalk__member {
  margin-top: 74px;
  padding-bottom: 123px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__member {
    margin-top: 11.4666666667vw;
    padding-bottom: 20vw;
  }
}

.specialCrosstalk__memberTitle {
  max-width: 281px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberTitle {
    max-width: 100vw;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

.specialCrosstalk__memberList {
  margin-top: 32px;
  gap: 20px 44px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberList {
    margin-top: 3.2vw;
    flex-direction: column;
    gap: 4vw;
  }
}

.specialCrosstalk__memberItem {
  max-width: 437px;
  width: calc(50% - 22px);
  display: flex;
  align-items: center;
  gap: 0 15px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberItem {
    max-width: 100%;
    width: 100%;
    gap: 0 2.6666666667vw;
  }
}

.specialCrosstalk__memberImg {
  flex-shrink: 0;
  width: 150px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberImg {
    width: 32vw;
  }
}

.specialCrosstalk__memberDetail {
  width: 278px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberDetail {
    width: 52vw;
  }
}

.specialCrosstalk__memberName {
  border-bottom: 1px solid #000000;
  padding-bottom: 8px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberName {
    padding-bottom: 1.6vw;
  }
}

.specialCrosstalk__memberNameInner {
  display: block;
}

.specialCrosstalk__memberText {
  margin-top: 11px;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0.08em;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberText {
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
}

.specialCrosstalk__memberItem--01 .specialCrosstalk__memberNameInner {
  width: 143px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberItem--01 .specialCrosstalk__memberNameInner {
    width: 34.4vw;
  }
}

.specialCrosstalk__memberItem--02 .specialCrosstalk__memberNameInner {
  width: 131px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberItem--02 .specialCrosstalk__memberNameInner {
    width: 33.8666666667vw;
  }
}

.specialCrosstalk__memberItem--03 .specialCrosstalk__memberNameInner {
  width: 146px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberItem--03 .specialCrosstalk__memberNameInner {
    width: 34.9333333333vw;
  }
}

.specialCrosstalk__memberItem--04 .specialCrosstalk__memberNameInner {
  width: 134px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__memberItem--04 .specialCrosstalk__memberNameInner {
    width: 33.8666666667vw;
  }
}

.specialCrosstalk__item + .specialCrosstalk__item {
  margin-top: 100px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__item + .specialCrosstalk__item {
    margin-top: 26.6666666667vw;
  }
}

.specialCrosstalk__itemTitle {
  width: 906px;
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__itemTitle {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

.specialCrosstalk__content01 {
  max-width: 880px;
  margin: -50px auto 0;
  padding: 10px;
  background: linear-gradient(90deg, rgba(255, 110, 210, 0.2), rgba(0, 155, 228, 0.2));
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__content01 {
    margin-top: 5.3333333333vw;
    padding: 0;
    background: transparent;
  }
}

.specialCrosstalk__content01Inner {
  background-color: #fff;
  padding: 80px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__content01Inner {
    padding: 0;
    background: transparent;
  }
}

.specialCrosstalk__talk {
  display: flex;
  gap: 0 25px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talk {
    gap: 0 4vw;
  }
}
.specialCrosstalk__talk:nth-child(even) {
  flex-direction: row-reverse;
}
.specialCrosstalk__talk:nth-child(even) .specialCrosstalk__talkFukidashi::before {
  transform: rotate(-180deg);
  left: auto;
  right: -13px;
  top: 23px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talk:nth-child(even) .specialCrosstalk__talkFukidashi::before {
    right: -3.2vw;
    top: 5.8666666667vw;
  }
}
.specialCrosstalk__talk:nth-child(even) .specialCrosstalk__talkFukidashi::after {
  transform: rotate(-180deg);
  left: auto;
  right: -17px;
  top: 20px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talk:nth-child(even) .specialCrosstalk__talkFukidashi::after {
    right: -3.7333333333vw;
    top: 5.8666666667vw;
  }
}
.specialCrosstalk__talk:nth-child(n+2) {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talk:nth-child(n+2) {
    margin-top: 5.3333333333vw;
  }
}

.specialCrosstalk__talkImg {
  width: 70px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talkImg {
    width: 16vw;
  }
}

.specialCrosstalk__talkFukidashi {
  flex-grow: 1;
  border-radius: 15px;
  border: 2px solid #FF6ED2;
  position: relative;
  background-color: #fff;
  padding: 25px;
  z-index: 10;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0.09em;
  text-align: justify;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talkFukidashi {
    border-radius: 1.8666666667vw;
    border: 0.2666666667vw solid #FF6ED2;
    position: relative;
    background-color: #fff;
    padding: 4vw;
    z-index: 10;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
  }
}
.specialCrosstalk__talkFukidashi::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 13px solid #ffffff;
  border-left: 0;
  position: absolute;
  left: -13px;
  top: 23px;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talkFukidashi::before {
    border-top: 2.4vw solid transparent;
    border-bottom: 2.4vw solid transparent;
    border-right: 3.4666666667vw solid #fff;
    left: -3.2vw;
    top: 5.8666666667vw;
  }
}
.specialCrosstalk__talkFukidashi::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 17px solid #FF6ED2;
  border-left: 0;
  position: absolute;
  left: -17px;
  top: 20px;
  z-index: -10;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__talkFukidashi::after {
    border-top: 2.4vw solid transparent;
    border-bottom: 2.4vw solid transparent;
    border-right: 3.4666666667vw solid #FF6ED2;
    left: -3.7333333333vw;
    top: 5.8666666667vw;
  }
}

.specialCrosstalk__talkFukidashi--color01 {
  color: #FF6ED2;
}

.specialCrosstalk__talkFukidashi--color02 {
  color: #17A1E6;
}

.specialCrosstalk__talkFukidashi--color03 {
  color: #00C332;
}

.specialCrosstalk__talkFukidashi--color04 {
  color: #FA9600;
}

.specialCrosstalk__talk--01 .specialCrosstalk__talkFukidashi {
  border-color: #FF6ED2;
}
.specialCrosstalk__talk--01 .specialCrosstalk__talkFukidashi::after {
  border-right-color: #FF6ED2;
}

.specialCrosstalk__talk--02 .specialCrosstalk__talkFukidashi {
  border-color: #17A1E6;
}
.specialCrosstalk__talk--02 .specialCrosstalk__talkFukidashi::after {
  border-right-color: #17A1E6;
}

.specialCrosstalk__talk--03 .specialCrosstalk__talkFukidashi {
  border-color: #00C332;
}
.specialCrosstalk__talk--03 .specialCrosstalk__talkFukidashi::after {
  border-right-color: #00C332;
}

.specialCrosstalk__talk--04 .specialCrosstalk__talkFukidashi {
  border-color: #FA9600;
}
.specialCrosstalk__talk--04 .specialCrosstalk__talkFukidashi::after {
  border-right-color: #FA9600;
}

.specialCrosstalk__footImg {
  max-width: 488px;
  margin: 63px auto 0;
}
@media screen and (max-width: 1024px) {
  .specialCrosstalk__footImg {
    max-width: 100%;
    margin: 20vw auto 0;
  }
}

.button01 {
  display: block;
  width: 100%;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: 400;
  background-color: #c9a96f;
  border-radius: 50px;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .button01 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .button01 {
    font-size: 13px;
    letter-spacing: 0.2em;
  }
}
.button01__inner {
  display: block;
  padding: 12px 50px 16px 20px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .button01__inner {
    padding: 7px 20px 7px 7px;
  }
}
.button01__inner::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/common/button_arrow.svg);
  background-repeat: no-repeat;
  width: 52px;
  height: 52px;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
  .button01__inner::after {
    width: 35px;
    height: 35px;
    right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .button01__inner::after {
    width: 20px;
    height: 20px;
    right: 10px;
  }
}
.button01:hover .button01__inner::after {
  right: 14px;
}
@media screen and (max-width: 1200px) {
  .button01:hover .button01__inner::after {
    right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .button01:hover .button01__inner::after {
    right: 10px;
  }
}

.headtitle {
  height: 44.2307692308vw;
  background-image: url(../images/common/headtitle_bg01.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .headtitle {
    background-image: url(../images/common/sp_headtitle_bg01.png);
    height: 140.8vw;
  }
}

.headtitle__inner {
  padding-top: 10vw;
}
@media screen and (max-width: 1024px) {
  .headtitle__inner {
    padding-top: 21.3333333333vw;
  }
}

.headtitle__inner.columns {
  justify-content: flex-end;
  gap: 0 2.8461538462vw;
}
@media screen and (max-width: 1024px) {
  .headtitle__inner.columns {
    justify-content: space-between;
  }
}

.headtitle__left {
  width: 24.1538461538vw;
}
@media screen and (max-width: 1024px) {
  .headtitle__left {
    width: 76vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}

.headtitle__right {
  width: 56.0769230769vw;
}
@media screen and (max-width: 1024px) {
  .headtitle__right {
    width: 59.2vw;
    margin-left: -59.2vw;
  }
}

.headtitle--threeMinutes .headtitle__left {
  width: 24.1538461538vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--threeMinutes .headtitle__left {
    width: 78.6666666667vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}
@media screen and (max-width: 1024px) {
  .headtitle--threeMinutes .headtitle__text {
    width: 57.8666666667vw;
    z-index: 10;
    padding-bottom: 8.2666666667vw;
  }
}
.headtitle--threeMinutes .headtitle__enTitle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .headtitle--threeMinutes .headtitle__enTitle {
    display: block;
    position: absolute;
    left: 8.2666666667vw;
    top: 53.6vw;
    width: 76.8vw;
    mix-blend-mode: multiply;
  }
}

.headtitle--education .headtitle__left {
  width: 23.0769230769vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--education .headtitle__left {
    width: 44.2666666667vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}

.headtitle--interviews .headtitle__left {
  width: 23.0769230769vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--interviews .headtitle__left {
    width: 63.7333333333vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}

.headtitle--topmessage {
  height: auto;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage {
    background-size: contain;
  }
}
.headtitle--topmessage .headtitle__inner {
  padding-top: 10.6923076923vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__inner {
    padding-top: 21.3333333333vw;
  }
}
.headtitle--topmessage .headtitle__inner.columns {
  justify-content: space-between;
  padding-left: 16.9230769231vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__inner.columns {
    justify-content: space-between;
    padding-left: 0;
  }
}
.headtitle--topmessage .headtitle__left {
  width: auto;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__left {
    z-index: 10;
  }
}
.headtitle--topmessage .headtitle__right {
  margin-left: -76.9230769231vw;
  width: 60.8461538462vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__right {
    width: 78.9333333333vw;
  }
}
.headtitle--topmessage .headtitle__text {
  width: 23.0769230769vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__text {
    width: 57.8666666667vw;
    z-index: 10;
  }
}
.headtitle--topmessage .headtitle__message {
  margin-top: 4.1538461538vw;
  max-width: 34.9230769231vw;
  margin-left: 0.1538461538vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__message {
    margin-top: 50.9333333333vw;
    max-width: 81.0666666667vw;
    width: 100%;
    margin-left: 3.2vw;
  }
}
.headtitle--topmessage .headtitle__lead {
  margin-top: 2.6923076923vw;
  font-size: 1.0769230769vw;
  letter-spacing: 0.15em;
  font-weight: 600;
  line-height: 1.8571428571;
  padding-bottom: 6.2307692308vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__lead {
    margin-top: 7.2vw;
    font-size: 3.2vw;
    letter-spacing: 0.2em;
    font-weight: 600;
    line-height: 1.6666666667;
    padding-bottom: 11.4666666667vw;
    margin-left: 3.2vw;
  }
}
.headtitle--topmessage .headtitle__lead::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  max-width: 23.8461538462vw;
  width: 100%;
  height: 2px;
  background-color: #415555;
}
@media screen and (max-width: 1024px) {
  .headtitle--topmessage .headtitle__lead::after {
    max-width: 43.7333333333vw;
    height: 1px;
  }
}

@media screen and (max-width: 1024px) {
  .headtitle--information {
    background-position: 0 -17.5vw;
  }
}
.headtitle--information .headtitle__inner.columns {
  justify-content: flex-end;
  align-items: center;
  gap: 0 10.7692307692vw;
  padding-top: 10.5384615385vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--information .headtitle__inner.columns {
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 21.3333333333vw;
  }
}
.headtitle--information .headtitle__left {
  width: 15.8461538462vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--information .headtitle__left {
    margin-top: 12.8vw;
    width: 50.4vw;
    margin-left: 7.2vw;
    z-index: 10;
  }
}

.headtitle--peopleInterview {
  height: auto;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview {
    background-size: contain;
    background-position: 0 -0.8vw;
  }
}
.headtitle--peopleInterview .headtitle__inner.columns {
  justify-content: space-between;
  padding-left: 16.9230769231vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__inner.columns {
    justify-content: space-between;
    padding-left: 0;
  }
}
.headtitle--peopleInterview .headtitle__left {
  width: 100%;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__left {
    z-index: 10;
  }
}
.headtitle--peopleInterview .headtitle__right {
  margin-left: -76.9230769231vw;
  width: 60.8461538462vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__right {
    margin-left: -100vw;
    width: 78.9333333333vw;
  }
}
.headtitle--peopleInterview .headtitle__enTitle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__enTitle {
    display: block;
    position: absolute;
    left: 7.4666666667vw;
    top: 53.3333333333vw;
    width: 41.3333333333vw;
    mix-blend-mode: multiply;
  }
}
.headtitle--peopleInterview .headtitle__text {
  width: 23.0769230769vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__text {
    width: 47.2vw;
    z-index: 10;
    padding-bottom: 18.4vw;
  }
}
.headtitle--peopleInterview .headtitle__message {
  margin-top: 9.3076923077vw;
  max-width: 34.9230769231vw;
  margin-left: 0.1538461538vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message {
    margin-top: 56.8vw;
    max-width: 81.0666666667vw;
    width: 100%;
    margin-left: 3.2vw;
  }
}
.headtitle--peopleInterview .headtitle__message--01 {
  max-width: 27.6923076923vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--01 {
    max-width: 64.2666666667vw;
  }
}
.headtitle--peopleInterview .headtitle__message--02 {
  max-width: 29.7692307692vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--02 {
    max-width: 57.0666666667vw;
  }
}
.headtitle--peopleInterview .headtitle__message--03 {
  max-width: 28.5384615385vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--03 {
    max-width: 53.6vw;
  }
}
.headtitle--peopleInterview .headtitle__message--04 {
  max-width: 33.3846153846vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--04 {
    max-width: 77.3333333333vw;
  }
}
.headtitle--peopleInterview .headtitle__message--05 {
  max-width: 27.3846153846vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--05 {
    max-width: 63.4666666667vw;
  }
}
.headtitle--peopleInterview .headtitle__message--06 {
  max-width: 30.3846153846vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--06 {
    max-width: 69.3333333333vw;
  }
}
.headtitle--peopleInterview .headtitle__message--07 {
  max-width: 32.5384615385vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--07 {
    max-width: 73.6vw;
  }
}
.headtitle--peopleInterview .headtitle__message--08 {
  max-width: 28.0769230769vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--08 {
    max-width: 64.5333333333vw;
  }
}
.headtitle--peopleInterview .headtitle__message--09 {
  max-width: 31vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__message--09 {
    max-width: 71.4666666667vw;
  }
}
.headtitle--peopleInterview .headtitle__lead {
  margin-top: 2.6923076923vw;
  font-size: 1.0769230769vw;
  letter-spacing: 0.15em;
  font-weight: 600;
  line-height: 1.8571428571;
  padding-bottom: 6.2307692308vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__lead {
    margin-top: 7.2vw;
    font-size: 3.2vw;
    letter-spacing: 0.2em;
    font-weight: 600;
    line-height: 1.6666666667;
    padding-bottom: 11.4666666667vw;
    margin-left: 3.2vw;
  }
}
.headtitle--peopleInterview .headtitle__lead::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  max-width: 23.8461538462vw;
  width: 100%;
  height: 2px;
  background-color: #415555;
}
@media screen and (max-width: 1024px) {
  .headtitle--peopleInterview .headtitle__lead::after {
    max-width: 43.7333333333vw;
    height: 1px;
  }
}

.headtitle--workField .headtitle__left {
  width: 23.0769230769vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--workField .headtitle__left {
    width: 85.6vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}

.headtitle--specialCareer .headtitle__inner.columns {
  justify-content: space-between;
  padding-left: 16.9230769231vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCareer .headtitle__inner.columns {
    justify-content: space-between;
    padding-left: 0;
  }
}
.headtitle--specialCareer .headtitle__left {
  width: 29.4615384615vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCareer .headtitle__left {
    width: 63.7333333333vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}
.headtitle--specialCareer .headtitle__text {
  width: 29.4615384615vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCareer .headtitle__text {
    width: 65.3333333333vw;
    z-index: 10;
    padding-bottom: 18.4vw;
  }
}
.headtitle--specialCareer .headtitle__right {
  margin-left: -76.9230769231vw;
  width: 55.2307692308vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCareer .headtitle__right {
    margin-left: -100vw;
    width: 59.2vw;
  }
}
.headtitle--specialCareer .headtitle__enTitle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCareer .headtitle__enTitle {
    display: block;
    position: absolute;
    left: 7.4666666667vw;
    top: 63.4666666667vw;
    width: 82.6666666667vw;
    mix-blend-mode: multiply;
  }
}

.headtitle--specialQuestionnaire .headtitle__inner.columns {
  justify-content: space-between;
  padding-left: 16.9230769231vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialQuestionnaire .headtitle__inner.columns {
    justify-content: space-between;
    padding-left: 0;
  }
}
.headtitle--specialQuestionnaire .headtitle__left {
  width: 28.4615384615vw;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialQuestionnaire .headtitle__left {
    width: 51.2vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}
.headtitle--specialQuestionnaire .headtitle__text {
  width: 28.4615384615vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialQuestionnaire .headtitle__text {
    width: 51.2vw;
    z-index: 10;
    padding-bottom: 18.4vw;
  }
}
.headtitle--specialQuestionnaire .headtitle__right {
  margin-left: -76.9230769231vw;
  width: 60.9230769231vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialQuestionnaire .headtitle__right {
    margin-left: -100vw;
    width: 59.2vw;
  }
}
.headtitle--specialQuestionnaire .headtitle__enTitle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialQuestionnaire .headtitle__enTitle {
    display: block;
    position: absolute;
    left: 7.4666666667vw;
    top: 64.8vw;
    width: 54.6666666667vw;
    mix-blend-mode: multiply;
  }
}

.headtitle--specialCrosstalk .headtitle__inner.columns {
  justify-content: space-between;
  padding-left: 16.9230769231vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCrosstalk .headtitle__inner.columns {
    justify-content: space-between;
    padding-left: 0;
  }
}
.headtitle--specialCrosstalk .headtitle__left {
  width: 28.4615384615vw;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCrosstalk .headtitle__left {
    width: 51.2vw;
    margin-left: 6.6666666667vw;
    z-index: 10;
  }
}
.headtitle--specialCrosstalk .headtitle__text {
  width: 28.4615384615vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCrosstalk .headtitle__text {
    width: 51.2vw;
    z-index: 10;
    padding-bottom: 22.4vw;
  }
}
.headtitle--specialCrosstalk .headtitle__right {
  margin-left: -76.9230769231vw;
  width: 60.9230769231vw;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCrosstalk .headtitle__right {
    margin-left: -100vw;
    width: 59.2vw;
  }
}
.headtitle--specialCrosstalk .headtitle__enTitle {
  display: none;
}
@media screen and (max-width: 1024px) {
  .headtitle--specialCrosstalk .headtitle__enTitle {
    display: block;
    position: absolute;
    left: 7.4666666667vw;
    top: 63.4666666667vw;
    width: 68.5333333333vw;
    mix-blend-mode: multiply;
  }
}

.JsInview {
  transform: translateY(40px);
  opacity: 0;
  transition: all 1.2s;
}
.JsInview.is-active {
  opacity: 1;
  transform: translateY(0);
}
.JsInviewBox__01, .JsInviewBox__02, .JsInviewBox__03, .JsInviewBox__04, .JsInviewBox__05, .JsInviewBox__06, .JsInviewBox__07, .JsInviewBox__08, .JsInviewBox__09, .JsInviewBox__10 {
  transform: translateY(40px);
  opacity: 0;
  transition: all 1.2s;
}
.is-active .JsInviewBox__01, .is-active .JsInviewBox__02, .is-active .JsInviewBox__03, .is-active .JsInviewBox__04, .is-active .JsInviewBox__05, .is-active .JsInviewBox__06, .is-active .JsInviewBox__07, .is-active .JsInviewBox__08, .is-active .JsInviewBox__09, .is-active .JsInviewBox__10 {
  opacity: 1;
  transform: translateY(0);
}
.JsInviewBox__01 {
  transition-delay: 0;
}
.JsInviewBox__02 {
  transition-delay: 0.3s;
}
.JsInviewBox__03 {
  transition-delay: 0.6s;
}
.JsInviewBox__04 {
  transition-delay: 0.9s;
}
.JsInviewBox__05 {
  transition-delay: 1.2s;
}
.JsInviewBox__06 {
  transition-delay: 1.5s;
}
.JsInviewBox__07 {
  transition-delay: 1.8s;
}
.JsInviewBox__08 {
  transition-delay: 2.1s;
}
.JsInviewBox__09 {
  transition-delay: 2.4s;
}
.JsInviewBox__10 {
  transition-delay: 2.7s;
}

.show-pc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .show-pc {
    display: none;
  }
}

.show-sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .show-sp {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .show-sp--inline {
    display: inline;
  }
}
/*# sourceMappingURL=style.css.map */