@charset "UTF-8";

:where(.gs__main) {
  /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
  /* Reset box-model and set borders */
  /* ============================================ */
  /* 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.
  */
  /* Sections */
  /* ============================================ */
  /**
  * Remove the margin in all browsers.
  */
  /**
  * Render the `main` element consistently in IE.
  */
  /* Vertical rhythm */
  /* ============================================ */
  /* Headings */
  /* ============================================ */
  /* Lists (enumeration) */
  /* ============================================ */
  /* Lists (definition) */
  /* ============================================ */
  /* Grouping content */
  /* ============================================ */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics */
  /* ============================================ */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  * Add the correct font size in all browsers.
  */
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  /* Embedded content */
  /* ============================================ */
  /**
  * Prevent vertical alignment issues.
  */
  /* Forms */
  /* ============================================ */
  /**
  * Reset form fields to make them styleable
  */
  /**
  * Reset radio and checkbox appearance to preserve their look in iOS.
  */
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Remove the inner border and padding in Firefox.
  */
  /**
  * Restore the focus styles unset by the previous rule.
  */
  /**
  * Remove arrow in IE10 & IE11
  */
  /**
  * Remove padding
  */
  /**
  * Reset to invisible
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  /**
  * 1. Correct the outline style in Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /**
  * Clickable labels
  */
  /* Interactive */
  /* ============================================ */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  /*
  * Add the correct display in all browsers.
  */
  /*
  * Remove outline for editable content.
  */
  /* Table */
  /* ============================================ */
  /* Misc */
  /* ============================================ */
  /**
  * Add the correct display in IE 10+.
  */
  /**
  * Add the correct display in IE 10.
  */
}

/* #content-container #content:has(.gs__main) {
  width: 100%;
  padding: 0;
} */

/* @media screen and (max-width: 940px) {
  #content-container #content:has(.gs__main) {
    padding: 0
  }
} */

:where(.gs__main) *,
:where(.gs__main) ::before,
:where(.gs__main) ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

:where(.gs__main) html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

:where(.gs__main) body {
  margin: 0;
}

:where(.gs__main) main {
  display: block;
}

:where(.gs__main) p,
:where(.gs__main) table,
:where(.gs__main) blockquote,
:where(.gs__main) address,
:where(.gs__main) pre,
:where(.gs__main) iframe,
:where(.gs__main) form,
:where(.gs__main) figure,
:where(.gs__main) dl {
  margin: 0;
}

:where(.gs__main) h1,
:where(.gs__main) h2,
:where(.gs__main) h3,
:where(.gs__main) h4,
:where(.gs__main) h5,
:where(.gs__main) h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

:where(.gs__main) ul,
:where(.gs__main) ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(.gs__main) dt {
  font-weight: bold;
}

:where(.gs__main) dd {
  margin-left: 0;
}

:where(.gs__main) hr {
  clear: both;
  /* 1 */
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0;
  /* 1 */
  height: 0;
  /* 2 */
  border-top-width: 1px;
  color: inherit;
}

