@charset "UTF-8";
@import url(https://use.typekit.net/nkr2iqt.css);
@import url(https://use.typekit.net/nkr2iqt.css);
@import url(https://use.typekit.net/nkr2iqt.css);
@import url(https://use.typekit.net/nkr2iqt.css);
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template, [hidden] {
  display: none;
}

figure {
  margin: 0;
}

@-webkit-keyframes pathmove {
  0% {
    height: 1px;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    height: 150px;
    opacity: 0;
  }
}
@keyframes pathmove {
  0% {
    height: 1px;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    height: 150px;
    opacity: 0;
  }
}
@-webkit-keyframes rectangleIn {
  0% {
    -webkit-transform: rotate(-33deg) skewY(33deg) translate(0) scaleY(0);
            transform: rotate(-33deg) skewY(33deg) translate(0) scaleY(0);
  }
  100% {
    -webkit-transform: rotate(-33deg) skewY(33deg) translate(0, 0) scaleY(1);
            transform: rotate(-33deg) skewY(33deg) translate(0, 0) scaleY(1);
  }
}
@keyframes rectangleIn {
  0% {
    -webkit-transform: rotate(-33deg) skewY(33deg) translate(0) scaleY(0);
            transform: rotate(-33deg) skewY(33deg) translate(0) scaleY(0);
  }
  100% {
    -webkit-transform: rotate(-33deg) skewY(33deg) translate(0, 0) scaleY(1);
            transform: rotate(-33deg) skewY(33deg) translate(0, 0) scaleY(1);
  }
}
@-webkit-keyframes topGraphAnimationSp {
  from {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
  to {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes topGraphAnimationSp {
  from {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
  to {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes topGraphAnimationSp {
  from {
    -webkit-transform: scaleY(0.1) translate(-50%, 0);
            transform: scaleY(0.1) translate(-50%, 0);
  }
  to {
    -webkit-transform: scaleY(1) translate(-50%, 0);
            transform: scaleY(1) translate(-50%, 0);
  }
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes ringOnInterview {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  2% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
    transform: translate(2px, 0) rotateZ(2deg);
  }
  4% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  6% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
    transform: translate(-2px, 0) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  10% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
    transform: translate(2px, 0) rotateZ(2deg);
  }
  12% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  14% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
    transform: translate(-2px, 0) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  18% {
    -webkit-transform: translate(2px, 0) rotateZ(0deg);
            transform: translate(2px, 0) rotateZ(0deg);
    transform: translate(2px, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
}
@keyframes ringOnInterview {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  2% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
    transform: translate(2px, 0) rotateZ(2deg);
  }
  4% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  6% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
    transform: translate(-2px, 0) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  10% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
    transform: translate(2px, 0) rotateZ(2deg);
  }
  12% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  14% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
    transform: translate(-2px, 0) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
  18% {
    -webkit-transform: translate(2px, 0) rotateZ(0deg);
            transform: translate(2px, 0) rotateZ(0deg);
    transform: translate(2px, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
    transform: translate(0, 0) rotateZ(0deg);
  }
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  2% {
    -webkit-transform: translate(-375px, 0) rotateZ(2deg);
            transform: translate(-375px, 0) rotateZ(2deg);
  }
  4% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  6% {
    -webkit-transform: translate(-365px, 0) rotateZ(-2deg);
            transform: translate(-365px, 0) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  10% {
    -webkit-transform: translate(-375px, 0) rotateZ(2deg);
            transform: translate(-375px, 0) rotateZ(2deg);
  }
  12% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  14% {
    -webkit-transform: translate(-365px, 0) rotateZ(-2deg);
            transform: translate(-365px, 0) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  18% {
    -webkit-transform: translate(-375px, 0) rotateZ(0deg);
            transform: translate(-375px, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  2% {
    -webkit-transform: translate(-375px, 0) rotateZ(2deg);
            transform: translate(-375px, 0) rotateZ(2deg);
  }
  4% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  6% {
    -webkit-transform: translate(-365px, 0) rotateZ(-2deg);
            transform: translate(-365px, 0) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  10% {
    -webkit-transform: translate(-375px, 0) rotateZ(2deg);
            transform: translate(-375px, 0) rotateZ(2deg);
  }
  12% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  14% {
    -webkit-transform: translate(-365px, 0) rotateZ(-2deg);
            transform: translate(-365px, 0) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
  18% {
    -webkit-transform: translate(-375px, 0) rotateZ(0deg);
            transform: translate(-375px, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(-370px, 0) rotateZ(0deg);
            transform: translate(-370px, 0) rotateZ(0deg);
  }
}
@-webkit-keyframes ringSp {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  2% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
  }
  4% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  6% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  10% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
  }
  12% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  14% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  18% {
    -webkit-transform: translate(2px, 0) rotateZ(0deg);
            transform: translate(2px, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
}
@keyframes ringSp {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  2% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
  }
  4% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  6% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
  }
  8% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  10% {
    -webkit-transform: translate(2px, 0) rotateZ(2deg);
            transform: translate(2px, 0) rotateZ(2deg);
  }
  12% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  14% {
    -webkit-transform: translate(-2px, 0) rotateZ(-2deg);
            transform: translate(-2px, 0) rotateZ(-2deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
  18% {
    -webkit-transform: translate(2px, 0) rotateZ(0deg);
            transform: translate(2px, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0deg);
            transform: translate(0, 0) rotateZ(0deg);
  }
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  overflow-x: hidden;
  font-family: "Hiragino_Kaku_Gothic_Std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", yugothic, "Yu Gothic", "メイリオ", meiryo, "Meiryo UI", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #000;
  letter-spacing: 0.04em;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

ul {
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a {
  color: #000;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .u-br-sp-none {
    display: none;
  }
}
.u-br-pc-none {
  display: none;
}

@media screen and (max-width: 640px) {
  .u-br-pc-none {
    display: block;
  }
}
.u-whitespace-nowrap {
  white-space: nowrap;
}

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

.letter-spacing01 {
  letter-spacing: -0.03em;
}

.letter-spacing02 {
  letter-spacing: -0.45em;
}

.letter-spacing03 {
  letter-spacing: -0.5em;
}

.js-inview {
  display: block;
  opacity: 0;
  -webkit-transform: translate(0, 90%);
          transform: translate(0, 90%);
}
.js-inview.js-fadeIn-up {
  opacity: 1;
  -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media screen and (max-width: 1024px) {
  .js-inview {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
}
@media screen and (max-width: 640px) {
  .js-inview {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 210;
  width: 100%;
  padding: 14px 34px;
  background-color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 768px) {
  .l-header {
    width: 100vw;
    padding: 14px 21px 14px 24px;
  }
}
.l-header__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;
}

.l-header__logo {
  margin: 0;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .l-header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
            flex: 0 0 210px;
    min-width: 210px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__logo img {
    vertical-align: 3px;
  }
}
.l-header__menu-button {
  position: relative;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer;
}

.c-menu-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: #fff;
  border: none;
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, background-color 0.5s;
  transition: transform 0.5s, background-color 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-menu-button::before {
  position: absolute;
  top: -11px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fff;
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, background-color 0.5s;
  transition: transform 0.5s, background-color 0.5s, -webkit-transform 0.5s;
}
.c-menu-button::after {
  position: absolute;
  bottom: -11px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fff;
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, background-color 0.5s;
  transition: transform 0.5s, background-color 0.5s, -webkit-transform 0.5s;
}

@media screen and (max-width: 768px) {
  .c-menu-button {
    width: 100%;
  }
}
.active .c-menu-button {
  background-color: transparent;
}
.active .c-menu-button::before {
  background-color: #000;
  -webkit-transform: translateY(11px) rotate(33deg);
          transform: translateY(11px) rotate(33deg);
}
.active .c-menu-button::after {
  background-color: #000;
  -webkit-transform: translateY(-11px) rotate(-35deg);
          transform: translateY(-11px) rotate(-35deg);
}

.l-footer {
  padding: 11px 0;
  text-align: center;
  background-color: #000;
}

@media screen and (max-width: 561px) {
  .l-footer {
    padding: 17px 0;
  }
}
@media screen and (max-width: 561px) {
  .l-footer__inner {
    line-height: 1;
  }
}
.l-footer__copyrights {
  font-family: urw-din-condensed, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1;
  color: gray;
  letter-spacing: 0.07em;
}

.c-hamburger-menu {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 4;
  display: block;
  width: 30vw;
  min-width: 370px;
  max-width: 370px;
  height: 100%;
  padding: 69px 0 20px 32px;
  pointer-events: none;
  cursor: pointer;
  background-color: rgba(195, 26, 28, 0.98);
  -webkit-transition: right 0.7s;
  transition: right 0.7s;
}
.c-hamburger-menu.active {
  right: 0;
  pointer-events: inherit;
}

@media screen and (max-width: 640px) {
  .c-hamburger-menu {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    height: 844px;
    padding-left: 42px;
  }
}
.c-hamburger-menu__list {
  padding: 0;
  margin: 0;
  letter-spacing: normal;
}

.c-hamburger-menu__item {
  position: relative;
  margin-bottom: 20px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 2.1rem;
}
.c-hamburger-menu__item a {
  display: block;
  font-weight: bold;
  line-height: 1.6;
}
.c-hamburger-menu__item.current::before {
  position: absolute;
  top: 18px;
  left: -32px;
  display: block;
  width: 25px;
  height: 2px;
  content: "";
  background: #fff;
  border-radius: 0.5px;
  -webkit-transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-hamburger-menu__item.current .menu-anime::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  clip: rect(0, 210px, 100px, 0);
  color: #fff;
  content: attr(data-txt);
  -webkit-transition: clip 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: clip 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.c-hamburger-menu__item .menu-anime {
  display: block;
  margin: 0;
  line-height: 1;
}
.c-hamburger-menu__item .menu-anime .uppercase {
  text-transform: uppercase;
}
.c-hamburger-menu__item .menu-anime .with-line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 34px;
  letter-spacing: -0.01em;
}
.c-hamburger-menu__item .menu-anime .with-line::after {
  position: absolute;
  top: 1em;
  left: 34px;
  width: 100%;
  clip: rect(0, 0, 100px, 0);
  color: #fff;
  content: attr(data-txt);
  -webkit-transition: clip 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: clip 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.c-hamburger-menu__item .menu-anime .with-line.current::after {
  clip: rect(0, 210px, 100px, 0);
}
.c-hamburger-menu__item .menu-anime::before {
  position: absolute;
  top: 18px;
  left: -32px;
  display: block;
  width: 0;
  height: 2px;
  content: "";
  background: #fff;
  border-radius: 0.5px;
  -webkit-transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-hamburger-menu__item .menu-anime::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  clip: rect(0, 0, 100px, 0);
  color: #fff;
  content: attr(data-txt);
  -webkit-transition: clip 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: clip 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.c-hamburger-menu__item .menu-anime:hover::before {
  width: 25px;
}
.c-hamburger-menu__item .menu-anime:hover::after, .c-hamburger-menu__item .menu-anime:hover .with-line::after {
  clip: rect(0, 210px, 100px, 0);
}

@media screen and (max-width: 640px) {
  .c-hamburger-menu__item {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 640px) {
  .c-hamburger-menu__item.current::before {
    left: -42px;
    width: 30px;
  }
}
@media screen and (max-width: 640px) {
  .c-hamburger-menu__item .menu-anime:hover::before {
    left: -42px;
    width: 30px;
  }
}
.c-hamburger-menu .menuClient {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: left;
}
.c-hamburger-menu .menuClient a {
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 19.2px;
  letter-spacing: 0.05em;
  border: 1px solid #000;
}
.c-hamburger-menu .menuClient a::after {
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 20px;
  font-weight: normal;
  content: ">";
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.c-hamburger-menu .menuClient a p {
  padding: 5px 0 5px 15px;
  margin: 0;
  font-weight: normal;
}
.c-hamburger-menu .menuClient a p::before {
  content: none;
}
.c-hamburger-menu .menuClient a p::after {
  padding: 6px 0 5px 16px;
}
.c-hamburger-menu .menuClient a:hover {
  border: 1px solid #c31a1c;
  -webkit-transition: border 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: border 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-hamburger-menu .menuClient a:hover::after {
  color: #c31a1c;
}
.c-hamburger-menu .menuClient a:hover p::after {
  clip: rect(0, 200px, 100px, 0);
}
.c-hamburger-menu .agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 54px;
}
.c-hamburger-menu .agree .agreeL {
  margin-right: 31px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.c-hamburger-menu .agree .agreeM {
  font-size: 12px;
  font-weight: bold;
}
.c-hamburger-menu .agree .agreeR {
  margin-left: 33px;
  font-size: 13px;
  font-weight: normal;
}
.c-hamburger-menu .agree .agreeR p {
  font-family: "Hiragino_Kaku_Gothic_Std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", yugothic, "Yu Gothic", "メイリオ", meiryo, "Meiryo UI", sans-serif;
}
.c-hamburger-menu .agree p {
  margin: 0;
  font-family: urw-din-condensed, sans-serif;
}

@media screen and (max-width: 640px) {
  .c-hamburger-menu .agree {
    margin-top: 224px;
  }
}
.js-overlay-area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
  width: 100%;
  height: 100%;
}

.c-next-page {
  position: relative;
  z-index: 99;
  background-color: #c31a1c;
}

.c-next-page__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 82px 50px 82px 30px;
  max-width: 1436px;
  margin: auto;
}

@media screen and (max-width: 640px) {
  .c-next-page__inner {
    padding: 9.8666666667% 30px 11.2%;
  }
}
.c-next-page__link {
  position: relative;
  padding-right: 30px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 46px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  letter-spacing: -0.0125em;
}
.c-next-page__link::after {
  position: absolute;
  top: 50%;
  right: -20px;
  display: block;
  width: 13px;
  height: 27px;
  content: "";
  background-image: url(../images/common/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -45%);
          transform: translate(0, -45%);
}

@media screen and (max-width: 640px) {
  .c-next-page__link {
    padding-right: 16.1904761905%;
    font-size: 37px;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 640px) {
  .c-next-page__link::after {
    right: 2.4vw;
    width: 10px;
    height: 21px;
  }
}
.c-interview-next-page {
  position: relative;
}
.c-interview-next-page::before {
  position: absolute;
  top: -5.625vw;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transform: skewY(-5.75deg);
          transform: skewY(-5.75deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.c-interview-next-page__inner {
  position: relative;
  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;
  max-width: 1600px;
  margin: auto;
  padding: 157px 30px 148px;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .c-interview-next-page__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 3.2% 6.4% 5.3333333333% 6.9333333333%;
  }
}
.c-interview-next-page__prev-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 19.3670886076%;
  padding: 0% 0 0 45px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 46px;
  font-weight: bold;
  text-transform: uppercase;
}
.c-interview-next-page__prev-link::before {
  position: absolute;
  top: auto;
  right: auto;
  display: block;
  width: 13px;
  height: 27px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  top: 57%;
  left: 0;
  background-image: url(../images/common/arrow-left.svg);
}

@media screen and (max-width: 1024px) {
  .c-interview-next-page__prev-link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .c-interview-next-page__prev-link {
    padding-left: 56px;
  }
}
@media screen and (max-width: 640px) {
  .c-interview-next-page__prev-link {
    width: 100%;
    min-width: inherit;
    padding: 0;
    padding-left: 8.3076923077%;
    margin-top: 9.8461538462%;
    font-size: 24px;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 640px) {
  .c-interview-next-page__prev-link::before {
    top: 60%;
    left: 0vw;
    width: 6px;
    height: 15px;
  }
}
.c-interview-next-page__next-link {
  position: relative;
  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;
  padding: 0% 45px 0 0;
}
.c-interview-next-page__next-link::after {
  position: absolute;
  top: auto;
  right: auto;
  display: block;
  width: 13px;
  height: 27px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  top: 48%;
  right: 0;
  background-image: url(../images/common/arrow-right.svg);
}

@media screen and (max-width: 640px) {
  .c-interview-next-page__next-link {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    padding: 0 32px 0 0;
  }
}
@media screen and (max-width: 640px) {
  .c-interview-next-page__next-link::after {
    position: absolute;
    top: auto;
    right: auto;
    display: block;
    width: 10px;
    height: 22px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    top: 54%;
    right: 0;
  }
}
.c-interview-next-page__figure {
  position: absolute;
}
.c-interview-next-page__figure::before {
  -webkit-filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.c-interview-next-page__figure a {
  display: block;
}
.c-interview-next-page__figure img {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .c-interview-next-page__figure {
    width: 136px;
  }
}
@media screen and (max-width: 768px) {
  .c-interview-next-page__figure {
    width: 120px;
  }
}
@media screen and (max-width: 640px) {
  .c-interview-next-page__figure {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77px;
            flex: 0 0 77px;
  }
}
@media screen and (max-width: 640px) {
  .c-interview-next-page__figure::before {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.c-interview-next-page__person-info {
  line-height: 1;
}

@media screen and (max-width: 640px) {
  .c-interview-next-page__person-info {
    padding-top: 5.6%;
    margin-left: 13.6%;
  }
}
.c-interview-next-page__link-text {
  display: inline-block;
  padding: 25px 0 13px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 46px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: normal;
}

@media screen and (max-width: 640px) {
  .c-interview-next-page__link-text {
    padding: 17.4291938998% 0 5.8097312999%;
    font-size: 37px;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
}
.c-interview-next-page__prev-text {
  letter-spacing: 0.01em;
}

@media screen and (max-width: 768px) {
  .c-interview-next-page__prev-text {
    padding-top: 16.2337662338%;
    font-size: 33px;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 640px) {
  .c-interview-next-page__prev-text {
    padding: 0;
    font-size: 24px;
  }
}
.c-interview-next-page__name {
  display: block;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .c-interview-next-page__name {
    position: relative;
    left: 1.0666666667vw;
    font-size: 11px;
  }
}
.c-stafflist-next-page {
  background-color: #c31a1c;
}

.c-stafflist-next-page__inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-stafflist-next-page__inner::before {
  content: none;
}

@media screen and (max-width: 640px) {
  .c-stafflist-next-page__inner::after {
    top: 50%;
  }
}
.c-stafflist-next-page__figure {
  top: -69px;
  left: -242px;
}
.c-stafflist-next-page__figure::before {
  position: absolute;
  bottom: 0;
  left: 1.2820512821%;
  display: block;
  width: 137.1287128713%;
  height: 50.1742160279%;
  content: "";
  background-image: url(../images/person/person-shadow1.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 640px) {
  .c-stafflist-next-page__figure {
    position: relative;
    top: 0vw;
    left: -10.6666666667vw;
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .c-stafflist-next-page__figure::before {
    left: 0;
    width: 106px;
    height: 55px;
  }
}
.c-staff1-next-page {
  background-color: #c31a1c;
}

.c-staff1-next-page__inner {
  padding-top: 151px;
}

@media screen and (max-width: 640px) {
  .c-staff1-next-page__inner {
    padding-top: 10.6666666667%;
  }
}
@media screen and (max-width: 640px) {
  .c-staff1-next-page__prev-link {
    margin-top: 11.3846153846%;
  }
}
.c-staff1-next-page__figure {
  top: -61px;
  left: -268px;
}
.c-staff1-next-page__figure a {
  display: block;
}
.c-staff1-next-page__figure::before {
  bottom: 0%;
  left: 39px;
  width: 137.1287128713%;
  height: 50.1742160279%;
  background-image: url(../images/person/person-shadow2.png);
}

@media screen and (max-width: 1024px) {
  .c-staff1-next-page__figure {
    top: -41px;
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .c-staff1-next-page__figure {
    top: -20px;
    left: -170px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff1-next-page__figure {
    top: 0;
    left: -45px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 89px;
            flex: 0 0 89px;
  }
}
@media screen and (max-width: 1024px) {
  .c-staff1-next-page__figure::before {
    left: 22px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff1-next-page__figure::before {
    bottom: 0;
    left: 20px;
    width: 106px;
    height: 55px;
  }
}
.c-staff2-next-page {
  background-color: #00804d;
}
.c-staff2-next-page::before {
  background: #00804d;
}

@media screen and (max-width: 640px) {
  .c-staff2-next-page::before {
    top: -17.0666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .c-staff2-next-page__inner {
    padding-top: 3.2%;
  }
}
@media screen and (max-width: 640px) {
  .c-staff2-next-page__prev-link {
    margin-top: 9.8461538462%;
  }
}
.c-staff2-next-page__figure {
  top: -70px;
  left: -246px;
}
.c-staff2-next-page__figure::before {
  bottom: 0%;
  left: -1.9736842105%;
  width: 144.0594059406%;
  height: 50.1742160279%;
  background-image: url(../images/person/person-shadow3.png);
}

@media screen and (max-width: 1024px) {
  .c-staff2-next-page__figure {
    top: -41px;
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .c-staff2-next-page__figure {
    top: -20px;
    left: -170px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff2-next-page__figure {
    top: -3px;
    left: -37px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 84px;
            flex: 0 0 84px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff2-next-page__figure::before {
    bottom: 0;
    left: 6px;
    width: 106px;
    height: 55px;
  }
}
.c-staff3-next-page {
  background-color: #c1cf36;
}
.c-staff3-next-page::before {
  background: #c1cf36;
}

@media screen and (max-width: 640px) {
  .c-staff3-next-page::before {
    top: -17.0666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .c-staff3-next-page__prev-link {
    margin-top: 10.7692307692%;
  }
}
@media screen and (max-width: 640px) {
  .c-staff3-next-page__next-link {
    padding-right: 8.6153846154%;
  }
}
@media screen and (max-width: 640px) {
  .c-staff3-next-page__link-text {
    padding: 18.4397163121% 0 4.2553191489%;
  }
}
.c-staff3-next-page__figure {
  top: -71px;
  left: -249px;
}
.c-staff3-next-page__figure::before {
  bottom: 0%;
  left: 0%;
  width: 139.4736842105%;
  height: 49.1304347826%;
  background-image: url(../images/person/person-shadow4.png);
}

@media screen and (max-width: 1024px) {
  .c-staff3-next-page__figure {
    top: -41px;
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .c-staff3-next-page__figure {
    top: -20px;
    left: -170px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff3-next-page__figure {
    top: -5px;
    left: -37px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 76px;
            flex: 0 0 76px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff3-next-page__figure::before {
    bottom: 0;
    left: 6px;
    width: 106px;
    height: 55px;
  }
}
.c-staff4-next-page {
  background-color: #ee8182;
}
.c-staff4-next-page::before {
  background: #ee8182;
}

@media screen and (max-width: 1024px) {
  .c-staff4-next-page::before {
    top: -16%;
  }
}
@media screen and (max-width: 640px) {
  .c-staff4-next-page::before {
    top: -22.4vw;
  }
}
.c-staff4-next-page__figure {
  top: -79px;
  left: -254px;
}
.c-staff4-next-page__figure::before {
  bottom: -4.2735042735%;
  left: 10.3896103896%;
  width: 137.1287128713%;
  height: 50.1742160279%;
  background-image: url(../images/person/person-shadow5.png);
}

@media screen and (max-width: 1024px) {
  .c-staff4-next-page__figure {
    top: -41px;
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .c-staff4-next-page__figure {
    top: -40px;
    left: -200px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff4-next-page__figure {
    top: -5px;
    left: -42px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 76px;
            flex: 0 0 76px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff4-next-page__figure::before {
    bottom: 0;
    left: 6px;
    width: 106px;
    height: 55px;
  }
}
.c-staff5-next-page {
  background-color: #c1cf36;
}
.c-staff5-next-page::before {
  background: #c1cf36;
}

@media screen and (max-width: 640px) {
  .c-staff5-next-page::before {
    top: -17.0666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .c-staff5-next-page__prev-link {
    margin-top: 8.3076923077%;
  }
}
.c-staff5-next-page__figure {
  top: -87px;
  left: -263px;
}
.c-staff5-next-page__figure::before {
  bottom: 0%;
  left: 11.8421052632%;
  width: 137.1287128713%;
  height: 50.1742160279%;
  background-image: url(../images/person/person-shadow6.png);
}

@media screen and (max-width: 1024px) {
  .c-staff5-next-page__figure {
    top: -41px;
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .c-staff5-next-page__figure {
    top: -20px;
    left: -170px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff5-next-page__figure {
    top: -10px;
    left: -52px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 84px;
            flex: 0 0 84px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff5-next-page__figure::before {
    bottom: 0;
    left: 6px;
    width: 155px;
    height: 62px;
  }
}
.c-staff6-next-page {
  background-color: #c31a1c;
}
.c-staff6-next-page::before {
  background: #c31a1c;
}

@media screen and (max-width: 640px) {
  .c-staff6-next-page::before {
    top: -17.0666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .c-staff6-next-page__prev-link {
    margin-top: 11.0769230769%;
  }
}
.c-staff6-next-page__next-link {
  padding-right: 50px;
}

@media screen and (max-width: 640px) {
  .c-staff6-next-page__next-link {
    padding-right: 1.8461538462%;
  }
}
.c-staff6-next-page__link-text {
  padding: 22px 0 13px;
}

@media screen and (max-width: 640px) {
  .c-staff6-next-page__link-text {
    padding: 16.049382716% 0 3.7037037037%;
  }
}
.c-staff6-next-page__figure {
  top: -61px;
  left: -235px;
}
.c-staff6-next-page__figure::before {
  bottom: 0%;
  left: 4.7619047619%;
  width: 147.619047619%;
  height: 51.6129032258%;
  background-image: url(../images/person/person-shadow7.png);
}

@media screen and (max-width: 1024px) {
  .c-staff6-next-page__figure {
    top: -41px;
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .c-staff6-next-page__figure {
    top: -20px;
    left: -170px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff6-next-page__figure {
    top: 0;
    left: -47px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 74px;
            flex: 0 0 74px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff6-next-page__figure::before {
    bottom: 0;
    left: 6px;
    width: 106px;
    height: 55px;
  }
}
.c-staff7-next-page {
  background-color: #00804d;
}
.c-staff7-next-page::before {
  top: -10.4166666667vw;
  background-color: #00804d;
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

@media screen and (max-width: 640px) {
  .c-staff7-next-page {
    padding-top: 30.6666666667%;
  }
}
@media screen and (max-width: 640px) {
  .c-staff7-next-page::before {
    top: -22.4vw;
  }
}
.c-staff7-next-page__figure {
  top: -81px;
  left: -249px;
}
.c-staff7-next-page__figure::before {
  bottom: -4.6052631579%;
  left: 10.5263157895%;
  width: 137.1287128713%;
  height: 50.1742160279%;
  background-image: url(../images/person/person-shadow7.png);
}

@media screen and (max-width: 1024px) {
  .c-staff7-next-page__figure {
    top: -41px;
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .c-staff7-next-page__figure {
    top: -20px;
    left: -170px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff7-next-page__figure {
    top: -5px;
    left: -7px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 76px;
            flex: 0 0 76px;
  }
}
@media screen and (max-width: 640px) {
  .c-staff7-next-page__figure::before {
    bottom: 0;
    left: 6px;
    width: 106px;
    height: 55px;
  }
}
.p-interview-lead {
  position: relative;
  padding: 6.5625% 0 0;
  overflow: hidden;
  background-color: #c31a1c;
}
.p-interview-lead::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 51.1197916667vw;
  height: 25.953125vw;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .p-interview-lead {
    padding: 13.6067708333% 0 0;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-lead {
    padding: 27.8666666667% 0 97.0666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-lead::after {
    width: 100vw;
    height: 66.4vw;
  }
}
.p-interview-lead__inner {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .p-interview-lead__inner {
    display: block;
    padding: 0 30px;
  }
}
.p-interview-lead__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 8.5% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-interview-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-lead__content {
    padding: 7.8125% 0 0 0%;
  }
}
.p-interview-lead__copy {
  margin: 0 0 11.655011655%;
  line-height: 1.805;
}

@media screen and (max-width: 1024px) {
  .p-interview-lead__copy {
    margin: 0 0 9.324009324%;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-lead__copy {
    margin: 0 0 4.1666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-lead__copy {
    margin: 0 0 10.1587301587%;
  }
}
.p-interview-lead__human {
  margin: 0;
  font-size: 22px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 1024px) {
  .p-interview-lead__human {
    white-space: nowrap;
  }
}
.p-interview-lead__field {
  display: block;
  margin: 0 0 3.2634032634%;
  font-size: 22px;
  line-height: 1.4545;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1200px) {
  .p-interview-lead__field {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .p-interview-lead__field {
    font-size: 19px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-lead__field {
    margin: 0 0 1.9047619048%;
    font-size: 17px;
  }
}
.p-interview-lead__job {
  display: block;
  font-size: 18px;
  line-height: 1.7777;
  letter-spacing: 0.11em;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 1200px) {
  .p-interview-lead__job {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .p-interview-lead__job {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-lead__job {
    margin: 0 0 3.1746031746%;
    font-size: 13px;
  }
}
.p-interview-lead__name {
  font-size: 41px;
  line-height: 1.805;
  letter-spacing: 0.125em;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 1200px) {
  .p-interview-lead__name {
    font-size: 36px;
  }
}
@media screen and (max-width: 1024px) {
  .p-interview-lead__name {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-lead__name {
    display: inline-block;
    margin: 0 0 2.8571428571%;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.11em;
  }
}
.p-interview-lead__en-name {
  display: inline-block;
  padding: 0 0 0 4.4289044289%;
  font-family: urw-din-condensed, sans-serif;
  font-size: 23px;
  line-height: 1;
  letter-spacing: 0.04em;
  vertical-align: -4px;
}

@media screen and (max-width: 1200px) {
  .p-interview-lead__en-name {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-lead__en-name {
    padding: 0 0 0 4.4444444444%;
    font-size: 17px;
    vertical-align: -1px;
  }
}
.p-interview-lead__join-time {
  margin: 0 0 5.3613053613%;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.175em;
}

@media screen and (max-width: 768px) {
  .p-interview-lead__join-time {
    margin: 0 0 4.7619047619%;
    font-size: 11.5px;
    letter-spacing: 0.2em;
  }
}
.p-interview-lead__tags {
  display: inline-block;
  width: 98px;
  margin: 0;
  font-family: urw-din-condensed, sans-serif;
  font-size: 17px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: dashed 1px #fff;
}

.p-interview-lead__tags--change {
  width: 132px;
}

@media screen and (max-width: 768px) {
  .p-interview-lead__tags {
    width: auto;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 9px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.055em;
  }
}
.p-interview-lead__eyecatch {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

@media screen and (max-width: 640px) {
  .p-interview-lead__eyecatch {
    position: absolute;
    bottom: 0;
    z-index: 100;
    font-size: 14px;
  }
}
.p-interview-lead__hands-writing {
  position: absolute;
  z-index: 2;
}

.p-interview-main {
  position: relative;
  overflow: hidden;
}

.p-interview-main__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 73px 60px 4px 0;
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 1200px) {
  .p-interview-main__inner {
    padding: 6% 0% 0;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__inner {
    position: relative;
    display: block;
    padding: 0 30px 0%;
  }
}
.p-interview-main__content {
  position: relative;
  z-index: 3;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 0 0 0 138px;
}
.p-interview-main__content h3 {
  position: relative;
  margin: 0 0 6.4814814815%;
  font-size: 17px;
  color: #c31a1c;
  letter-spacing: normal;
}
.p-interview-main__content h3:not(:first-child) {
  margin-top: 15.0462962963%;
}
.p-interview-main__content h3::before {
  position: absolute;
  top: 13px;
  left: -18.0555555556%;
  display: inline-block;
  width: 13.8888888889%;
  height: 1px;
  content: "";
  background-color: #c31a1c;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.p-interview-main__content p {
  font-size: 14px;
  line-height: 2.035;
  text-align: justify;
  letter-spacing: 0.035em;
}
.p-interview-main__content p:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .p-interview-main__content {
    padding: 0 10px 0 10%;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__content {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-main__content h3 {
    font-size: 15px;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__content h3 {
    margin: 0 0 5.7142857143%;
    font-size: 13.5px;
    line-height: 1.75;
    white-space: nowrap;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__content h3::before {
    top: 46%;
    left: -30px;
    width: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-main__content p {
    font-size: 13px;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__content p {
    font-size: 12px;
    line-height: 2.083;
  }
}
.p-interview-main__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 100%;
  padding-top: 7.8125vw;
  padding-left: 24.4791666667vw;
  overflow: hidden;
}
.p-interview-main__image::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 44.2708333333vw;
  height: 20.46875vw;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
}
.p-interview-main__image img {
  -webkit-filter: drop-shadow(77px 48px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(77px 48px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  vertical-align: -4px;
}

@media screen and (max-width: 1440px) {
  .p-interview-main__image {
    padding-left: 13.8888888889%;
  }
}
@media screen and (max-width: 1200px) {
  .p-interview-main__image {
    padding-left: 11.71875vw;
  }
}
@media screen and (max-width: 1024px) {
  .p-interview-main__image {
    padding-left: 4.8828125vw;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-main__image {
    padding-left: 1.0416666667vw;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__image {
    position: static;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 1200px) {
  .p-interview-main__image::before {
    width: 60vw;
    height: 21vw;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__image::before {
    z-index: 3;
    width: 77.3333333333vw;
    height: 35.7333333333vw;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__image img {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main__image img {
    -webkit-filter: drop-shadow(35px 42px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(35px 42px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-interview-main__image img {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-interview-main.is-fixed::after {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 10;
  width: 50%;
  height: 80px;
  content: "";
  background-color: #fff;
}

.p-interview-main-reverse.is-fixed::after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 60%;
  height: 80px;
  content: "";
  background-color: #fff;
}

.image-fixed {
  position: fixed;
  top: auto;
  bottom: 0;
}
.image-fixed figure {
  height: 100%;
}
.image-fixed.p-interview-main__image figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.image-fixed.p-interview-main-reverse__image figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.passed-fixed {
  top: auto;
  bottom: 0;
}

.p-interview-main-reverse__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 112px 5px 0 55px;
}

@media screen and (max-width: 640px) {
  .p-interview-main-reverse__inner {
    padding: 0% 5.3333333333% 0 8%;
  }
}
.p-interview-main-reverse__content {
  position: relative;
  z-index: 3;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 52.6315789474%;
          flex: 0 0 52.6315789474%;
  padding-bottom: 4.5833333333vw;
  padding-left: 7.1929824561%;
}
.p-interview-main-reverse__content h3 {
  margin: 0 0 5.4054054054%;
  letter-spacing: 0.01em;
}
.p-interview-main-reverse__content h3::before {
  top: 14px;
  left: -14.8288973384%;
  width: 11.4068441065%;
}
.p-interview-main-reverse__content h3:not(:first-child) {
  margin-top: 12.5475285171%;
}

@media screen and (max-width: 640px) {
  .p-interview-main-reverse__content {
    padding-bottom: 8.5185185185%;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main-reverse__content {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main-reverse__content h3::before {
    left: -30px;
    width: 25px;
    top: 11px;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main-reverse__content h3:not(:first-child) {
    margin-top: 15.5555555556%;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main-reverse__content p {
    font-size: 12px;
    line-height: 2.0833333333;
  }
}
.p-interview-main-reverse__image {
  right: 0;
  left: auto;
  z-index: 2;
  padding-top: 7.8125vw;
  padding-right: 24.4791666667%;
  padding-left: 0;
  overflow: hidden;
  text-align: right;
}
.p-interview-main-reverse__image::before {
  content: none;
}
.p-interview-main-reverse__image img {
  -webkit-filter: drop-shadow(64px 28px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(64px 28px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  vertical-align: middle;
  mix-blend-mode: revert;
}

@media screen and (max-width: 1440px) {
  .p-interview-main-reverse__image {
    padding-right: 13.8888888889%;
  }
}
@media screen and (max-width: 1200px) {
  .p-interview-main-reverse__image {
    padding-right: 11.71875%;
  }
}
@media screen and (max-width: 1024px) {
  .p-interview-main-reverse__image {
    padding-right: 4.8828125%;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-main-reverse__image {
    padding-right: 1.0416666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main-reverse__image {
    position: absolute;
    top: auto;
    right: 12.8vw;
    bottom: -21.8666666667vw;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-main-reverse__image img {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-interview-main-reverse__caution {
  margin: 15.6370656371% 0 0 -14.4787644788%;
}
.p-interview-main-reverse__caution p {
  letter-spacing: 0.005em;
  font-size: 10px;
  line-height: 1.75;
}

@media screen and (max-width: 640px) {
  .p-interview-main-reverse__caution {
    margin-top: 76.6153846154%;
    margin-left: 0;
  }
}
.p-interview-end {
  position: relative;
  padding: 72px 0 56px;
  background-color: #c31a1c;
}

@media screen and (max-width: 1200px) {
  .p-interview-end {
    padding: 6% 0 4.6666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-end {
    padding: 15.4666666667% 0 4.5333333333%;
  }
}
.p-interview-end__inner {
  max-width: 800px;
  margin: auto;
}

@media screen and (max-width: 1200px) {
  .p-interview-end__inner {
    padding: 0 30px;
  }
}
.p-interview-end__content h3 {
  margin: 0 0 3.625%;
  font-size: 17px;
  line-height: 1.75;
  color: #fff;
  letter-spacing: 0.01em;
}
.p-interview-end__content p {
  text-align: justify;
  font-size: 14px;
  line-height: 2.0357142857;
  color: #fff;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 640px) {
  .p-interview-end__content h3 {
    margin: 0 0 5.7142857143%;
    white-space: nowrap;
    font-size: 13.5px;
    line-height: 1.75;
    color: #fff;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 640px) {
  .p-interview-end__content p {
    font-size: 12px;
    line-height: 2.0833333333;
    color: #fff;
    letter-spacing: 0.02em;
  }
}
.p-staff1-lead {
  padding: 6.5625% 0 0;
  background: #c31a1c;
}
.p-staff1-lead::after {
  background-image: url(../images/interview/bg-triangle01-brown-pc.svg);
}

@media screen and (max-width: 640px) {
  .p-staff1-lead::after {
    background-image: url(../images/interview/bg-triangle01-brown-sp.svg);
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-lead {
    padding: 27.8666666667% 0 97.0666666667%;
  }
}
.p-staff1-lead__content {
  padding: 8.5% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-staff1-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff1-lead__content {
    padding: 0% 0 0 0%;
  }
}
.p-staff1-lead__copy {
  margin-right: -1.9047619048%;
}

@media screen and (max-width: 640px) {
  .p-staff1-lead__copy {
    margin: 0 0% 10.1587301587% 0;
  }
}
.p-staff1-lead__eyecatch {
  padding: 0.8333333333% 0 0 6.6666666667%;
}

@media screen and (max-width: 768px) {
  .p-staff1-lead__eyecatch {
    padding: 0 0 0 2.1186440678%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-lead__eyecatch {
    left: 12%;
    width: 64%;
    padding: 0 0 0 0%;
  }
}
.p-staff1-lead__image {
  -webkit-filter: drop-shadow(141px 78px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(141px 78px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (max-width: 640px) {
  .p-staff1-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-lead__image {
    -webkit-filter: drop-shadow(93px 51px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(93px 51px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-staff1-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-staff1-lead__en-name {
  padding-left: 5%;
  letter-spacing: 0.052em;
}

@media screen and (max-width: 640px) {
  .p-staff1-lead__en-name {
    padding-left: 4.4444444444%;
    letter-spacing: 0.04em;
  }
}
.p-staff1-lead__join-time {
  margin-bottom: 5.4761904762%;
}

.p-staff1-lead__hands-writing {
  bottom: 16%;
  left: -36.8333333333%;
}

@media screen and (max-width: 1200px) {
  .p-staff1-lead__hands-writing {
    width: 38vw;
  }
}
@media screen and (max-width: 768px) {
  .p-staff1-lead__hands-writing {
    right: 8.8vw;
    bottom: 24.8vw;
    left: auto;
    width: 60.8vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-lead__hands-writing {
    bottom: 9.6vw;
    left: 18.6666666667vw;
    width: 60.8vw;
    height: 29.7333333333vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main {
    padding-top: 14.6666666667%;
    padding-bottom: 0%;
  }
}
@media screen and (max-width: 1200px) {
  .p-staff1-main__image {
    padding: 1.2698412698% 0 0 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main__image {
    padding: 3.1746031746% 18.4126984127% 0% 19.6825396825%;
  }
}
.p-staff1-main__image::before {
  background-image: url(../images/interview/bg-triangle02-red.svg);
}
.p-staff1-main__image img {
  -webkit-filter: drop-shadow(57px 76px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(57px 76px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1200px) {
  .p-staff1-main__image img {
    -webkit-filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main__image img {
    -webkit-filter: drop-shadow(31px 42px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(31px 42px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main-reverse {
    padding-top: 14.9333333333%;
    padding-bottom: 21.8666666667%;
  }
}
.p-staff1-main-reverse__image {
  padding-left: 7.1929824561%;
}
.p-staff1-main-reverse__image::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #c31a1d;
  border-style: solid;
  border-width: 0 0 10.4166666667vw 100vw;
}
.p-staff1-main-reverse__image img {
  -webkit-filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 640px) {
  .p-staff1-main-reverse__image {
    right: 0;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main-reverse__image::after {
    width: 100vw;
    height: 21.8666666667vw;
    background-image: url(../images/interview/staff1/staff1-sp-bottom.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main-reverse__image figure {
    position: relative;
    right: -4vw;
    padding-right: 16%;
    padding-left: 41.6%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main-reverse__image img {
    -webkit-filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff1-main-reverse__caution {
    margin-top: 84.9230769231%;
  }
}
.p-staff2-lead {
  padding: 7.7604166667% 0 0;
  background: #00804d;
}
.p-staff2-lead::after {
  background-image: url(../images/interview/bg-triangle01-blue-pc.svg);
}

@media screen and (max-width: 640px) {
  .p-staff2-lead {
    padding: 26.6666666667% 0 97.0666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-lead::after {
    background-image: url(../images/interview/bg-triangle01-blue-sp.svg);
  }
}
.p-staff2-lead__content {
  padding: 6.8333333333% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-staff2-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff2-lead__content {
    padding: 7.8125% 0 0 0%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-lead__copy {
    margin: 0 7.619047619% 10.1587301587% 0;
  }
}
.p-staff2-lead__job {
  letter-spacing: 0.1em;
}

@media screen and (max-width: 640px) {
  .p-staff2-lead__job {
    margin: 0 0 2.5396825397%;
  }
}
.p-staff2-lead__en-name {
  padding-left: 3.5714285714%;
}

.p-staff2-lead__eyecatch {
  padding: 0 0 0 16.3333333333%;
}

@media screen and (max-width: 1024px) {
  .p-staff2-lead__eyecatch {
    margin-left: -3.90625%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff2-lead__eyecatch {
    padding: 0 0 0 2.1186440678%;
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-lead__eyecatch {
    left: 21.3333333333%;
    width: 60.8%;
    padding: 0 0 0 0%;
  }
}
.p-staff2-lead__image {
  -webkit-filter: drop-shadow(106px 50px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(106px 50px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (max-width: 640px) {
  .p-staff2-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-lead__image {
    -webkit-filter: drop-shadow(81px 42px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(81px 42px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-staff2-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-staff2-lead__hands-writing {
  bottom: 15%;
  left: -24.3333333333%;
}

@media screen and (max-width: 1200px) {
  .p-staff2-lead__hands-writing {
    width: 38vw;
  }
}
@media screen and (max-width: 768px) {
  .p-staff2-lead__hands-writing {
    right: 8.8vw;
    bottom: 24.8vw;
    left: auto;
    width: 60.8vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-lead__hands-writing {
    bottom: 40vw;
    left: -14.1333333333vw;
    width: 49.3333333333vw;
    height: 12.6666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main {
    padding-top: 14.6666666667%;
    padding-bottom: 0%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main__image {
    padding: 1.2698412698% 20.9523809524% 0 17.1428571429%;
  }
}
.p-staff2-main__image::before {
  background-image: url(../images/interview/bg-triangle02-green.svg);
}
.p-staff2-main__image img {
  -webkit-filter: drop-shadow(77px 48px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(77px 48px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1200px) {
  .p-staff2-main__image img {
    width: 40%;
    -webkit-filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 768px) {
  .p-staff2-main__image img {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main__image img {
    width: 100%;
    -webkit-filter: drop-shadow(36px 22px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(36px 22px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main-reverse {
    padding-top: 14.9333333333%;
    padding-bottom: 21.8666666667%;
  }
}
.p-staff2-main-reverse__image {
  padding-right: 20.2083333333%;
  padding-left: 7.7192982456%;
}
.p-staff2-main-reverse__image::before {
  content: none;
}
.p-staff2-main-reverse__image::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #00804d;
  border-style: solid;
  border-width: 0 0 10.4166666667vw 100vw;
}
.p-staff2-main-reverse__image img {
  -webkit-filter: drop-shadow(52px 28px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(52px 28px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1680px) {
  .p-staff2-main-reverse__image {
    padding-right: 11.9047619048%;
  }
}
@media screen and (max-width: 1440px) {
  .p-staff2-main-reverse__image {
    padding-right: 10.4166666667%;
  }
}
@media screen and (max-width: 1200px) {
  .p-staff2-main-reverse__image {
    padding-right: 1.25%;
  }
}
@media screen and (max-width: 1024px) {
  .p-staff2-main-reverse__image {
    padding-right: 0.78125%;
    padding-left: 52.734375%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff2-main-reverse__image {
    padding-right: 0%;
    padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main-reverse__image {
    right: 0;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main-reverse__image::after {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main-reverse__image figure {
    position: relative;
    right: -4vw;
    padding-right: 7.2%;
    padding-left: 30.4%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff2-main-reverse__image img {
    -webkit-filter: drop-shadow(30px 15px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(30px 15px 0 rgba(0, 0, 0, 0.2));
  }
}
.p-staff3-lead {
  padding: 6.25% 0 0;
  background: #1b1464;
}
.p-staff3-lead::after {
  background-image: url(../images/interview/bg-triangle01-lightgreen-pc.svg);
}

@media screen and (max-width: 640px) {
  .p-staff3-lead {
    padding: 21.3333333333% 0 97.0666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-lead::after {
    background-image: url(../images/interview/bg-triangle01-lightgreen-sp.svg);
  }
}
.p-staff3-lead__content {
  padding: 8.8333333333% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-staff3-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff3-lead__content {
    padding: 7.8125% 0 0 0%;
  }
}
.p-staff3-lead__copy {
  margin: 0 0 12.380952381%;
}

@media screen and (max-width: 640px) {
  .p-staff3-lead__copy {
    margin: 0 29.2063492063% 10.1587301587% 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-lead__en-name {
    padding-left: 3.8095238095%;
  }
}
.p-staff3-lead__eyecatch {
  padding: 0 0 0 10.1666666667%;
}

@media screen and (max-width: 768px) {
  .p-staff3-lead__eyecatch {
    padding: 0 0 0 2.1186440678%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-lead__eyecatch {
    left: 25.6%;
    width: 62.9333333333%;
    padding: 0 0 0 0%;
  }
}
.p-staff3-lead__image {
  -webkit-filter: drop-shadow(106px 50px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(106px 50px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (max-width: 640px) {
  .p-staff3-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-lead__image {
    -webkit-filter: drop-shadow(66px 34px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(66px 34px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-staff3-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-staff3-lead__hands-writing {
  bottom: 11.3452188006%;
  left: -42%;
}

@media screen and (max-width: 1200px) {
  .p-staff3-lead__hands-writing {
    width: 38vw;
  }
}
@media screen and (max-width: 768px) {
  .p-staff3-lead__hands-writing {
    right: 8.8vw;
    bottom: 24.8vw;
    left: auto;
    width: 60.8vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-lead__hands-writing {
    bottom: 31.4666666667vw;
    left: -14.4vw;
    width: 72.2666666667vw;
    height: 19.0666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-main {
    padding-top: 14.6666666667%;
    padding-bottom: 0%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-main__image {
    padding: 4.4444444444% 5.7142857143% 0 22.8571428571%;
  }
}
.p-staff3-main__image::before {
  background-image: url(../images/interview/bg-triangle02-lightgreen.svg);
}
.p-staff3-main__image img {
  -webkit-filter: drop-shadow(-106px 60px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(-106px 60px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1200px) {
  .p-staff3-main__image img {
    width: 40%;
    -webkit-filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 768px) {
  .p-staff3-main__image img {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-main__image img {
    width: 100%;
    -webkit-filter: drop-shadow(-60px 27px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(-60px 27px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-main-reverse {
    padding-top: 14.9333333333%;
    padding-bottom: 22.1333333333%;
  }
}
.p-staff3-main-reverse__image {
  padding-left: 10%;
}
.p-staff3-main-reverse__image::before {
  content: none;
}
.p-staff3-main-reverse__image::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #c1cf36;
  border-style: solid;
  border-width: 0 0 10.4166666667vw 100vw;
}
.p-staff3-main-reverse__image img {
  -webkit-filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 640px) {
  .p-staff3-main-reverse__image {
    right: 0;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-main-reverse__image figure {
    position: relative;
    right: -4vw;
    padding-right: 20%;
    padding-left: 44.5333333333%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff3-main-reverse__image img {
    -webkit-filter: drop-shadow(33px 16px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(33px 16px 0 rgba(0, 0, 0, 0.2));
  }
}
.p-staff4-lead {
  padding: 6.5625% 0 0;
  background: #806739;
}
.p-staff4-lead::after {
  background-image: url(../images/interview/bg-triangle01-pink-pc.svg);
}

@media screen and (max-width: 640px) {
  .p-staff4-lead {
    padding: 21.3333333333% 0 97.0666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-lead::after {
    background-image: url(../images/interview/bg-triangle01-pink-sp.svg);
  }
}
.p-staff4-lead__content {
  padding: 8.6666666667% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-staff4-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff4-lead__content {
    padding: 7.8125% 0 0 0%;
  }
}
.p-staff4-lead__copy {
  margin: 0 0 12.380952381%;
}

@media screen and (max-width: 640px) {
  .p-staff4-lead__copy {
    margin: 0 17.1428571429% 10.1587301587% 0;
  }
}
.p-staff4-lead__job {
  letter-spacing: 0.1em;
}

.p-staff4-lead__en-name {
  padding-left: 3.8095238095%;
}

.p-staff4-lead__eyecatch {
  padding: 0.3333333333% 0 0 7.5833333333%;
}

@media screen and (max-width: 768px) {
  .p-staff4-lead__eyecatch {
    padding: 0 0 0 2.1186440678%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-lead__eyecatch {
    left: 19.2%;
    width: 51.4666666667%;
    padding: 0 0 0 0%;
  }
}
.p-staff4-lead__image {
  -webkit-filter: drop-shadow(106px 50px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(106px 50px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (max-width: 640px) {
  .p-staff4-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-lead__image {
    -webkit-filter: drop-shadow(66px 34px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(66px 34px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-staff4-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-staff4-lead__hands-writing {
  bottom: 13.3333333333%;
  left: -44.5%;
}

@media screen and (max-width: 1200px) {
  .p-staff4-lead__hands-writing {
    width: 38vw;
  }
}
@media screen and (max-width: 768px) {
  .p-staff4-lead__hands-writing {
    right: 8.8vw;
    bottom: 24.8vw;
    left: auto;
    width: 60.8vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-lead__hands-writing {
    bottom: 21.3333333333vw;
    left: -5.3333333333vw;
    width: 69.0666666667vw;
    height: 29.7333333333vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-main {
    padding-top: 14.6666666667%;
    padding-bottom: 0%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-main__image {
    padding: 4.4444444444% 19.0476190476% 0 19.0476190476%;
  }
}
.p-staff4-main__image::before {
  background-image: url(../images/interview/bg-triangle02-pink.svg);
}
.p-staff4-main__image img {
  vertical-align: bottom;
}

@media screen and (max-width: 1200px) {
  .p-staff4-main__image img {
    -webkit-filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-main__image img {
    -webkit-filter: drop-shadow(36px 22px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(36px 22px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-main-reverse {
    padding-top: 14.9333333333% !important;
    padding-bottom: 22.1333333333%;
  }
}
.p-staff4-main-reverse__image {
  padding-left: 7.1929824561%;
}
.p-staff4-main-reverse__image::before {
  content: none;
}
.p-staff4-main-reverse__image::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #ee8182;
  border-style: solid;
  border-width: 0 0 10.4166666667vw 100vw;
}

@media screen and (max-width: 640px) {
  .p-staff4-main-reverse__image {
    right: 0;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-main-reverse__image::after {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .p-staff4-main-reverse figure {
    position: relative;
    right: -4vw;
    padding-right: 16%;
    padding-left: 41.6%;
  }
}
.p-staff4-main-reverse img {
  -webkit-filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 640px) {
  .p-staff4-main-reverse img {
    -webkit-filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
  }
}
.p-staff5-lead {
  padding: 6.25% 0 0;
  background: #c1cf36;
}
.p-staff5-lead::after {
  background-image: url(../images/interview/bg-triangle01-blue-pc.svg);
}

@media screen and (max-width: 640px) {
  .p-staff5-lead::after {
    background-image: url(../images/interview/bg-triangle01-blue-sp.svg);
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-lead {
    padding: 21.3333333333% 0 97.0666666667%;
  }
}
.p-staff5-lead__content {
  padding: 8.8333333333% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-staff5-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff5-lead__content {
    padding: 7.8125% 0 0 0%;
  }
}
.p-staff5-lead__copy {
  margin: 0 0 12.380952381%;
}

@media screen and (max-width: 640px) {
  .p-staff5-lead__copy {
    margin: 0 22.8571428571% 10.1587301587% 0;
  }
}
.p-staff5-lead__job {
  letter-spacing: 0.1em;
}

.p-staff5-lead__en-name {
  padding-left: 3.8095238095%;
}

.p-staff5-lead__eyecatch {
  padding: 0 0 0 8%;
}

@media screen and (max-width: 768px) {
  .p-staff5-lead__eyecatch {
    padding: 0 0 0 2.1186440678%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-lead__eyecatch {
    left: 28%;
    width: 64.8%;
    padding: 0 0 0 0%;
  }
}
.p-staff5-lead__image {
  -webkit-filter: drop-shadow(-94px 70px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(-94px 70px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (max-width: 640px) {
  .p-staff5-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-lead__image {
    -webkit-filter: drop-shadow(-61px 44px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(-61px 44px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-staff5-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-staff5-lead__hands-writing {
  bottom: 23.9095315024%;
  left: -8.8852988691%;
}

@media screen and (max-width: 1200px) {
  .p-staff5-lead__hands-writing {
    width: 38vw;
  }
}
@media screen and (max-width: 768px) {
  .p-staff5-lead__hands-writing {
    right: 8.8vw;
    bottom: 24.8vw;
    left: auto;
    width: 60.8vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-lead__hands-writing {
    bottom: 18.6666666667vw;
    left: -18.4vw;
    width: 28.4vw;
    height: 11.2vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-main {
    padding-top: 14.6666666667%;
    padding-bottom: 0%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-main__image {
    padding: 1.2698412698% 15.2380952381% 0% 30.4761904762%;
  }
}
.p-staff5-main__image::before {
  background-image: url(../images/interview/bg-triangle02-lightgreen.svg);
}
.p-staff5-main__image img {
  -webkit-filter: drop-shadow(-103px 52px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(-103px 52px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1200px) {
  .p-staff5-main__image img {
    -webkit-filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-main__image img {
    -webkit-filter: drop-shadow(-54px 30px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(-54px 30px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-main-reverse {
    padding-top: 14.9333333333%;
    padding-bottom: 22.1333333333%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-main-reverse__image {
    right: 0;
    padding: 0;
  }
}
.p-staff5-main-reverse__image::before {
  content: none;
}
.p-staff5-main-reverse__image::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #c1cf36;
  border-style: solid;
  border-width: 0 0 10.4166666667vw 100vw;
}
.p-staff5-main-reverse__image img {
  -webkit-filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 640px) {
  .p-staff5-main-reverse__image::after {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-main-reverse__image figure {
    position: relative;
    right: -4vw;
    padding-right: 16%;
    padding-left: 41.6%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff5-main-reverse__image img {
    -webkit-filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
  }
}
.p-staff6-lead {
  padding: 5.7291666667% 0 0;
  background: #c31a1c;
}
.p-staff6-lead::after {
  background-image: url(../images/interview/bg-triangle01-lightgreen-pc.svg);
}

@media screen and (max-width: 640px) {
  .p-staff6-lead {
    padding: 21.3333333333% 0 97.0666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-lead::after {
    background-image: url(../images/interview/bg-triangle01-lightgreen-sp.svg);
  }
}
.p-staff6-lead__content {
  padding: 9.6666666667% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-staff6-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff6-lead__content {
    padding: 7.8125% 0 0 0%;
  }
}
.p-staff6-lead__copy {
  margin: 0 -1.9047619048% 12.380952381% 0;
}

@media screen and (max-width: 640px) {
  .p-staff6-lead__copy {
    margin: 0 0% 10.1587301587% 0;
  }
}
.p-staff6-lead__job {
  letter-spacing: 0.1em;
}

.p-staff6-lead__en-name {
  padding-left: 3.8095238095%;
}

.p-staff6-lead__eyecatch {
  padding: 0 0 0 7.5833333333%;
}

@media screen and (max-width: 768px) {
  .p-staff6-lead__eyecatch {
    padding: 0 0 0 2.1186440678%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-lead__eyecatch {
    left: 19.2%;
    width: 65.0666666667%;
    padding: 0 0 0 0%;
  }
}
.p-staff6-lead__image {
  -webkit-filter: drop-shadow(114px 59px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(114px 59px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (max-width: 640px) {
  .p-staff6-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-lead__image {
    -webkit-filter: drop-shadow(69px 54px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(69px 54px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-staff6-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-staff6-lead__hands-writing {
  bottom: 15.9935379645%;
  left: -7.6666666667%;
}

@media screen and (max-width: 1200px) {
  .p-staff6-lead__hands-writing {
    width: 38vw;
  }
}
@media screen and (max-width: 768px) {
  .p-staff6-lead__hands-writing {
    right: 8.8vw;
    bottom: 24.8vw;
    left: auto;
    width: 60.8vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-lead__hands-writing {
    bottom: 9.8666666667vw;
    left: -6.1333333333vw;
    width: 28.4vw;
    height: 11.2vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-main {
    padding-top: 14.6666666667%;
    padding-bottom: 0%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-main__image {
    padding: 2.5396825397% 17.1428571429% 0 22.8571428571%;
  }
}
.p-staff6-main__image::before {
  background-image: url(../images/interview/bg-triangle02-red.svg);
}
.p-staff6-main__image img {
  -webkit-filter: drop-shadow(-106px 59px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(-106px 59px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1200px) {
  .p-staff6-main__image img {
    -webkit-filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-main__image img {
    vertical-align: middle;
    -webkit-filter: drop-shadow(-54px 36px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(-54px 36px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-main-reverse {
    padding-top: 14.9333333333% !important;
    padding-bottom: 22.1333333333%;
  }
}
.p-staff6-main-reverse__image {
  padding-left: 9.4736842105%;
}
.p-staff6-main-reverse__image::before {
  content: none;
}
.p-staff6-main-reverse__image::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #c31a1d;
  border-style: solid;
  border-width: 0 0 10.4166666667vw 100vw;
}
.p-staff6-main-reverse__image img {
  -webkit-filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 640px) {
  .p-staff6-main-reverse__image {
    right: 0;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-main-reverse__image::after {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-main-reverse__image figure {
    position: relative;
    right: -4vw;
    padding-right: 16%;
    padding-left: 41.6%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff6-main-reverse__image img {
    -webkit-filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
  }
}
.p-staff7-lead {
  padding: 7.5% 0 0;
  background: #00804d;
}
.p-staff7-lead::after {
  background-image: url(../images/interview/bg-triangle01-pink-pc.svg);
}

@media screen and (max-width: 640px) {
  .p-staff7-lead {
    padding: 21.3333333333% 0 97.0666666667%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-lead::after {
    background-image: url(../images/interview/bg-triangle01-pink-sp.svg);
  }
}
.p-staff7-lead__content {
  padding: 6.9166666667% 0 0 15%;
}

@media screen and (max-width: 1024px) {
  .p-staff7-lead__content {
    padding: 5.5555555556% 0 0 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff7-lead__content {
    padding: 7.8125% 0 0 0%;
  }
}
.p-staff7-lead__copy {
  margin: 0 -1.9047619048% 12.380952381% 0;
}

@media screen and (max-width: 640px) {
  .p-staff7-lead__copy {
    margin: 0 4.126984127% 10.1587301587% 0;
  }
}
.p-staff7-lead__job {
  letter-spacing: 0.1em;
}

.p-staff7-lead__en-name {
  padding-left: 3.8095238095%;
}

.p-staff7-lead__eyecatch {
  padding: 0 0 0 4.6666666667%;
}

@media screen and (max-width: 1024px) {
  .p-staff7-lead__eyecatch {
    padding-right: 9.765625%;
  }
}
@media screen and (max-width: 768px) {
  .p-staff7-lead__eyecatch {
    padding: 0 0 0 2.1186440678%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-lead__eyecatch {
    left: -1.6%;
    width: 96%;
    padding: 0 0 0 0%;
  }
}
.p-staff7-lead__image {
  -webkit-filter: drop-shadow(89px 43px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(89px 43px 0 rgba(0, 0, 0, 0.2));
  mix-blend-mode: multiply;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media screen and (max-width: 640px) {
  .p-staff7-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-lead__image {
    padding: 1.5873015873% 18.0952380952% 0 14.9206349206%;
    -webkit-filter: drop-shadow(90px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(90px 48px 0 rgba(0, 0, 0, 0.2));
    mix-blend-mode: multiply;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .p-staff7-lead__image {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.p-staff7-lead__hands-writing {
  bottom: 15.1666666667%;
  left: -47%;
}

@media screen and (max-width: 1200px) {
  .p-staff7-lead__hands-writing {
    width: 38vw;
  }
}
@media screen and (max-width: 768px) {
  .p-staff7-lead__hands-writing {
    right: 8.8vw;
    bottom: 24.8vw;
    left: auto;
    width: 60.8vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-lead__hands-writing {
    bottom: 9.0666666667vw;
    left: 8.8vw;
    width: 75.2vw;
    height: 13.8666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-main {
    padding-top: 14.6666666667%;
    padding-bottom: 0%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-main__image {
    padding: 4.4444444444% 19.0476190476% 0 19.0476190476%;
  }
}
.p-staff7-main__image::before {
  background-image: url(../images/interview/bg-triangle02-green.svg);
}
.p-staff7-main__image img {
  -webkit-filter: drop-shadow(56px 67px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(56px 67px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 1200px) {
  .p-staff7-main__image img {
    -webkit-filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(57px 48px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-main__image img {
    -webkit-filter: drop-shadow(36px 22px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(36px 22px 0 rgba(0, 0, 0, 0.2));
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-main-reverse {
    padding-top: 14.9333333333% !important;
    padding-bottom: 22.1333333333%;
  }
}
.p-staff7-main-reverse__image {
  padding-left: 9.4736842105%;
}
.p-staff7-main-reverse__image::before {
  content: none;
}
.p-staff7-main-reverse__image::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent #00804d;
  border-style: solid;
  border-width: 0 0 10.4166666667vw 100vw;
}
.p-staff7-main-reverse__image img {
  -webkit-filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
          filter: drop-shadow(70px 33px 0 rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 640px) {
  .p-staff7-main-reverse__image {
    right: 0;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-main-reverse__image::after {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-main-reverse__image figure {
    position: relative;
    right: -4vw;
    padding-right: 16%;
    padding-left: 41.6%;
  }
}
@media screen and (max-width: 640px) {
  .p-staff7-main-reverse__image img {
    -webkit-filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(40px 16px 0 rgba(0, 0, 0, 0.2));
  }
}