:where(.gs__main) pre {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

:where(.gs__main) address {
  font-style: inherit;
}

:where(.gs__main) a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

:where(.gs__main) abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

:where(.gs__main) b,
:where(.gs__main) strong {
  font-weight: bolder;
}

:where(.gs__main) code,
:where(.gs__main) kbd,
:where(.gs__main) samp {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

:where(.gs__main) small {
  font-size: 80%;
}

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

:where(.gs__main) sub {
  bottom: -0.25em;
}

:where(.gs__main) sup {
  top: -0.5em;
}

:where(.gs__main) img,
:where(.gs__main) embed,
:where(.gs__main) object,
:where(.gs__main) iframe {
  vertical-align: bottom;
}

:where(.gs__main) button,
:where(.gs__main) input,
:where(.gs__main) optgroup,
:where(.gs__main) select,
:where(.gs__main) textarea {
  margin: 0;
  padding: 0;
  outline: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  vertical-align: middle;
  text-align: inherit;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:where(.gs__main) [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

:where(.gs__main) [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

:where(.gs__main) button,
:where(.gs__main) input {
  /* 1 */
  overflow: visible;
}

:where(.gs__main) button,
:where(.gs__main) select {
  /* 1 */
  text-transform: none;
}

:where(.gs__main) button,
:where(.gs__main) [type=button],
:where(.gs__main) [type=reset],
:where(.gs__main) [type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:where(.gs__main) button[disabled],
:where(.gs__main) [type=button][disabled],
:where(.gs__main) [type=reset][disabled],
:where(.gs__main) [type=submit][disabled] {
  cursor: default;
}

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

:where(.gs__main) button:-moz-focusring,
:where(.gs__main) [type=button]:-moz-focusring,
:where(.gs__main) [type=reset]:-moz-focusring,
:where(.gs__main) [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:where(.gs__main) select::-ms-expand {
  display: none;
}

:where(.gs__main) option {
  padding: 0;
}

:where(.gs__main) fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

:where(.gs__main) legend {
  /* 2 */
  display: table;
  /* 1 */
  padding: 0;
  /* 1 */
  max-width: 100%;
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */
}

:where(.gs__main) progress {
  vertical-align: baseline;
}

:where(.gs__main) textarea {
  overflow: auto;
}

:where(.gs__main) [type=number]::-webkit-inner-spin-button,
:where(.gs__main) [type=number]::-webkit-outer-spin-button {
  height: auto;
}

:where(.gs__main) [type=search] {
  outline-offset: -2px;
  /* 1 */
}

:where(.gs__main) [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where(.gs__main) ::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

:where(.gs__main) label[for] {
  cursor: pointer;
}

:where(.gs__main) details {
  display: block;
}

:where(.gs__main) summary {
  display: list-item;
}

:where(.gs__main) [contenteditable] {
  outline: none;
}

:where(.gs__main) table {
  border-spacing: 0;
  border-collapse: collapse;
}

:where(.gs__main) caption {
  text-align: left;
}

:where(.gs__main) td,
:where(.gs__main) th {
  padding: 0;
  vertical-align: top;
}

:where(.gs__main) th {
  text-align: left;
  font-weight: bold;
}

:where(.gs__main) template {
  display: none;
}

:where(.gs__main) [hidden] {
  display: none;
}

:where(.gs__main) {
  --board: 1200;
  --max: 1px;
}

:where(.gs__main) {
  --colorBlack: #222;
  --colorBg: #fff;
  --colorMain: #dc1e37;
}

:where(.gs__main) {
  --fontGothic: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  --fontMincho: "Zen Old Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  --fontEnglish: "Roboto", sans-serif;
  --fontMaru: "Zen Maru Gothic", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

:where(.gs__main) {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:where(.gs__main) {
  --fontSize: r(16);
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:where(.gs__main) {
  --bodyBg: var(--colorBg);
  --speed: .4s;
}

:where(.gs__main) :where(.gs__main) {
  background-color: var(--bodyBg);
  color: var(--colorBlack);
  letter-spacing: var(--letterSpacing);
  font-weight: var(--weightRegular);
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
  font-optical-sizing: auto;
  -webkit-font-feature-settings: var(--kerning);
  font-feature-settings: var(--kerning);
}

@-webkit-keyframes name {}

@keyframes name {}

:where(.gs__main) a {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

:where(.gs__main) a:focus {
  text-decoration: none;
}

:where(.gs__main) a img {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

:where(.gs__main) a[href^="tel:"] {
  color: inherit;
}

:where(.gs__main) img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.gs__nav {
  display: none !important;
}

.gs__nav-2 {
  position: sticky !important;
  top: 0 !important;
  z-index: 99;
  background-color: #f9f9f9;
}

.gs__nav-2 .nav-local-04 {
  position: static !important;
  margin-right: auto;
  margin-bottom: 0 !important;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
}

.gs__nav {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.gs__nav-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
}

.gs__nav-logo {
  color: inherit !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
}

.gs__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}

.gs__nav-link {
  color: #858585 !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}

.gs__nav-link.is-active {
  color: #fff !important;
  pointer-events: none;
}

.gs__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}

.gs__nav-button {
  position: fixed;
  right: 0;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 118, var(--max) * 118);
  height: clamp(0px, 10vw / var(--board) * 10 * 83, var(--max) * 83);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  background-color: var(--colorMain);
  color: #fff !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.gs__nav-button:nth-of-type(1) {
  bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  background-color: #000;
}

.gs__main {
  position: relative;
  background-color: #f6f6f6;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: var(--fontGothic);
  margin: 0 calc(50% - 50vw)
}

.gs__main-inner {
  overflow: hidden;
  max-width: 100%;
}

.gs__inner {
  position: relative;
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
}

.gs__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: #dc1e37;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1.5;
}

.gs__title em {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}

[data-fade] {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
  transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
}

[data-fade].is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.gs__main-inner {
  position: relative;
  z-index: 1;
}

.gs__main-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 110vh;
  background: linear-gradient(113.07deg, #f2fbff 4.96%, #dcecff 99.29%);
}

.gs__main-inner.is-fixed::before {
  position: fixed;
}

.gs__main-inner.is-footer-show::before {
  position: absolute;
  top: auto;
  bottom: 0;
}

.gs-top__section {
  position: relative;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
}

.gs-top__section::before {
  content: attr(data-word);
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: 0;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  font-size: 24.30555556vw;
  font-family: var(--fontEnglish);
  line-height: 1;
  opacity: 0.7;
  -webkit-transform: translateY(0) translateX(-0.1em);
  transform: translateY(0) translateX(-0.1em);
}

@-webkit-keyframes mv_scroll {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 1000% 0;
  }
}

@keyframes mv_scroll {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 1000% 0;
  }
}

.gs-top__mv {
  position: relative;
  z-index: 1;
  height: clamp(0px, 10vw / var(--board) * 10 * 1024, var(--max) * 1024);
}

.gs-top__mv-bg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/jp/about/company/ygs/recruit/img/image_top-mv.webp);
  background-position: left top;
  background-size: auto clamp(0px, 10vw / var(--board) * 10 * 1024, var(--max) * 1024);
  background-repeat: repeat-x;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.gs-top__mv-bg {
  -webkit-animation: mv_scroll 600s linear infinite;
  animation: mv_scroll 600s linear infinite;
}

.gs-top__mv-message {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
  right: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
  color: #000;
  font-weight: 700;
}

.gs-top__mv-message em {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}

.gs-top__mv-message span {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
}

.gs-top__green {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
}

.gs-top__green::before {
  content: attr(data-word);
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  left: calc(50% - 50vw);
  z-index: -1;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  font-size: 24.30555556vw;
  font-family: var(--fontEnglish);
  line-height: 1;
  opacity: 0.7;
  -webkit-transform: translateY(-65%) translateX(-0.15em);
  transform: translateY(-65%) translateX(-0.15em);
}

.gs-top__green-inner {
  position: relative;
}

.gs-top__green-box {
  position: relative;
  margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150) * -1);
}

.gs-top__green-box-bg {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  right: 0;
  z-index: 0;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 765, var(--max) * 765);
  height: clamp(0px, 10vw / var(--board) * 10 * 686, var(--max) * 686);
  background-image: url(/jp/about/company/ygs/recruit/img/image_top-green.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.gs-top__green-title {
  margin-bottom: 0.7em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  line-height: 1.5;
}

.gs-top__green-text {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
  line-height: 1.8;
}

.gs-top__green-text+.gs-top__green-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.gs-top__green-info {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 595, var(--max) * 595);
  padding: clamp(0px, 10vw / var(--board) * 10 * 318, var(--max) * 318) clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-color: #e12e93;
}

.gs-top__green-info-image--large {
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 138, var(--max) * 138) * -1);
  left: calc(clamp(0px, 10vw / var(--board) * 10 * 167, var(--max) * 167) * -1);
  z-index: 1;
  max-width: none;
  width: clamp(0px, 10vw / var(--board) * 10 * 1109, var(--max) * 1109);
}

.gs-top__green-info-image--small {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 304, var(--max) * 304);
}

.gs-top__green-info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}

.gs-top__green-info-logo {
  width: clamp(0px, 10vw / var(--board) * 10 * 189, var(--max) * 189);
}

.gs-top__green-info-box {
  color: #fff;
}

.gs-top__green-info-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.gs-top__green-info-text {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  line-height: 1.8;
}

.gs-top__green-info-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  padding-top: 1px;
  width: clamp(0px, 10vw / var(--board) * 10 * 262, var(--max) * 262);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border: 1px solid var(--colorMain);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  background-color: #fff;
  font-weight: 700;
}

.gs-top__green-system {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
}

.gs-top__green-system-image {
  margin-right: auto;
  margin-left: auto;
  max-width: 100vw;
  width: clamp(0px, 10vw / var(--board) * 10 * 1285, var(--max) * 1285);
}

.gs-top__case {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
}

.gs-top__case::before {
  -webkit-transform: translateY(10%) translateX(-0.1em);
  transform: translateY(10%) translateX(-0.1em);
}

.gs-top__case-list {
  counter-reset: custom-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

.gs-top__case-box {
  counter-increment: custom-counter;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-color: #fff;
}

.gs-top__case-button {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: var(--colorMain);
}

.gs-top__case-button::before,
.gs-top__case-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  max-height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gs-top__case-button::after {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.is-open .gs-top__case-button::after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
}

.gs-top__case-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  border: 1px solid;
  border-right: 0;
  border-left: 0;
  color: var(--colorMain);
}

.gs-top__case-info::before {
  content: "#" counter(custom-counter);
  display: block;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  line-height: 1.5;
}

.gs-top__case-title {
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.gs-top__case-photo {
  width: clamp(0px, 10vw / var(--board) * 10 * 472, var(--max) * 472);
}

.gs-top__case-accordion {
  overflow: hidden;
  width: 100%;
  height: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.is-open .gs-top__case-accordion {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: auto;
  height: calc-size(auto, size);
}

.gs-top__case-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  width: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-color: #f8f8f8;
}

.gs-top__case-name p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
}

.gs-top__case-name p:nth-child(1) {
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.gs-top__case-name p:nth-child(2) {
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-left: 2px solid #fff;
}

.gs-top__case-name em {
  margin-top: 0.7em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1;
}

.gs-top__case-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
}

.gs-top__case-content+.gs-top__case-content {
  border-top: 1px solid var(--colorMain);
}

.gs-top__case-content-info {
  width: clamp(0px, 10vw / var(--board) * 10 * 349, var(--max) * 349);
}

.gs-top__case-content-title {
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.gs-top__case-content-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 1.8;
}

.gs-top__case-content-image {
  width: clamp(0px, 10vw / var(--board) * 10 * 474, var(--max) * 474);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

.gs-top__person-list::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc((clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110) - 100vw) * 0.5);
  max-width: none;
  width: 100vw;
  height: 1px;
  background-color: var(--colorMain);
}

.gs-top__person-item:nth-of-type(3n+1) {
  position: relative;
}

.gs-top__person-item:nth-of-type(3n+1)::before {
  content: "";
  position: absolute;
  top: -1px;
  left: calc((clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110) - 100vw) * 0.5);
  display: block;
  max-width: none;
  width: 100vw;
  height: 1px;
  background-color: var(--colorMain);
}

.gs-top__person-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: 100%;
  border: 1px solid var(--colorMain);
  border-top: 0;
  border-left: 0;
  color: #000 !important;
  text-decoration: none !important;
}

.gs-top__person-link::after {
  content: "";
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-image: url(/jp/about/company/ygs/recruit/img/arrow_top-person.svg);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.gs-top__person-image {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}

.gs-top__person-name em {
  display: block;
  font-weight: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1.5;
}

.gs-top__person-name span {
  display: none;
  color: #afaeae;
  line-height: 1.6;
}

.gs-top__person-info {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.8;
}

.gs-top__message-container {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

.gs-top__message-photo {
  position: relative;
  z-index: 2;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  width: clamp(0px, 10vw / var(--board) * 10 * 861, var(--max) * 861);
  height: clamp(0px, 10vw / var(--board) * 10 * 543, var(--max) * 543);
  color: #fff;
}

.gs-top__message-photo * {
  position: relative;
  z-index: 1;
}

.gs-top__message-photo picture {
  position: static;
}

.gs-top__message-photo h3 {
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.gs-top__message-photo h3+p {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}

.gs-top__message-photo span {
  display: block;
  margin-bottom: 1em;
  line-height: 1.6;
}

.gs-top__message-photo em {
  display: block;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
  line-height: 1.8;
}

.gs-top__message-photo strong {
  display: block;
  color: inherit;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1.5;
}

.gs-top__message-image {
  position: absolute;
  top: 0;
  left: calc(clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160) * -1);
  z-index: 0;
  max-width: none;
  width: clamp(0px, 10vw / var(--board) * 10 * 1021, var(--max) * 1021);
}

.gs-top__message-content {
  position: relative;
  z-index: 1;
  margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 176, var(--max) * 176) * -1);
  margin-left: auto;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 107, var(--max) * 107);
  width: clamp(0px, 10vw / var(--board) * 10 * 1003, var(--max) * 1003);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0 0 clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-color: #fff;
}

.gs-top__message-content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 162, var(--max) * 162);
  height: 100%;
  border-radius: 0 clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0;
  background-color: #fff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.gs-top__message-info p {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
  line-height: 1.8;
}

.gs-top__message-info p+p {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

.gs-top__data::before {
  -webkit-transform: translateY(-13%) translateX(-0.1em);
  transform: translateY(-13%) translateX(-0.1em);
}

.gs-top__data-container {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) 1fr;
  grid-template-columns: repeat(3, 1fr);
}

.gs-top__data-number {
  width: 100%;
}

.gs-top__support::before {
  -webkit-transform: translateY(-13%) translateX(-0.1em);
  transform: translateY(-13%) translateX(-0.1em);
}

.gs-top__support-container {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 126, var(--max) * 126) clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-color: #fff;
}

.gs-top__support-copy {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
}

.gs-top__support-title {
  margin-bottom: 1em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
  line-height: 1.8;
}

.gs-top__support-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  padding: 1em 0;
  border: 1px solid var(--colorMain);
  border-right: 0;
  border-left: 0;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
  line-height: 1.8;
}

.gs-top__support-item+.gs-top__support-item {
  border-top: 0;
}

.gs-top__support-item dt {
  font-weight: normal;
}

.gs-top__support-item dd span {
  display: block;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}

.gs-top__flow::before {
  -webkit-transform: translateY(-13%) translateX(-0.1em);
  transform: translateY(-13%) translateX(-0.1em);
}

.gs-top__flow-container {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 126, var(--max) * 126) clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-color: #fff;
}

.gs-top__flow-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1.5;
}

.gs-top__flow-inner+.gs-top__flow-inner {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}

.gs-top__flow-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0;
  border-top: 1px solid var(--colorMain);
}

.gs-top__flow-box:last-of-type {
  border-bottom: 1px solid var(--colorMain);
}

.gs-top__flow-icon {
  width: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128);
}

.gs-top__flow-subtitle {
  margin-bottom: 0.5em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
  line-height: 1.8;
}

.gs-top__flow-text {
  line-height: 1.8;
}

.gs-top__faq {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
}

.gs-top__faq::before {
  content: "Q A";
  letter-spacing: 0.05em;
  -webkit-transform: translateY(-13%) translateX(-0.1em);
  transform: translateY(-13%) translateX(-0.1em);
}

.gs-top__faq::after {
  content: "&";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: 0;
  color: #fff;
  font-weight: 700;
  font-size: 14.30555556vw;
  font-family: var(--fontEnglish);
  line-height: 1;
  opacity: 0.7;
  -webkit-transform: translateY(6vw) translateX(14vw);
  transform: translateY(6vw) translateX(14vw);
}

.gs-top__faq-container {
  counter-reset: custom-counter2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

.gs-top__faq-box {
  counter-increment: custom-counter2;
  padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 127, var(--max) * 127);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-color: #fff;
}

.gs-top__faq-question {
  position: relative;
  padding-bottom: 1em;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  border-bottom: 1px solid;
  color: var(--colorMain);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1.5;
}

.gs-top__faq-question::before {
  content: "Q" counter(custom-counter2) ".";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  line-height: 1;
}

.gs-top__faq-answer {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  line-height: 1.8;
}

.gs-top__faq-answer::before {
  content: "A.";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  line-height: 1;
}

.gs-interview__mv {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 228, var(--max) * 228);
  background: linear-gradient(113.07deg, #f2fbff 4.96%, #dcecff 99.29%);
}

.gs-interview__mv-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
}

.gs-interview__mv-inner::before {
  content: "Interview";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  line-height: 1;
  opacity: 0.7;
}

.gs-interview__mv-info {
  position: relative;
  z-index: 1;
  margin-left: calc((100% - clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110)) * 0.5);
}

.gs-interview__mv-image {
  position: relative;
  z-index: 1;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 767, var(--max) * 767);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
}

.gs-interview__mv-title {
  display: block;
  padding-bottom: 0.75em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid;
  color: var(--colorMain);
  font-weight: 700;
  line-height: 1;
}

.gs-interview__mv-copy {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  width: clamp(0px, 10vw / var(--board) * 10 * 476, var(--max) * 476);
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.5;
}

.gs-interview__mv-post {
  display: block;
  color: var(--colorMain);
  line-height: 1.6;
}

.gs-interview__mv-name {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1.5;
}

.gs-interview__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  width: 100%;
}

.gs-interview__content h2 {
  margin-bottom: 1.4em;
  padding-bottom: 0.4em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid;
  color: var(--colorMain);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22.4, var(--max) * 22.4);
  line-height: 1.5;
}

.gs-interview__content img {
  width: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}

.gs-interview__content .gs-interview__content-full img {
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
}

.gs-interview__content p {
  line-height: 1.8;
}

.gs-interview__content p+p {
  margin-top: 1em;
}

.gs-interview__content>div+div {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
}

.gs-interview__content-center {
  width: clamp(0px, 10vw / var(--board) * 10 * 856, var(--max) * 856);
}

.gs-interview__content-full {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: 100%;
}

.gs-interview__content-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
}

.gs-interview__content-gallery.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.gs-interview__content-info {
  width: clamp(0px, 10vw / var(--board) * 10 * 474, var(--max) * 474);
}

.gs-interview__content-photo {
  width: clamp(0px, 10vw / var(--board) * 10 * 568, var(--max) * 568);
}

.gs-interview__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150) auto clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 127, var(--max) * 127);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-color: #fff;
}

.gs-interview__intro-image {
  width: clamp(0px, 10vw / var(--board) * 10 * 262, var(--max) * 262);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}

.gs-interview__intro-info {
  width: clamp(0px, 10vw / var(--board) * 10 * 507, var(--max) * 507);
}

.gs-interview__intro-title {
  margin-bottom: 1em;
  color: var(--colorMain);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
}

.gs-interview__intro-text {
  line-height: 1.8;
}

.gs-interview__person {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
}

.gs-interview__person {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
}

.gs-interview__person-inner .gs-interview-prev,
.gs-interview__person-inner .gs-interview-next {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 313, var(--max) * 313);
  z-index: 10;
  width: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.gs-interview__person-inner .gs-interview-prev {
  left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-image: url(/jp/about/company/ygs/recruit/img/arrow_slide-left.svg);
}

.gs-interview__person-inner .gs-interview-next {
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  background-image: url(/jp/about/company/ygs/recruit/img/arrow_slide-right.svg);
}

.gs-interview__person-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: 100%;
}

.gs-interview__person-box {
  width: clamp(0px, 10vw / var(--board) * 10 * 370, var(--max) * 370);
  height: 100%;
}

.gs-interview__person-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: 100%;
  height: 100%;
  border: 1px solid var(--colorMain);
  border-right: 0;
  color: #000 !important;
}

.gs-interview__person-link::after {
  content: "";
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-image: url(/jp/about/company/ygs/recruit/img/arrow_top-person.svg);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.gs-interview__person-link .gs-top__person-info {
  display: none;
}

.gs-interview__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160) auto 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 132, var(--max) * 132);
  height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  background-color: var(--colorMain);
  color: #fff !important;
}

.pc-none {
  display: none;
}

@media (min-width: 769px) {
  .gs-top__person-list {
    position: relative;
    display: -ms-grid;
    display: grid;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    border-left: 1px solid var(--colorMain);
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .gs-top__person-list>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .gs-top__person-list>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .gs-top__person-list>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

@media (max-width: 1400px) {
  .gs-interview__mv-info {
    margin-left: calc((100vw - clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110)) * 0.5);
  }

  .gs-interview__mv-image {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
    margin-right: calc((100vw - clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110)) * 0.5);
  }
}

@media screen and (max-width: 940px) {
  .gs__nav-2 .nav-local-04 .nav-local-04-location .nav-local-04-location-inner {
    background: url(/jp/about/company/ygs/recruit/img/icon_arrow-btm_05.png) no-repeat 100% 2px;
  }

  .gs__nav-2 .nav-local-04 .nav-local-04-location .nav-local-04-location-inner.slide-down {
    background: url(/jp/about/company/ygs/recruit/img/icon_arrow-top_04.png) no-repeat 100% 2px;
  }
}

.is-cv {
  position: fixed;
  right: 0;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}



@media (max-width: 768px) {


  :where(.gs__main) {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10.67, var(--max) * 10.67);
  }

  :where(.gs__main) *,
  :where(.gs__main) *::before,
  :where(.gs__main) *::after {
    max-width: 100%;
  }

  .gs__nav-inner {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }

  .gs__nav-logo {
    position: relative;
    z-index: 10;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }

  .gs__nav-list {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
  }

  .gs__nav-list {
    opacity: 0;
    pointer-events: none;
  }

  .is-spnav-open .gs__nav-list {
    opacity: 1;
    pointer-events: auto;
  }

  .is-spnav-open #header {
    position: relative;
    z-index: 12;
  }

  .gs__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: 100%;
    height: 100%;
    color: #fff !important;
  }

  .gs__nav-nest .gs__nav-link {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }

  .gs__nav-nest .gs__nav-link::before {
    content: "ー";
    margin-right: 0.25em;
  }

  .gs__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
    border-bottom: 1px solid #fff;
  }

  .gs__nav-item.is-cv {
    display: none;
  }

  .is-spnav-open .is-cv {
    height: 0;
    opacity: 0;
    pointer-events: none;
  }

  .gs__nav-menu {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    height: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }

  .gs__nav-menu::after {
    content: "";
    position: absolute;
    top: 50%;
    right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    display: block;
    width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    height: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    background-image: url(/jp/about/company/ygs/recruit/img/arrow_spnav.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }

  .is-spnav-open .gs__nav-menu::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
  }

  .gs__inner {
    margin-right: auto;
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 342, var(--max) * 342);
  }

  .gs__title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs__title em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    line-height: 1;
  }

  .gs-top__section {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }

  .gs-top__section::before {
    top: 0.25em;
    left: -0.2em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }

  .gs-top__mv {
    height: clamp(0px, 10vw / var(--board) * 10 * 900, var(--max) * 900);
  }

  .gs-top__mv-bg {
    top: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
    background-size: auto clamp(0px, 10vw / var(--board) * 10 * 500, var(--max) * 500);
  }

  .gs-top__mv-message {
    top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    right: auto;
    left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__mv-message em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    line-height: 1.5;
  }

  .gs-top__mv-message span {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-top__green::before {
    top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    left: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) * -1);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }

  .gs-top__green-box {
    margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280) * -1);
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__green-box-bg {
    position: static;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    height: clamp(0px, 10vw / var(--board) * 10 * 288, var(--max) * 288);
  }

  .gs-top__green-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__green-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__green-info {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
    padding: clamp(0px, 10vw / var(--board) * 10 * 123, var(--max) * 123) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    border-radius: 0 clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0;
  }

  .gs-top__green-info-image--large {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) * -1);
    left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    width: clamp(0px, 10vw / var(--board) * 10 * 307, var(--max) * 307);
    height: clamp(0px, 10vw / var(--board) * 10 * 256, var(--max) * 256);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
    border-radius: 0 clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) 0;
  }

  .gs-top__green-info-image--small {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    width: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
  }

  .gs-top__green-info-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }

  .gs-top__green-info-logo {
    width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  }

  .gs-top__green-info-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .gs-top__green-info-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__green-info-button {
    width: clamp(0px, 10vw / var(--board) * 10 * 229, var(--max) * 229);
    height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }

  .gs-top__case-list {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__case-box {
    gap: 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .gs-top__case-button {
    right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }

  .gs-top__case-button::before,
  .gs-top__case-button::after {
    min-width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    min-height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    max-height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  }

  .gs-top__case-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  }

  .gs-top__case-info::before {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    line-height: 1;
  }

  .gs-top__case-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }

  .gs-top__case-photo {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__case-name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__case-name p {
    padding: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }

  .gs-top__case-name p:nth-child(1) {
    padding-right: 0;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    border-right: 0;
    border-bottom: 1px solid #fff;
  }

  .gs-top__case-name p:nth-child(2) {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    padding-left: 0;
  }

  .gs-top__case-name em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-top__case-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  }

  .gs-top__case-content-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__case-content-text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-top__case-content-image {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  }

  .gs-top__person-wrapper {
    position: relative;
    margin-left: calc((100% - 100vw) * 0.5);
    max-width: none;
    width: 100vw;
    border: 1px solid var(--colorMain);
    border-right: 0;
    border-bottom: 0;
  }

  .gs-top__person-wrapper .swiper-button-prev,
  .gs-top__person-wrapper .swiper-button-next {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 313, var(--max) * 313);
    z-index: 10;
    width: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .gs-top__person-wrapper .swiper-button-prev {
    left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    background-image: url(/jp/about/company/ygs/recruit/img/arrow_slide-left.svg);
  }

  .gs-top__person-wrapper .swiper-button-next {
    right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    background-image: url(/jp/about/company/ygs/recruit/img/arrow_slide-right.svg);
  }

  .gs-top__person-list {
    display: -webkit-box;
    margin-top: 0;
  }

  .gs-top__person-item {
    width: clamp(0px, 10vw / var(--board) * 10 * 290, var(--max) * 290);
  }

  .gs-top__person-item:nth-of-type(3n+1) {
    position: static;
  }

  .gs-top__person-item:nth-of-type(3n+1)::before {
    display: none;
  }

  .gs-top__person-link::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    width: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    height: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__message-container {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }

  .gs-top__message-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    height: auto;
    color: #000;
  }

  .gs-top__message-photo h3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__message-photo h3+p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }

  .gs-top__message-photo span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }

  .gs-top__message-photo em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-top__message-photo strong {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__message-image {
    position: static;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: calc(clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) * -1);
    width: clamp(0px, 10vw / var(--board) * 10 * 366, var(--max) * 366);
    height: clamp(0px, 10vw / var(--board) * 10 * 451, var(--max) * 451);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .gs-top__message-content {
    margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460) * -1);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__message-info p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__data-container {
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }

  .gs-top__support-container {
    margin-left: calc((100% - 100vw) * 0.5);
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
    max-width: none;
    width: 100vw;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .gs-top__support-copy {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-top__support-title {
    margin-bottom: 1.5em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .gs-top__support-item {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__support-item dd span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }

  .gs-top__flow-container {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-left: calc((100% - 100vw) * 0.5);
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
    max-width: none;
    width: 100vw;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .gs-top__flow-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .gs-top__flow-subtitle {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__flow-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-top__faq {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 127, var(--max) * 127);
  }

  .gs-top__faq::before {
    letter-spacing: 0.1em;
  }

  .gs-top__faq::after {
    top: 0.35em;
    left: -0.08em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .gs-top__faq-container {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }

  .gs-top__faq-box {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .gs-top__faq-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .gs-top__faq-question::before {
    position: static;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }

  .gs-top__faq-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-left: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .gs-top__faq-answer::before {
    position: static;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }

  .gs-interview__mv {
    padding-top: 0;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  }

  .gs-interview__mv-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }

  .gs-interview__mv-inner::before {
    left: -0.15em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .gs-interview__mv-info {
    position: static;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0;
  }

  .gs-interview__mv-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
  }

  .gs-interview__mv-title {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-interview__mv-copy {
    margin: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-interview__mv-post {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-interview__mv-name {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .gs-interview__content>*:first-child {
    margin-top: calc(clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130) * -1);
  }

  .gs-interview__content h2 {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18.5, var(--max) * 18.5);
  }

  .gs-interview__content p {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-interview__content>div+div {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }

  .gs-interview__content-gallery {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }

  :where(.gs-interview__content-gallery) .gs-interview__content-photo {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-interview__intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-interview__intro-image {
    width: 100%;
  }

  .gs-interview__intro-title {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .gs-interview__intro-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .gs-interview__person-box {
    width: clamp(0px, 10vw / var(--board) * 10 * 290, var(--max) * 290);
  }

  .gs-interview__person-link {
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .gs-interview__person-link::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }

  .gs-interview__button {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .pc-none {
    display: block !important;
  }

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

@media screen and (max-width: 768px) {
  :where(.gs__main) {
    --board: 390;
    --max: 9999px;
  }
}

@media (hover: hover) {
  :where(.gs__main) a:hover {
    opacity: 0.6;
  }

  .gs__nav-link:hover {
    color: #fff !important;
    opacity: 1;
  }

  .gs__nav-button:hover {
    color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    opacity: 1;
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
  }

  .gs__nav-button:nth-of-type(1):hover {
    background-color: #484848;
  }

  .gs__main a:hover {
    text-decoration: none;
  }
}