/*

Noto Sans JP
Regular 400
Medium 500
SemiBold 600
Bold 700

Poppins
Regular 400
Medium 500
SemiBold 600
Bold 700
*/
@media screen and (min-width: 1200px) {
  .over_pc_block {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .over_pc_block {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .over_pc_flex {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .over_pc_flex {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .over-tablet-inline {
    display: inline !important;
  }
}
@media screen and (max-width: 767px) {
  .over-tablet-inline {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .over-tablet-block {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .over-tablet-block {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .over-tablet-flex {
    display: flex !important;
  }
}
@media screen and (max-width: 767px) {
  .over-tablet-flex {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .under-tablet-inline {
    display: inline !important;
  }
}
@media screen and (min-width: 1200px) {
  .under-tablet-inline {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .under-tablet-block {
    display: block !important;
  }
}
@media screen and (min-width: 1200px) {
  .under-tablet-block {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .under-tablet-flex {
    display: flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .under-tablet-flex {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .under-sp-inline {
    display: inline !important;
  }
}
@media screen and (min-width: 768px) {
  .under-sp-inline {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .under-sp-block {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .under-sp-block {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .under-sp-flex {
    display: flex !important;
  }
}
@media screen and (min-width: 768px) {
  .under-sp-flex {
    display: none !important;
  }
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(button) {
  border-style: solid;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 3px solid Highlight;
  outline-offset: 2px;
  scroll-margin-block: 10vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

::selection {
  background: #f8f834;
}

img {
  display: block;
}

body {
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  overflow-x: hidden;
  background: black;
  color: black;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}
body a {
  text-decoration: none;
  color: black;
}
body #def {
  display: none;
}
body .kakko {
  margin-left: -0.5em;
}
body .block {
  width: 80px;
  height: 80px;
  position: absolute;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  body .block {
    width: 10vw;
    height: 10vw;
  }
}
body canvas {
  touch-action: none;
  pointer-events: none;
}
body .canvas_x2 canvas {
  transform: scale(0.5);
  transform-origin: 0 0;
}
body .alt-canvas i {
  display: none;
}
body .fadein {
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  transform: translateY(100px);
}
body .fadein.active {
  opacity: 1;
  transform: translateY(0);
}
body canvas.tile-animation {
  transform: scale(0.5);
  transform-origin: 0 0;
}
body header {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 1000;
  height: 90px;
  padding: 25px 25px 25px 45px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header {
    height: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header {
    padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  body header {
    padding: 4.6vw;
    height: 17.2vw;
  }
}
body header > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
body header > div.left .logo {
  fill: #eeefef;
  width: 120px;
  height: 37px;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header > div.left .logo {
    width: 10vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header > div.left .logo {
    height: 3.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  body header > div.left .logo {
    width: 26vw;
    height: 8vw;
  }
}
body header > div.left p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #eeefef;
  padding: 0 0 0.6em 0.5em;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body header > div.left p {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body header > div.left p {
    font-size: 3.12vw;
    line-height: 3.12vw;
  }
}
body header > div.right .entry {
  width: 130px;
  height: 42px;
  background-color: #f8f834;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header > div.right .entry {
    width: 10.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header > div.right .entry {
    height: 3.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body header > div.right .entry {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.9444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body header > div.right .entry {
    font-size: 2.08vw;
    line-height: 2.08vw;
  }
}
body header > div.right .entry:hover {
  background-color: black;
  color: #f8f834;
}
body header > div.right .burger {
  display: block;
  position: relative;
  margin-left: 20px;
  width: 42px;
  height: 42px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header > div.right .burger {
    margin-left: 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body header > div.right .burger {
    height: 3.5vw;
  }
}
body header > div.right .burger span {
  display: block;
  width: 71%;
  height: 2px;
  background-color: #eeefef;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
  transform-origin: center center;
}
body header > div.right .burger span.bar1 {
  top: 25%;
  left: 45%;
}
body header > div.right .burger span.bar2 {
  top: 50%;
  left: 55%;
}
body header > div.right .burger span.bar3 {
  top: 75%;
  left: 45%;
}
body header > div.right .burger:hover span.bar1 {
  top: 25%;
  left: 50%;
}
body header > div.right .burger:hover span.bar2 {
  top: 50%;
  left: 50%;
}
body header > div.right .burger:hover span.bar3 {
  top: 75%;
  left: 50%;
}
body.menu-open menu {
  transform: translate3d(0, 0, 0);
}
body.menu-open header .right .burger span {
  background-color: #eeefef !important;
}
body.menu-open header .right .burger span.bar1 {
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%) rotate(150deg);
}
body.menu-open header .right .burger span.bar2 {
  top: 50%;
  left: 50%;
  width: 0;
}
body.menu-open header .right .burger span.bar3 {
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-150deg);
}
body.enter-white header .left .logo {
  fill: black;
}
body.enter-white header .left p {
  color: black;
}
body.enter-white header .right .burger span {
  background-color: black;
}
body menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translate3d(-100vw, 0, 0);
  transition: transform 0.3s ease-in-out;
  background-color: rgb(0, 0, 0);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
body menu .wrap {
  max-width: 830px;
  width: 100%;
  color: #eeefef;
}
body menu .wrap .menu {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
body menu .wrap .menu ul li {
  margin-bottom: 25px;
  display: block;
  height: 1em;
  letter-spacing: 0.05em;
}
body menu .wrap .menu ul li.head {
  margin-bottom: 30px;
}
body menu .wrap .menu ul li.head h3, body menu .wrap .menu ul li.head h3 a {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body menu .wrap .menu ul li.head h3, body menu .wrap .menu ul li.head h3 a {
    font-size: max(12px, 2.4074074074vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu ul li.head h3, body menu .wrap .menu ul li.head h3 a {
    font-size: 3.38pxvw;
    line-height: 3.38pxvw;
  }
}
body menu .wrap .menu ul li.head h3 a span {
  font-size: 0.9em;
}
body menu .wrap .menu ul li a {
  color: #eeefef;
  display: block;
  transition: all 0.3s;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body menu .wrap .menu ul li a {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 1.9444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu ul li a {
    font-size: 2.34pxvw;
    line-height: 2.73pxvw;
  }
}
body menu .wrap .menu ul li a.gray-out {
  color: #737373;
}
body menu .wrap .menu ul li a:hover:not(.gray-out) {
  color: #f8f834;
}
body menu .wrap .menu ul li.small a {
  font-size: 0.77em;
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu {
    flex-wrap: wrap;
    padding: 0 6vw;
  }
  body menu .wrap .menu .entry {
    width: 72vw;
    height: 21.3vw;
    background-color: #f8f834;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 41px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) {
  body menu .wrap .menu .entry {
    font-size: max(12px, 2.962962963vw);
    line-height: max(16px, 3.7962962963vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body menu .wrap .menu .entry {
    font-size: 8.84vw;
    line-height: 10.66vw;
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu .entry:after {
    content: " ";
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    margin-left: 0.3em;
    background: url("/recruit/new-graduate/data/images/arrow_02.webp") no-repeat center center;
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu div {
    width: 49%;
    margin-top: 8vw;
  }
  body menu .wrap .menu div.top {
    width: 100%;
  }
  body menu .wrap .menu div.left {
    width: 65%;
  }
  body menu .wrap .menu div.right {
    width: 35%;
  }
  body menu .wrap .menu div h3, body menu .wrap .menu div h3 a {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) {
  body menu .wrap .menu div h3, body menu .wrap .menu div h3 a {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body menu .wrap .menu div h3, body menu .wrap .menu div h3 a {
    font-size: 3.64vw;
    line-height: 3.64vw;
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu div a {
    color: #eeefef;
    display: block;
    margin-bottom: 3vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) {
  body menu .wrap .menu div a {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body menu .wrap .menu div a {
    font-size: 3.38vw;
    line-height: 3.9vw;
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu div a.gray-out {
    color: #737373;
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu div a.small {
    font-size: 0.77em;
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu ul.sub {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 8vw;
  }
  body menu .wrap .menu ul.sub li a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) {
  body menu .wrap .menu ul.sub li a {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body menu .wrap .menu ul.sub li a {
    font-size: 3.12vw;
    line-height: 3.12vw;
  }
}
@media screen and (max-width: 767px) {
  body menu .wrap .menu ul.sub li:first-child {
    margin-right: 2em;
  }
}
body main {
  background-color: white;
  padding: 0px 0px 160px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main {
    padding: 0vw 0vw 13.3333333333vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main {
    padding-bottom: 21.3vw;
  }
}
body main h2.simple {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 68px;
  line-height: 68px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main h2.simple {
    font-size: max(12px, 6.2962962963vw);
    line-height: max(16px, 6.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body main h2.simple {
    font-size: 13vw;
    line-height: 13vw;
  }
}
body main h3.simple {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main h3.simple {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body main h3.simple {
    font-size: 4.16vw;
    line-height: 4.16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main h3.simple {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body main h3.simple {
    margin-top: 2vw;
  }
}
body main section {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
body main section .wrap {
  width: 100%;
  max-width: 1280px;
  padding: 0px 80px 0px 80px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section .wrap {
    padding: 0vw 6.6666666667vw 0vw 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main section .wrap {
    max-width: 100%;
    width: 100%;
    padding: 0 7.3vw;
  }
}
body main section.style1 {
  overflow: hidden;
  position: relative;
  padding: 45px 0px 160px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.style1 {
    padding: 3.75vw 0vw 13.3333333333vw 0vw;
  }
}
body main section.style1:before {
  content: "";
  display: block;
  width: 91.6%;
  height: 1px;
  background-color: #c4c8cb;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  body main section.style1 {
    padding: 6vw 0 32vw;
  }
}
body main section.style1 .ticker {
  display: block;
  white-space: nowrap;
}
body main section.style1 .ticker h2 {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 100px;
  line-height: 100px;
  transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section.style1 .ticker h2 {
    font-size: max(12px, 9.2592592593vw);
    line-height: max(16px, 9.2592592593vw);
  }
}
@media screen and (max-width: 767px) {
  body main section.style1 .ticker h2 {
    font-size: 13vw;
    line-height: 13vw;
  }
}
body main section.style1 .ticker h2 span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 100px;
  line-height: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section.style1 .ticker h2 span {
    font-size: max(12px, 9.2592592593vw);
    line-height: max(16px, 9.2592592593vw);
  }
}
@media screen and (max-width: 767px) {
  body main section.style1 .ticker h2 span {
    font-size: 13vw;
    line-height: 13vw;
  }
}
body main section.style1 .ticker h2:after {
  content: " ";
  display: inline-block;
  background: url("/recruit/new-graduate/data/images/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  margin: 0 0.5em 15px 0.2em;
}
@media screen and (max-width: 767px) {
  body main section.style1 .ticker h2:after {
    width: 9.3vw;
    height: 9.3vw;
    margin-bottom: 2vw;
  }
}
body main section.style1 p.read {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  margin: 60px 0px 60px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section.style1 p.read {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 3.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  body main section.style1 p.read {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.style1 p.read {
    margin: 5vw 0vw 5vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main section.style1 p.read {
    margin: 16vw 0 11vw;
  }
}
body main section.style1 .wrap .items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  body main section.style1 .wrap .items {
    flex-direction: column;
  }
}
body main section.style1 .wrap .items .item {
  position: relative;
}
body main section#business .items {
  align-items: stretch;
}
body main section#business .items a {
  display: block;
}
body main section#business .items .left {
  max-width: 28.57%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  body main section#business .items .left {
    max-width: 100%;
  }
}
body main section#business .items .right {
  max-width: 64.28%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  body main section#business .items .right {
    max-width: 100%;
  }
}
body main section#business .items .item {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  body main section#business .items .item {
    margin-top: 10.6vw;
  }
  body main section#business .items .item.one {
    margin-top: 0;
  }
}
body main section#business .items .item canvas, body main section#business .items .item img {
  transition: transform 1s;
}
body main section#business .items .item:hover canvas, body main section#business .items .item:hover img {
  transform: scale(1.1);
}
body main section#business .items .item div.text {
  position: absolute;
  width: 100%;
}
body main section#business .items .item div.text h3 {
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 34px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section#business .items .item div.text h3 {
    font-size: max(12px, 2.037037037vw);
    line-height: max(16px, 3.1481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body main section#business .items .item div.text h3 {
    font-size: 4.94vw;
    line-height: 6.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body main section#business .items .item div.text h3 {
    font-size: 1.71vw;
  }
}
body main section#business .items .item div.text h3 span {
  background-color: #f8f834;
  padding: 0 0.5em;
}
@media screen and (min-width: 768px) {
  body main section#business .items .item div.text h3 {
    background-color: #f8f834;
    padding: 0 0.5em;
    margin-bottom: 0.3em;
  }
  body main section#business .items .item div.text h3 span {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  body main section#business .items .item div.text h3 {
    margin-bottom: 2vw;
  }
  body main section#business .items .item div.text h3 span {
    padding-bottom: 0.6vw;
  }
}
body main section#business .items .item div.text p {
  display: inline-block;
  background-color: #eeefef;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 27px;
  margin: 10px 0px 0px 0px;
  padding: 0 0.5em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section#business .items .item div.text p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.5vw);
  }
}
@media screen and (max-width: 767px) {
  body main section#business .items .item div.text p {
    font-size: 3.38vw;
    line-height: 5.85vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#business .items .item div.text p {
    margin: 0.8333333333vw 0vw 0vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body main section#business .items .item div.text p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body main section#business .items .item div.text p {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 767px) {
  body main section#business .items .item div.text {
    bottom: 5vw !important;
    left: 5vw !important;
  }
}
body main section#business .items .item.one {
  border-top-right-radius: 80px;
}
body main section#business .items .item.one div {
  bottom: 33px;
  left: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#business .items .item.one div {
    bottom: 2.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#business .items .item.one div {
    left: 2.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main section#business .items .item.one {
    border-top-right-radius: 15vw;
  }
}
body main section#business .items .item.two {
  border-top-right-radius: 80px;
}
body main section#business .items .item.two div {
  left: auto;
  width: auto;
  right: 54px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#business .items .item.two div {
    right: 4.5vw;
  }
}
body main section#business .items .item.two div.text {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  body main section#business .items .item.two {
    border-top-right-radius: 15vw;
  }
  body main section#business .items .item.two div {
    top: auto !important;
    transform: translateY(0%) !important;
  }
}
body main section#business .items .item.three {
  border-top-left-radius: 80px;
}
body main section#business .items .item.three div {
  left: 54px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#business .items .item.three div {
    left: 4.5vw;
  }
}
body main section#business .items .item.three div.text {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  body main section#business .items .item.three {
    border-top-left-radius: 0;
    border-top-right-radius: 15vw;
  }
  body main section#business .items .item.three div {
    top: auto !important;
    transform: translateY(0%) !important;
  }
}
body main section.yellow-cards .wrap {
  max-width: 1280px !important;
}
body main section.yellow-cards .items {
  margin-top: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.yellow-cards .items {
    margin-top: 5vw;
  }
}
body main section.yellow-cards .items .left, body main section.yellow-cards .items .right {
  width: 46.4%;
  padding-top: 28.57%;
  position: relative;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left, body main section.yellow-cards .items .right {
    width: 100%;
    padding-top: 53.3vw;
  }
}
body main section.yellow-cards .items .left a, body main section.yellow-cards .items .right a {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute !important;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
}
body main section.yellow-cards .items .left a:before, body main section.yellow-cards .items .left a:after, body main section.yellow-cards .items .right a:before, body main section.yellow-cards .items .right a:after {
  content: "";
  display: block;
  width: 101%;
  height: 101%;
  position: absolute;
  pointer-events: none;
}
body main section.yellow-cards .items .left a img, body main section.yellow-cards .items .right a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body main section.yellow-cards .items .left a h3, body main section.yellow-cards .items .right a h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section.yellow-cards .items .left a h3, body main section.yellow-cards .items .right a h3 {
    font-size: max(12px, 2.962962963vw);
    line-height: max(16px, 3.8888888889vw);
  }
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a h3, body main section.yellow-cards .items .right a h3 {
    font-size: 6.24vw;
    line-height: 7.15vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body main section.yellow-cards .items .left a h3, body main section.yellow-cards .items .right a h3 {
    font-size: 2.5vw;
    line-height: 3.28vw;
  }
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a h3, body main section.yellow-cards .items .right a h3 {
    margin-top: 5vw;
  }
}
body main section.yellow-cards .items .left a h3:after, body main section.yellow-cards .items .right a h3:after {
  content: "";
  display: block;
  width: 41px;
  height: 41px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41"><path class="cls-1" d="m20.5,41C9.196,41,0,31.804,0,20.5S9.196,0,20.5,0s20.5,9.196,20.5,20.5-9.196,20.5-20.5,20.5Zm0-40C9.748,1,1,9.748,1,20.5s8.748,19.5,19.5,19.5,19.5-8.748,19.5-19.5S31.252,1,20.5,1Z"/><polygon class="cls-1" points="23.069 11.928 20.777 13.875 25.975 19.071 10.69 19.071 10.69 21.928 25.975 21.928 20.777 27.124 23.069 29.071 31.262 20.5 23.069 11.928"/></svg>') no-repeat center center/99% 99%;
  margin: 0.4em auto 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.yellow-cards .items .left a h3:after, body main section.yellow-cards .items .right a h3:after {
    width: 3.4166666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.yellow-cards .items .left a h3:after, body main section.yellow-cards .items .right a h3:after {
    height: 3.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a h3:after, body main section.yellow-cards .items .right a h3:after {
    width: 7.4vw;
    height: 7.4vw;
    bottom: -1.5em;
  }
}
body main section.yellow-cards .items .left a.mission, body main section.yellow-cards .items .right a.mission {
  background: url("/recruit/new-graduate/data/images/bg_pattern_01.png") repeat 100% 100%;
  transition: all 0.5s;
}
body main section.yellow-cards .items .left a.mission h3, body main section.yellow-cards .items .right a.mission h3 {
  margin-top: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.yellow-cards .items .left a.mission h3, body main section.yellow-cards .items .right a.mission h3 {
    margin-top: 2.0833333333vw;
  }
}
body main section.yellow-cards .items .left a.mission:before, body main section.yellow-cards .items .right a.mission:before {
  background: url("/recruit/new-graduate/data/images/bg_mask_01.webp") no-repeat 0 0;
  top: -1px;
  left: -1px;
  background-size: auto 50%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.mission:before, body main section.yellow-cards .items .right a.mission:before {
    background-size: auto 40%;
  }
}
body main section.yellow-cards .items .left a.mission:after, body main section.yellow-cards .items .right a.mission:after {
  background: url("/recruit/new-graduate/data/images/bg_mask_01.webp") no-repeat 0% 0%;
  bottom: -1px;
  right: -1px;
  transform: rotate(180deg);
  background-size: auto 50%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.mission:after, body main section.yellow-cards .items .right a.mission:after {
    background-size: auto 40%;
  }
}
body main section.yellow-cards .items .left a.system, body main section.yellow-cards .items .right a.system {
  background: url("/recruit/new-graduate/data/images/bg_pattern_02.png") repeat 100% 100%;
  transition: all 0.5s;
}
body main section.yellow-cards .items .left a.system h3, body main section.yellow-cards .items .right a.system h3 {
  margin-top: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.yellow-cards .items .left a.system h3, body main section.yellow-cards .items .right a.system h3 {
    margin-top: 2.0833333333vw;
  }
}
body main section.yellow-cards .items .left a.system:before, body main section.yellow-cards .items .right a.system:before {
  background: url("/recruit/new-graduate/data/images/bg_mask_02.webp") no-repeat 0 0;
  top: -1px;
  left: -1px;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.system:before, body main section.yellow-cards .items .right a.system:before {
    background-image: url("/recruit/new-graduate/data/images/bg_mask_02_sp.webp");
  }
}
body main section.yellow-cards .items .left a.system:after, body main section.yellow-cards .items .right a.system:after {
  background: url("/recruit/new-graduate/data/images/bg_mask_02.webp") no-repeat 0% 0%;
  top: -1px;
  right: -1px;
  transform: scaleX(-1);
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.system:after, body main section.yellow-cards .items .right a.system:after {
    background-image: url("/recruit/new-graduate/data/images/bg_mask_02_sp.webp");
  }
}
body main section.yellow-cards .items .left a.recruit, body main section.yellow-cards .items .right a.recruit {
  background: url("/recruit/new-graduate/data/images/bg_pattern_03.png") repeat 100% 100%;
  background-size: 520px 520px;
}
body main section.yellow-cards .items .left a.recruit h3, body main section.yellow-cards .items .right a.recruit h3 {
  margin-top: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.yellow-cards .items .left a.recruit h3, body main section.yellow-cards .items .right a.recruit h3 {
    margin-top: 1vw;
  }
}
body main section.yellow-cards .items .left a.recruit:before, body main section.yellow-cards .items .right a.recruit:before {
  background: url("/recruit/new-graduate/data/images/bg_mask_03.webp") no-repeat 0 0;
  top: -1px;
  left: -1px;
  background-size: auto 25%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.recruit:before, body main section.yellow-cards .items .right a.recruit:before {
    background-size: auto 20%;
  }
}
body main section.yellow-cards .items .left a.recruit:after, body main section.yellow-cards .items .right a.recruit:after {
  background: url("/recruit/new-graduate/data/images/bg_mask_03.webp") no-repeat 0% 0%;
  bottom: -1px;
  right: -1px;
  transform: rotate(180deg);
  background-size: auto 25%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.recruit:after, body main section.yellow-cards .items .right a.recruit:after {
    background-size: auto 20%;
  }
}
body main section.yellow-cards .items .left a.require, body main section.yellow-cards .items .right a.require {
  background: url("/recruit/new-graduate/data/images/bg_pattern_04.png") repeat 100% 100%;
}
body main section.yellow-cards .items .left a.require h3, body main section.yellow-cards .items .right a.require h3 {
  margin-top: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section.yellow-cards .items .left a.require h3, body main section.yellow-cards .items .right a.require h3 {
    margin-top: 1vw;
  }
}
body main section.yellow-cards .items .left a.require:before, body main section.yellow-cards .items .right a.require:before {
  background: url("/recruit/new-graduate/data/images/bg_mask_03.webp") no-repeat 0 0;
  top: 50%;
  left: -1px;
  background-size: auto 25%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.require:before, body main section.yellow-cards .items .right a.require:before {
    background-size: auto 20%;
    top: 60%;
  }
}
body main section.yellow-cards .items .left a.require:after, body main section.yellow-cards .items .right a.require:after {
  background: url("/recruit/new-graduate/data/images/bg_mask_04.webp") no-repeat 0% 0%;
  top: -1px;
  right: -1px;
  transform: scaleX(-1);
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.require:after, body main section.yellow-cards .items .right a.require:after {
    background-image: url("/recruit/new-graduate/data/images/bg_mask_04_sp.webp");
  }
}
body main section.yellow-cards .items .left a.message, body main section.yellow-cards .items .right a.message {
  background: url("/recruit/new-graduate/data/images/bg_pattern_message.png") repeat 100% 100%;
}
body main section.yellow-cards .items .left a.message:before, body main section.yellow-cards .items .right a.message:before {
  background: url("/recruit/new-graduate/data/images/bg_mask_03.webp") no-repeat 0 100%;
  bottom: -1px;
  left: -1px;
  background-size: auto 25%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.message:before, body main section.yellow-cards .items .right a.message:before {
    background-size: auto 20%;
  }
}
body main section.yellow-cards .items .left a.message:after, body main section.yellow-cards .items .right a.message:after {
  background: url("/recruit/new-graduate/data/images/bg_mask_03.webp") no-repeat 0% 100%;
  top: -1px;
  right: -1px;
  transform: rotate(180deg);
  background-size: auto 25%;
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .left a.message:after, body main section.yellow-cards .items .right a.message:after {
    background-size: auto 20%;
  }
}
body main section.yellow-cards .items .left:hover a h3:after, body main section.yellow-cards .items .right:hover a h3:after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41"><defs><style>.cls-1 {fill:%23040000;}.cls-2 {fill: %23ece94a;}</style></defs><circle class="cls-1" cx="20" cy="20" r="20"/><polygon class="cls-2" points="22.569 11.429 20.277 13.376 25.475 18.571 10.19 18.571 10.19 21.429 25.475 21.429 20.277 26.624 22.569 28.571 30.762 20 22.569 11.429"/></svg>');
}
@media screen and (max-width: 767px) {
  body main section.yellow-cards .items .right {
    margin-top: 10vw;
  }
}
body main section#entry {
  margin-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#entry {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#entry {
    padding-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main section#entry {
    padding: 0 7.3vw;
    overflow: hidden;
    margin-top: 0vw;
  }
}
body main section#entry .wrap {
  overflow: hidden;
  max-width: 1440px !important;
  padding: 0px 80px 0px 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#entry .wrap {
    padding: 0vw 6.6666666667vw 0vw 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main section#entry .wrap {
    padding: 0 !important;
  }
}
body main section#entry .wrap > div {
  overflow: hidden;
}
body main section#entry .wrap > div .ticker {
  display: block;
  white-space: nowrap;
  margin: 2px 0 5px;
}
body main section#entry .wrap > div .ticker h2 {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #ced2d5;
  padding-right: 1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section#entry .wrap > div .ticker h2 {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body main section#entry .wrap > div .ticker h2 {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
body main section#entry .wrap > div .ticker h2 span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section#entry .wrap > div .ticker h2 span {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body main section#entry .wrap > div .ticker h2 span {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
body main section#entry .wrap > div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 320px;
  background-color: #f8f834;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body main section#entry .wrap > div a {
    height: 26.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main section#entry .wrap > div a {
    height: 37.3vw;
  }
}
body main section#entry .wrap > div a h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: 20px;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body main section#entry .wrap > div a h3 {
    font-size: max(12px, 7.4074074074vw);
    line-height: max(16px, 7.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body main section#entry .wrap > div a h3 {
    font-size: 10.4vw;
    line-height: 12.35vw;
  }
}
body main section#entry .wrap > div a h3:after {
  content: " ";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  margin-left: 0.3em;
  background: url("/recruit/new-graduate/data/images/arrow_02.webp") no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  body main section#entry .wrap > div a h3 {
    letter-spacing: 0;
  }
}
body main section#entry .wrap > div a:hover h3 {
  letter-spacing: 0;
}
body main section#entry .wrap > div a:hover h3:after {
  background-image: url("/recruit/new-graduate/data/images/arrow_02on.webp");
}
body footer {
  background-color: black;
  color: #eeefef;
}
body footer .mosaic {
  height: 240px;
  background: url("/recruit/new-graduate/data/images/footer_mosaic.webp") no-repeat center 0;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  body footer .mosaic {
    height: 32vw;
    background-image: url("/recruit/new-graduate/data/images/footer_mosaic_sp.webp");
    background-size: 100% auto;
  }
}
body footer .wrap {
  max-width: 1280px;
  margin: 142px auto 0px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body footer .wrap {
    margin: 11.8333333333vw auto 0vw auto;
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap {
    padding: 0 4.5vw;
    margin-top: 18vw;
  }
}
body footer .wrap .title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
body footer .wrap .title svg {
  width: 120px;
  height: 37px;
  fill: #eeefef;
}
@media screen and (max-width: 767px) {
  body footer .wrap .title svg {
    width: 24.5vw;
    height: 7.4vw;
  }
}
body footer .wrap .title p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #eeefef;
  padding: 0 0 0.3em 1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body footer .wrap .title p {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.9444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .title p {
    font-size: 2.86vw;
    line-height: 3.12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1370px) {
  body footer .wrap .title {
    padding: 0 3vw;
  }
}
body footer .wrap .menu {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1120px;
  margin: 60px auto 0px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body footer .wrap .menu {
    margin: 5vw auto 0vw auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body footer .wrap .menu {
    padding: 0 5vw;
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu {
    flex-wrap: wrap;
    margin: 0 0 0 3vw;
  }
}
body footer .wrap .menu div h3, body footer .wrap .menu div h3 a {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body footer .wrap .menu div h3, body footer .wrap .menu div h3 a {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu div h3, body footer .wrap .menu div h3 a {
    font-size: 3.64vw;
    line-height: 3.64vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body footer .wrap .menu div h3, body footer .wrap .menu div h3 a {
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu div h3, body footer .wrap .menu div h3 a {
    margin-bottom: 3vw;
  }
}
body footer .wrap .menu div h3 a span {
  font-size: 0.9em;
}
body footer .wrap .menu div a {
  color: #eeefef;
  display: block;
  margin-bottom: 25px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body footer .wrap .menu div a {
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body footer .wrap .menu div a {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu div a {
    font-size: 3.38vw;
    line-height: 3.9vw;
  }
}
body footer .wrap .menu div a.gray-out {
  color: #737373;
}
body footer .wrap .menu div a.small {
  font-size: 0.77em;
}
body footer .wrap .menu div a:hover:not(.gray-out) {
  color: #f8f834;
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu div a {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu div {
    width: 49%;
    margin-top: 8vw;
  }
  body footer .wrap .menu div.top {
    width: 100%;
  }
  body footer .wrap .menu div.left {
    width: 65%;
  }
  body footer .wrap .menu div.right {
    width: 35%;
  }
}
body footer .wrap .menu.second div {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body footer .wrap .menu.second div {
    margin-bottom: 1.6666666667vw;
  }
}
body footer .wrap .menu.second div:last-child {
  margin-bottom: 0;
}
body footer .wrap .menu.second div a.small {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body footer .wrap .menu.second div a.small {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 1.9444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu.second div a.small {
    font-size: 3.12vw;
    line-height: 3.12vw;
  }
}
@media screen and (max-width: 767px) {
  body footer .wrap .menu.second {
    margin: 0;
  }
  body footer .wrap .menu.second div {
    display: flex;
    width: 80%;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 10vw auto 3vw;
  }
}
body footer .copyright {
  text-align: center;
  margin-top: 160px;
  padding: 30px 0px 30px 0px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body footer .copyright {
    margin-top: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body footer .copyright {
    padding: 2.5vw 0vw 2.5vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body footer .copyright {
    font-size: max(12px, 0.9259259259vw);
    line-height: max(16px, 0.9259259259vw);
  }
}
@media screen and (max-width: 767px) {
  body footer .copyright {
    font-size: 2.6vw;
    line-height: 2.6vw;
  }
}
@media screen and (max-width: 767px) {
  body footer .copyright {
    padding: 4vw 0;
    margin-top: 26.6vw;
  }
}

body.sub-page-style1 main section#hero {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  padding: 290px 60px 0px 60px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.sub-page-style1 main section#hero {
    padding: 24.1666666667vw 5vw 0vw 5vw;
  }
}
@media screen and (max-height: 800px) {
  body.sub-page-style1 main section#hero {
    padding-top: 200px;
  }
}
@media screen and (max-width: 767px) {
  body.sub-page-style1 main section#hero {
    padding: 30vw 0 0;
  }
}
body.sub-page-style1 main section#hero h1 {
  margin: 0px 0px 30px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.sub-page-style1 main section#hero h1 {
    margin: 0vw 0vw 2.5vw auto;
  }
}
@media screen and (max-width: 767px) {
  body.sub-page-style1 main section#hero h1 {
    margin: 0 7.3vw 10.6vw auto;
  }
}
body.sub-page-style1 main section#hero img {
  width: 100%;
}
body.sub-page-style1 main section.style3 {
  padding: 0px 0px 115px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.sub-page-style1 main section.style3 {
    padding: 0vw 0vw 9.5833333333vw 0vw;
  }
}
body.sub-page-style1 main section.style3 .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.sub-page-style1 main section.style3 .items .item {
  width: 46.4%;
  margin-top: 82px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.sub-page-style1 main section.style3 .items .item {
    margin-top: 6.8333333333vw;
  }
}
body.sub-page-style1 main section.style3 .items .item h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 38px;
  margin: 5px 0px 10px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.sub-page-style1 main section.style3 .items .item h3 {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body.sub-page-style1 main section.style3 .items .item h3 {
    font-size: 4.68vw;
    line-height: 7.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.sub-page-style1 main section.style3 .items .item h3 {
    margin: 0.4166666667vw 0vw 0.8333333333vw 0vw;
  }
}
body.sub-page-style1 main section.style3 .items .item p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.sub-page-style1 main section.style3 .items .item p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.3148148148vw);
  }
}
@media screen and (max-width: 767px) {
  body.sub-page-style1 main section.style3 .items .item p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (max-width: 767px) {
  body.sub-page-style1 main section.style3 {
    padding: 0 0 30.7vw;
  }
  body.sub-page-style1 main section.style3 .items .item {
    width: 100%;
    margin-top: 13.3vw;
  }
  body.sub-page-style1 main section.style3 .items .item h3 {
    margin: 6vw 0 2.5vw;
  }
}
body.sub-page-style1 main section.style3 .items .item img {
  aspect-ratio: 513 / 316;
  object-fit: cover;
  object-position: center;
}

body#top main section#hero {
  background: #4c535b;
  position: relative;
  padding: 0;
}
body#top main section#hero:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #5e646a 0%, #5e646a 49%, #485156 50%, #485156 100%);
  transition: all 2s;
  opacity: 0;
  z-index: 1;
}
body#top main section#hero img {
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}
body#top main section#hero video {
  height: auto;
  width: 100%;
  max-height: 850px;
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 1;
}
body#top main section#hero .block {
  margin-top: -15px;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  body#top main section#hero {
    height: 173vw;
  }
  body#top main section#hero img {
    max-height: 173vw;
  }
  body#top main section#hero video {
    max-height: inherit;
  }
  body#top main section#hero .block {
    margin-top: 0;
  }
}
body#top main section#intro {
  padding: 270px 0px 270px 0px;
}
@media screen and (max-width: 767px) {
  body#top main section#intro {
    padding: 51.6vw 0 100.5vw;
  }
}
body#top main section#intro .wrap {
  max-width: 1120px;
}
body#top main section#intro .block {
  margin-top: 15px;
  z-index: 100;
}
body#top main section#intro h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#intro h6 {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#intro h6 {
    font-size: 3.9vw;
    line-height: 3.9vw;
  }
}
body#top main section#intro h6:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: black;
  margin: 0 0.5em 0.15em 0;
  border-radius: 3px;
}
body#top main section#intro #intro-title {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 105px;
  line-height: 160px;
  max-width: 368px;
  width: 100%;
  padding: 80px 0px 5px 0px;
  margin-bottom: -87px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#intro #intro-title {
    font-size: max(12px, 9.7222222222vw);
    line-height: max(16px, 14.8148148148vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#intro #intro-title {
    font-size: 13.52vw;
    line-height: 20.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#intro #intro-title {
    padding: 6.6666666667vw 0vw 0.4166666667vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#intro #intro-title {
    margin-bottom: -7.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#intro #intro-title {
    width: 48vw;
    padding-top: 13vw;
    margin-bottom: -15vw;
  }
}
body#top main section#intro #intro-sub-title {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 45px;
  line-height: 70px;
  max-width: 418px;
  width: 100%;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#intro #intro-sub-title {
    font-size: max(12px, 4.1666666667vw);
    line-height: max(16px, 6.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#intro #intro-sub-title {
    font-size: 5.98vw;
    line-height: 9.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#intro #intro-sub-title {
    margin-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#intro #intro-sub-title {
    padding-top: 0.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#intro #intro-sub-title {
    padding-bottom: 0.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#intro #intro-sub-title {
    width: 57vw;
    padding-top: 5vw;
    margin-bottom: 6.5vw;
  }
}
body#top main section#intro #intro-text {
  width: 100%;
  max-width: 360px;
  margin-bottom: -570px;
}
@media screen and (max-width: 767px) {
  body#top main section#intro #intro-text {
    width: 74vw;
    margin-bottom: -130vw;
    max-width: inherit;
  }
}
body#top main section#intro p {
  margin-top: 1.8em;
  letter-spacing: 0.05em;
}
body#top main section#intro p span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 44px;
  padding-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#intro p span {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#intro p span {
    font-size: 3.64vw;
    line-height: 8.84vw;
  }
}
body#top main section#why {
  background: url("/recruit/new-graduate/data/images/why_bg2.png") repeat center 0;
  margin-top: -160px;
}
body#top main section#why:before {
  content: "";
  display: block;
  width: 100%;
  height: 321px;
  background: white url("/recruit/new-graduate/data/images/why_bg1.png") no-repeat center 100%;
}
@media screen and (max-width: 767px) {
  body#top main section#why:before {
    background-image: url("/recruit/new-graduate/data/images/why_bg1_sp.png");
    height: 32.1vw;
    background-size: auto 100%;
  }
}
body#top main section#why .wrap {
  max-width: 1440px;
  padding: 80px 0px 190px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap {
    padding: 6.6666666667vw 0vw 15.8333333333vw 0vw;
  }
}
body#top main section#why .wrap h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 41px;
  text-align: center;
  padding: 0;
  margin: 0px 0px 10px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#why .wrap h4 {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 3.7962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#why .wrap h4 {
    font-size: 3.64vw;
    line-height: 5.33vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap h4 {
    margin: 0vw 0vw 0.8333333333vw 0vw;
  }
}
body#top main section#why .wrap h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 95px;
  line-height: 100px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#why .wrap h2 {
    font-size: max(12px, 8.7962962963vw);
    line-height: max(16px, 9.2592592593vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#why .wrap h2 {
    font-size: 13vw;
    line-height: 13vw;
  }
}
body#top main section#why .wrap .dash {
  width: 1px;
  height: 60px;
  background-color: #000;
  margin: 78px auto 0px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap .dash {
    margin: 6.5vw auto 0vw auto;
  }
}
body#top main section#why .wrap > div {
  display: flex;
  justify-content: space-between;
  margin: 50px 0px 0px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div {
    margin: 4.1666666667vw 0vw 0vw 0vw;
  }
}
body#top main section#why .wrap > div > div {
  margin: 0 auto;
}
body#top main section#why .wrap > div > div h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-size: 45px;
  line-height: 65px;
  letter-spacing: 0.06em;
  position: relative;
  padding: 90px 0px 0px 80px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#why .wrap > div > div h3 {
    font-size: max(12px, 4.1666666667vw);
    line-height: max(16px, 6.0185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#why .wrap > div > div h3 {
    font-size: 5.98vw;
    line-height: 8.45vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div > div h3 {
    padding: 7.5vw 0vw 0vw 6.6666666667vw;
  }
}
body#top main section#why .wrap > div > div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 48px;
  padding: 50px 0px 0px 80px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#why .wrap > div > div p {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 4.4444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#why .wrap > div > div p {
    font-size: 3.64vw;
    line-height: 8.84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div > div p {
    padding: 4.1666666667vw 0vw 0vw 6.6666666667vw;
  }
}
body#top main section#why .wrap > div .photo {
  max-width: 47.2%;
  width: 50%;
  height: auto;
  margin-top: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div .photo {
    margin-top: 8.3333333333vw;
  }
}
body#top main section#why .wrap > div img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: 0% 0%;
}
body#top main section#why .wrap > div.point1 > div {
  padding-left: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div.point1 > div {
    padding-left: 4.1666666667vw;
  }
}
body#top main section#why .wrap > div.point1 > div h3 {
  background: url("/recruit/new-graduate/data/images/why_number01.webp") no-repeat 0 0/221px 188px;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#top main section#why .wrap > div.point1 > div h3 {
    font-size: 3.5vw;
    background-size: auto 100%;
  }
}
body#top main section#why .wrap > div.point2 {
  margin-top: 150px;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div.point2 {
    margin-top: 12.5vw;
  }
}
body#top main section#why .wrap > div.point2 > div.photo {
  max-width: 47.2%;
  margin-left: 0px;
  margin-right: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div.point2 > div.photo {
    margin-left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#why .wrap > div.point2 > div.photo {
    margin-right: 6.6666666667vw;
  }
}
body#top main section#why .wrap > div.point2 > div.text {
  margin: 0;
}
body#top main section#why .wrap > div.point2 > div h3 {
  background: url("/recruit/new-graduate/data/images/why_number02.webp") no-repeat 0 0/232px 188px;
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#top main section#why .wrap > div.point2 > div h3 {
    font-size: 3.5vw;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#why {
    background-size: 10.66vw 10.66vw;
    margin-top: 0;
  }
  body#top main section#why .wrap {
    padding: 21.333vw 0 32vw;
  }
  body#top main section#why .wrap .dash {
    height: 8vw;
    margin: 13vw auto 0;
  }
  body#top main section#why .wrap > div {
    flex-direction: column;
    margin: 9vw 0 0;
  }
  body#top main section#why .wrap > div .photo {
    max-width: 100%;
    width: 100%;
    height: 88vw;
    object-fit: cover;
    margin: 11.1vw 0 0;
  }
  body#top main section#why .wrap > div.point1 > div {
    padding-left: 0;
  }
  body#top main section#why .wrap > div.point1 > div h3 {
    background-size: auto 30.66vw;
    padding: 6vw 0 0;
    text-align: center;
    height: 30.66vw;
    margin-bottom: 6vw;
    background-position: 50% 0;
  }
  body#top main section#why .wrap > div.point1 > div p {
    padding: 0;
    max-width: 85vw;
    letter-spacing: 0.05em;
  }
  body#top main section#why .wrap > div.point2 {
    margin-top: 23vw;
    flex-direction: column-reverse;
  }
  body#top main section#why .wrap > div.point2 > div {
    margin-left: 0;
    width: 100%;
  }
  body#top main section#why .wrap > div.point2 > div.photo {
    max-width: 100%;
  }
  body#top main section#why .wrap > div.point2 > div h3 {
    background-size: auto 30.66vw;
    padding: 6vw 0 0;
    text-align: center;
    height: 30.66vw;
    margin-bottom: 6vw;
    background-position: 50% 0;
  }
  body#top main section#why .wrap > div.point2 > div p {
    padding: 0;
    max-width: 85vw;
    margin: 0 auto;
    letter-spacing: 0.05em;
  }
}
body#top main section#why:after {
  content: "";
  display: block;
  width: 100%;
  height: 240px;
  background: url("/recruit/new-graduate/data/images/why_bg3.webp") no-repeat center 100%;
}
@media screen and (max-width: 767px) {
  body#top main section#why:after {
    background-image: url("/recruit/new-graduate/data/images/why_bg3_sp.webp");
    height: 21.3vw;
    background-size: 100% 100%;
  }
}
body#top main section#ceo {
  background-color: #2d3237;
  color: #eeefef;
}
body#top main section#ceo .wrap {
  max-width: 1280px;
  margin-top: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap {
    margin-top: 6.6666666667vw;
  }
}
body#top main section#ceo .wrap h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 41px;
  text-align: center;
  padding: 0;
  margin: 0px 0px 20px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#ceo .wrap h4 {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 3.7962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#ceo .wrap h4 {
    font-size: 3.64vw;
    line-height: 5.33vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap h4 {
    margin: 0vw 0vw 1.6666666667vw 0vw;
  }
}
body#top main section#ceo .wrap h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 95px;
  line-height: 100px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#ceo .wrap h2 {
    font-size: max(12px, 8.7962962963vw);
    line-height: max(16px, 9.2592592593vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#ceo .wrap h2 {
    font-size: 13vw;
    line-height: 13vw;
  }
}
body#top main section#ceo .wrap > div {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 140px auto 240px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div {
    margin: 11.6666666667vw auto 20vw auto;
  }
}
body#top main section#ceo .wrap > div .left {
  width: 480px;
  margin: 0;
  height: 640px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div .left {
    width: 40vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div .left {
    height: 53.3333333333vw;
  }
}
body#top main section#ceo .wrap > div .right {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin-left: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div .right {
    margin-left: 6.6666666667vw;
  }
}
body#top main section#ceo .wrap > div .right h1 {
  margin-bottom: 65px;
}
body#top main section#ceo .wrap > div .right h1 i {
  display: none;
}
body#top main section#ceo .wrap > div .right h1 img {
  width: 521px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div .right h1 img {
    width: 43.4166666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div .right h1 {
    margin-bottom: 5.4166666667vw;
  }
}
body#top main section#ceo .wrap > div .right h5 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#ceo .wrap > div .right h5 {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.037037037vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#ceo .wrap > div .right h5 {
    font-size: 3.38vw;
    line-height: 3.38vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div .right h5 {
    margin-bottom: 1vw;
  }
}
body#top main section#ceo .wrap > div .right h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#ceo .wrap > div .right h3 {
    font-size: max(12px, 2.4074074074vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#ceo .wrap > div .right h3 {
    font-size: 4.94vw;
    line-height: 4.94vw;
  }
}
body#top main section#ceo .wrap > div .right .more {
  display: inline-block;
  width: 260px;
  background-color: #f8f834;
  color: black;
  padding: 1.5em 0;
  text-align: center;
  margin-top: 88px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#ceo .wrap > div .right .more {
    margin-top: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#ceo .wrap > div .right .more {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#ceo .wrap > div .right .more {
    font-size: 4.42vw;
    line-height: 4.42vw;
  }
}
body#top main section#ceo .wrap > div .right .more:hover {
  background-color: black;
  color: #f8f834;
}
@media screen and (max-width: 767px) {
  body#top main section#ceo {
    margin-top: -1px;
  }
  body#top main section#ceo .wrap {
    margin-top: 23.46vw;
  }
  body#top main section#ceo .wrap h4 {
    margin-bottom: 4vw;
  }
  body#top main section#ceo .wrap > div {
    margin: 17.3vw auto 10.6vw;
    flex-direction: column;
  }
  body#top main section#ceo .wrap > div .left {
    width: 100%;
    margin: 0;
    height: 116vw;
  }
  body#top main section#ceo .wrap > div .right {
    margin: 10.66vw 0 38vw;
  }
  body#top main section#ceo .wrap > div .right h1 {
    margin-bottom: 7.3vw;
  }
  body#top main section#ceo .wrap > div .right h1 img {
    width: 100%;
  }
  body#top main section#ceo .wrap > div .right h5 {
    margin-bottom: 3.33vw;
  }
  body#top main section#ceo .wrap > div .right .more {
    width: 100%;
    margin-top: 9.33vw;
  }
}
body#top main section#realized {
  background: url("/recruit/new-graduate/data/images/why_bg2.png") repeat center 0;
  margin-bottom: 160px;
}
body#top main section#realized:before {
  content: "";
  display: block;
  width: 100%;
  height: 240px;
  background: url("/recruit/new-graduate/data/images/why_bg4.webp") no-repeat center 100%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized {
    margin-bottom: 13.3333333333vw;
  }
}
body#top main section#realized .wrap {
  max-width: 1200px;
  height: 1061.6px;
}
body#top main section#realized .wrap .title {
  position: relative;
  margin-top: -23px;
}
body#top main section#realized .wrap .title h4 {
  position: absolute;
  background: #d7dadd;
  height: 39px;
  border-left: 7px solid black;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 41px;
  text-align: center;
  padding: 0 2em;
  top: 50px;
  left: 65px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .title h4 {
    height: 3.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#realized .wrap .title h4 {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 3.7962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .title h4 {
    font-size: 3.64vw;
    line-height: 7.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .title h4 {
    top: 4.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .title h4 {
    left: 5.4166666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#top main section#realized .wrap .title h4 {
    font-size: 1.56vw;
    line-height: 3.2vw;
  }
}
body#top main section#realized .wrap .title h2 i {
  display: none;
}
body#top main section#realized .wrap .title h2 img {
  width: 595px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .title h2 img {
    width: 49.5833333333vw;
  }
}
body#top main section#realized .wrap .title p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 44px;
  margin-top: 45px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#realized .wrap .title p {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .title p {
    font-size: 3.64vw;
    line-height: 8.84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .title p {
    margin-top: 3.75vw;
  }
}
body#top main section#realized .wrap .items {
  display: flex;
  justify-content: space-between;
  margin: 100px 0px 0px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .items {
    margin: 8.3333333333vw 0vw 0vw 0vw;
  }
}
body#top main section#realized .wrap .items > div {
  background: #2d3237;
  width: 30.769%;
  height: 440px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px 40px 30px 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .items > div {
    height: 36.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .items > div {
    padding: 3.3333333333vw 3.3333333333vw 2.5vw 3.3333333333vw;
  }
}
body#top main section#realized .wrap .items > div > div {
  width: 100%;
}
body#top main section#realized .wrap .items > div > div h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #eeefef;
  text-align: center;
  padding: 0;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#realized .wrap .items > div > div h4 {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .items > div > div h4 {
    font-size: 3.38vw;
    line-height: 3.38vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .items > div > div h4 {
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#top main section#realized .wrap .items > div > div h4 {
    font-size: 1.2vw;
  }
}
body#top main section#realized .wrap .items > div > div h3 {
  background-color: #eeefef;
  width: 100%;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  padding: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .items > div > div h3 {
    height: 4.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#realized .wrap .items > div > div h3 {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 2.3148148148vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .items > div > div h3 {
    font-size: 4.42vw;
    line-height: 9.62vw;
  }
}
body#top main section#realized .wrap .items > div > div h3 span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#realized .wrap .items > div > div h3 span {
    font-size: max(12px, 1.2037037037vw);
    line-height: max(16px, 1.5740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .items > div > div h3 span {
    font-size: 3.64vw;
    line-height: 4.55vw;
  }
}
body#top main section#realized .wrap .items > div img {
  height: 101px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .items > div img {
    height: 8.4166666667vw;
  }
}
body#top main section#realized .wrap .items > div p {
  color: #eeefef;
  border-top: 1px solid #eeefef;
  display: block;
  width: 100%;
  margin: 0;
  padding-top: 25px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .items > div p {
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#realized .wrap .items > div p {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .items > div p {
    font-size: 3.38vw;
    line-height: 3.38vw;
  }
}
body#top main section#realized .wrap .more {
  display: inline-block;
  width: 260px;
  background-color: #f8f834;
  color: black;
  padding: 1.5em 0;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 100px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .more {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#realized .wrap .more {
    margin-bottom: 8.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#realized .wrap .more {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .more {
    font-size: 4.42vw;
    line-height: 4.42vw;
  }
}
body#top main section#realized .wrap .more:hover {
  background-color: black;
  color: #f8f834;
}
@media screen and (max-width: 767px) {
  body#top main section#realized .wrap .more {
    width: 100%;
    margin-top: 10.6vw;
  }
}
body#top main section#realized:after {
  content: "";
  display: block;
  width: 100%;
  height: 320px;
  background: white url("/recruit/new-graduate/data/images/why_bg5.png") no-repeat center 100%;
}
@media screen and (max-width: 767px) {
  body#top main section#realized {
    background-size: 10.66vw 10.66vw;
    margin-bottom: 32vw;
  }
  body#top main section#realized:before {
    background-image: url("/recruit/new-graduate/data/images/why_bg4_sp.webp");
    background-size: 100% 21.333vw;
    height: 21.333vw;
    margin-top: -1px;
  }
  body#top main section#realized .wrap {
    height: 319vw;
  }
  body#top main section#realized .wrap .title {
    margin-top: 21.333vw;
  }
  body#top main section#realized .wrap .title h4 {
    left: 0;
    top: 10.66vw;
    height: 8vw;
  }
  body#top main section#realized .wrap .title p {
    margin-top: 13vw;
  }
  body#top main section#realized .wrap .items {
    flex-direction: column;
    margin: 4vw 0 0;
  }
  body#top main section#realized .wrap .items > div {
    width: 100%;
    height: 64vw;
    margin: 8vw 0 0;
    padding: 6.66vw 10.66vw 3.3vw;
  }
  body#top main section#realized .wrap .items > div > div h4 {
    margin-bottom: 2vw;
  }
  body#top main section#realized .wrap .items > div > div h3 {
    height: 9.86vw;
  }
  body#top main section#realized .wrap .items > div img {
    height: 20.5vw;
  }
  body#top main section#realized .wrap .items > div p {
    padding-top: 3vw;
  }
  body#top main section#realized:after {
    background-image: url("/recruit/new-graduate/data/images/why_bg5_sp.png");
    background-size: 100% 32vw;
    height: 32vw;
  }
}
body#top main section#business {
  padding-bottom: 0;
}
body#top main section#project-story .wrap {
  padding-top: 80px;
  padding-bottom: 160px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap {
    padding-bottom: 13.3333333333vw;
  }
}
body#top main section#project-story .wrap a {
  display: block;
  height: 400px;
  border-bottom-right-radius: 80px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a {
    height: 33.3333333333vw;
  }
}
body#top main section#project-story .wrap a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#top main section#project-story .wrap a .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
body#top main section#project-story .wrap a .text {
  position: relative;
  z-index: 1;
  padding: 50px 55px 50px 55px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a .text {
    padding: 4.1666666667vw 4.5833333333vw 4.1666666667vw 4.5833333333vw;
  }
}
body#top main section#project-story .wrap a .text h2 {
  display: inline;
}
body#top main section#project-story .wrap a .text h2 span {
  margin: 0;
  background-color: #f8f834;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 52px;
  line-height: 62px;
  padding: 0px 18px 0px 18px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#project-story .wrap a .text h2 span {
    font-size: max(12px, 4.8148148148vw);
    line-height: max(16px, 5.7407407407vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#project-story .wrap a .text h2 span {
    font-size: 6.76vw;
    line-height: 6.76vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a .text h2 span {
    padding: 0vw 1.5vw 0vw 1.5vw;
  }
}
body#top main section#project-story .wrap a .text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 34px;
  padding: 0px 10px 0px 10px;
  margin-top: 10px;
  background-color: #f8f834;
  display: inline-block;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#project-story .wrap a .text h3 {
    font-size: max(12px, 2.037037037vw);
    line-height: max(16px, 3.1481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#project-story .wrap a .text h3 {
    font-size: 2.86vw;
    line-height: 4.42vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a .text h3 {
    padding: 0vw 0.8333333333vw 0vw 0.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a .text h3 {
    margin-top: 0.8333333333vw;
  }
}
body#top main section#project-story .wrap a .text p {
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a .text p {
    margin-top: 3.3333333333vw;
  }
}
body#top main section#project-story .wrap a .text p span {
  display: inline-block;
  background-color: #eeefef;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 8px;
  padding: 0px 10px 0px 10px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#project-story .wrap a .text p span {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.5vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#project-story .wrap a .text p span {
    font-size: 3.38vw;
    line-height: 5.72vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a .text p span {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#project-story .wrap a .text p span {
    padding: 0vw 0.8333333333vw 0vw 0.8333333333vw;
  }
}
body#top main section#project-story .wrap a .arrow {
  display: none;
}
body#top main section#project-story .wrap a:hover .bg img {
  transform: scale(1.08);
}
@media screen and (max-width: 767px) {
  body#top main section#project-story .wrap {
    padding-top: 10.6vw;
    padding-bottom: 31.8vw;
  }
  body#top main section#project-story .wrap a {
    height: 64vw;
    border-bottom-right-radius: 16vw;
  }
  body#top main section#project-story .wrap a .text {
    padding: 12.6vw 0 0 4vw;
  }
  body#top main section#project-story .wrap a .text h2 span {
    padding: 1.2vw 2.8vw;
  }
  body#top main section#project-story .wrap a .text h3 {
    margin-top: 2vw;
  }
  body#top main section#project-story .wrap a .text p {
    margin-top: 4vw;
  }
  body#top main section#project-story .wrap a .text p span {
    margin-bottom: 2vw;
  }
  body#top main section#project-story .wrap a .bg img {
    object-position: 50% 30%;
  }
}
body#top main section#people {
  padding-bottom: 200px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people {
    padding-bottom: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people {
    padding-bottom: 26.6vw;
  }
}
body#top main section#people .wrap p.read {
  margin: 50px 0px 60px 0px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 38px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people .wrap p.read {
    margin: 4.1666666667vw 0vw 5vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#people .wrap p.read {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .wrap p.read {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .wrap p.read {
    display: block;
    width: 85.3%;
    margin: 12.6vw auto 9vw;
  }
}
body#top main section#people .wrap .coming {
  margin-top: 110px;
  max-height: 440px;
  border-radius: 80px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people .wrap .coming {
    margin-top: 9.1666666667vw;
  }
}
body#top main section#people .wrap .coming p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #eeefef;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#people .wrap .coming p {
    font-size: max(12px, 2.4074074074vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .wrap .coming p {
    font-size: 4.68vw;
    line-height: 4.68vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .wrap {
    overflow: visible;
    padding: 0;
  }
}
body#top main section#people .items {
  margin-top: 0px;
  max-height: 440px;
  margin-bottom: 160px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people .items {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people .items {
    margin-bottom: 13.3333333333vw;
  }
}
body#top main section#people .items .slick-list {
  overflow: visible;
  width: 1600px;
}
body#top main section#people .items .slick-list .slick-slide {
  width: 320px;
  margin-right: 80px;
}
body#top main section#people .items .slick-arrow {
  position: absolute;
  background: url("/recruit/new-graduate/data/images/slick_arrow.png") no-repeat center center;
  width: 61px;
  height: 61px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  background-size: cover;
  border: none;
  text-indent: -9999px;
  transition: 0.5s all;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people .items .slick-arrow {
    width: 5.0833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people .items .slick-arrow {
    height: 5.0833333333vw;
  }
}
body#top main section#people .items .slick-arrow.slick-prev {
  left: 0;
}
body#top main section#people .items .slick-arrow.slick-next {
  right: 0;
  transform: rotate(180deg) translateY(50%);
  transform-origin: center center;
}
body#top main section#people .items .slick-arrow.slick-disabled {
  opacity: 0;
}
@media screen and (min-width: 1280px) {
  body#top main section#people .items .slick-arrow.slick-prev {
    transform: translateX(calc((100vw - 1120px) / -2 + 120px)) translateY(-50%);
  }
  body#top main section#people .items .slick-arrow.slick-next {
    transform: translateX(calc((100vw - 1120px) / 2 - 120px)) rotate(180deg) translateY(50%);
  }
}
body#top main section#people .items .item {
  width: 320px;
  height: 440px;
  text-align: center;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#people .items .item {
    height: 36.6666666667vw;
  }
}
body#top main section#people .items .item img {
  transition: transform 1s;
}
body#top main section#people .items .item:hover img {
  transform: scale(1.08);
}
body#top main section#people .items .item div.photo {
  border-radius: 320px;
  overflow: hidden;
}
body#top main section#people .items .item .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translate3d(0, 0, 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 320px;
  z-index: 100;
}
body#top main section#people .items .item .overlay p {
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#people .items .item .overlay p {
    font-size: max(12px, 2.4074074074vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .items .item .overlay p {
    font-size: 4.68vw;
    line-height: 4.68vw;
  }
}
body#top main section#people .items .item div.text {
  margin-top: 0.5em;
}
body#top main section#people .items .item div.text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 38px;
  letter-spacing: -0.03em;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#people .items .item div.text h3 {
    font-size: max(12px, 2.3148148148vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .items .item div.text h3 {
    font-size: 4.42vw;
    line-height: 6.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .items .item div.text h3 {
    margin: 0 0 4vw 0;
  }
}
body#top main section#people .items .item div.text p {
  margin: 0 0 8px 0;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  body#top main section#people .items .item div.text p {
    margin: 0 0 0 0;
  }
}
body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .items .item div.text p .position, body#top main section#people .items .item div.text p .start {
    font-size: 2.86vw;
    line-height: 3.9vw;
  }
}
body#top main section#people .items .item div.text p .position {
  background-color: #efefef;
  padding: 0 0.5em;
  margin-right: 0.5em;
}
body#top main section#people .items .item div.text p .name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 44px;
  margin-right: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#people .items .item div.text p .name {
    font-size: max(12px, 2.037037037vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .items .item div.text p .name {
    font-size: 4.42vw;
    line-height: 7.8vw;
  }
}
body#top main section#people .items .item div.text p .name_en {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 44px;
  vertical-align: 0.15em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#people .items .item div.text p .name_en {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .items .item div.text p .name_en {
    font-size: 3.12vw;
    line-height: 7.8vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#people .items {
    width: 100%;
    margin-top: 0;
    display: block;
    overflow: visible !important;
    max-height: 85.3vw;
  }
  body#top main section#people .items .slick-track, body#top main section#people .items .slick-list {
    overflow: visible !important;
  }
  body#top main section#people .items .slick-list {
    width: 100%;
  }
  body#top main section#people .items .slick-list .slick-slide {
    width: 58.6vw;
    margin-right: 6.6vw;
  }
  body#top main section#people .items .item {
    width: 58.6vw;
    overflow: hidden;
    height: auto;
  }
  body#top main section#people .items .item div.photo {
    border-radius: 29.3vw;
    width: 58.6vw;
    height: 85.3vw;
  }
  body#top main section#people .items .item div.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body#top main section#people .items .item div.text {
    line-height: 0;
  }
  body#top main section#people .items .item div.text p .position {
    margin-bottom: 2vw;
    display: inline-block;
  }
  body#top main section#people .items .item div.text p .start {
    margin-bottom: 2vw;
    display: inline-block;
  }
  body#top main section#people .items .item div.text p .name_en {
    vertical-align: 0.15em;
  }
  body#top main section#people .items .left, body#top main section#people .items .middle, body#top main section#people .items .right {
    padding: 0 4vw;
  }
}
body#top main section#interview {
  padding-bottom: 200px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#interview {
    padding-bottom: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview {
    padding-bottom: 26.6vw;
  }
}
body#top main section#interview .wrap p.read {
  margin: 50px 0px 60px 0px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 38px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#interview .wrap p.read {
    margin: 4.1666666667vw 0vw 5vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#interview .wrap p.read {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .wrap p.read {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .wrap p.read {
    display: block;
    width: 85.3%;
    margin: 12.6vw auto 18vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .wrap {
    overflow: visible;
    padding: 0;
  }
}
body#top main section#interview .items {
  margin-top: 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#interview .items {
    margin-top: 0vw;
  }
}
body#top main section#interview .items .slick-list {
  overflow: visible;
  width: 1600px;
}
body#top main section#interview .items .slick-list .slick-slide {
  width: 320px;
  margin-right: 80px;
}
body#top main section#interview .items .slick-arrow {
  position: absolute;
  background: url("/recruit/new-graduate/data/images/slick_arrow.png") no-repeat center center;
  width: 61px;
  height: 61px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  background-size: cover;
  border: none;
  text-indent: -9999px;
  transition: 0.5s all;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#interview .items .slick-arrow {
    width: 5.0833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#interview .items .slick-arrow {
    height: 5.0833333333vw;
  }
}
body#top main section#interview .items .slick-arrow.slick-prev {
  left: 0;
}
body#top main section#interview .items .slick-arrow.slick-next {
  right: 0;
  transform: rotate(180deg) translateY(50%);
  transform-origin: center center;
}
body#top main section#interview .items .slick-arrow.slick-disabled {
  opacity: 0;
}
@media screen and (min-width: 1280px) {
  body#top main section#interview .items .slick-arrow.slick-prev {
    transform: translateX(calc((100vw - 1120px) / -2 + 120px)) translateY(-50%);
  }
  body#top main section#interview .items .slick-arrow.slick-next {
    transform: translateX(calc((100vw - 1120px) / 2 - 120px)) rotate(180deg) translateY(50%);
  }
}
body#top main section#interview .items .item {
  width: 320px;
  height: 430px;
  text-align: center;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#interview .items .item {
    height: 35.8333333333vw;
  }
}
body#top main section#interview .items .item img {
  transition: transform 1s;
  height: 430px;
  width: 320px;
  object-fit: cover;
}
body#top main section#interview .items .item:hover img {
  transform: scale(1.08);
}
body#top main section#interview .items .item div.photo {
  border-radius: 320px;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body#top main section#interview .items .item div.text {
  margin-top: 0;
}
body#top main section#interview .items .item div.text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  background-color: #2D3237;
  color: #eeefef;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#interview .items .item div.text h3 {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .items .item div.text h3 {
    font-size: 3.25vw;
    line-height: 7.02vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .items .item div.text h3 {
    margin: 0 0 4vw 0;
  }
}
body#top main section#interview .items .item div.text p {
  margin: 0 0 8px 0;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#top main section#interview .items .item div.text p {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .items .item div.text p {
    font-size: 4.42vw;
    line-height: 6.76vw;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .items .item div.text p {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#interview .items {
    width: 100%;
    margin-top: 0;
    display: block;
    overflow: visible !important;
  }
  body#top main section#interview .items .slick-track, body#top main section#interview .items .slick-list {
    overflow: visible !important;
  }
  body#top main section#interview .items .slick-list {
    width: 100%;
  }
  body#top main section#interview .items .slick-list .slick-slide {
    width: 58.6vw;
    margin-right: 6.6vw;
  }
  body#top main section#interview .items .item {
    width: 58.6vw;
    overflow: hidden;
    height: auto;
  }
  body#top main section#interview .items .item div.photo {
    border-radius: 29.3vw;
    width: 58.6vw;
    height: 85.3vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  body#top main section#interview .items .item div.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body#top main section#interview .items .item div.text {
    line-height: 0;
  }
  body#top main section#interview .items .item div.text p .position {
    margin-bottom: 2vw;
    display: inline-block;
  }
  body#top main section#interview .items .item div.text p .start {
    margin-bottom: 2vw;
    display: inline-block;
  }
  body#top main section#interview .items .item div.text p .name_en {
    vertical-align: 0.15em;
  }
}
@media screen and (min-width: 768px) {
  body#top main section#recruit {
    padding-bottom: 240px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1200px) {
  body#top main section#recruit {
    padding-bottom: 20vw;
  }
}
body#top main section#rest {
  background: url("/recruit/new-graduate/data/images/buildings.webp") no-repeat center center;
  background-size: auto 100%;
  height: 720px;
}
@media screen and (max-width: 767px) {
  body#top main section#rest {
    height: 85vw;
    background-image: url("/recruit/new-graduate/data/images/buildings_sp.webp");
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  body#top main section#entry {
    margin-top: 10vw;
  }
}
body#top.windows main section#hero, body#top.ios main section#hero {
  background: #434a52;
}
body#top.windows main section#hero:before, body#top.ios main section#hero:before {
  background: linear-gradient(90deg, #535A60 0%, #535A60 49%, #3F474D 50%, #3F474D 100%);
}
body#top.video-before-finished main section#hero:before {
  opacity: 1;
}

body#recruit main section#hero {
  margin-bottom: 140px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section#hero {
    margin-bottom: 11.6666666667vw;
  }
}
body#recruit main section#hero h1 {
  width: 797px;
  height: 138px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#recruit main section#hero h1 {
    width: calc((100vw - 160px) * 0.62265625);
    height: calc((100vw - 160px) * 0.1078125);
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section#hero h1 {
    width: 64vw;
    height: 36vw;
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section#hero {
    margin-bottom: 34.67vw;
  }
}
body#recruit main section#business {
  padding-top: 130px;
}
body#recruit main section#business:before {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section#business {
    padding-top: 10.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section#business {
    padding-top: 0;
  }
}
body#recruit main section.list1 {
  padding-bottom: 130px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section.list1 {
    padding-bottom: 10.8333333333vw;
  }
}
body#recruit main section.list1 ul {
  margin-top: 94px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section.list1 ul {
    margin-top: 7.8333333333vw;
  }
}
body#recruit main section.list1 ul li {
  display: flex;
  border-bottom: 1px solid #c4c8cb;
  padding: 50px 0px 50px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section.list1 ul li {
    padding: 4.1666666667vw 0vw 4.1666666667vw 0vw;
  }
}
body#recruit main section.list1 ul li:first-child {
  border-top: 1px solid #c4c8cb;
}
body#recruit main section.list1 ul li > div:first-child {
  width: 21%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#recruit main section.list1 ul li > div:first-child {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section.list1 ul li > div:first-child {
    font-size: 3.9vw;
    line-height: 5.2vw;
  }
}
body#recruit main section.list1 ul li > div:last-child {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#recruit main section.list1 ul li > div:last-child {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section.list1 ul li > div:last-child {
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section.list1 {
    padding-bottom: 33.33vw;
  }
  body#recruit main section.list1 ul {
    margin-top: 16vw;
  }
  body#recruit main section.list1 ul li {
    flex-direction: column;
    padding: 8vw 0;
  }
  body#recruit main section.list1 ul li > div:first-child {
    width: 100%;
    margin-bottom: 3.33vw;
  }
}
body#recruit main section#flow .wrap ul {
  max-width: 960px;
  margin: 0 auto;
  padding: 95px 80px 0px 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section#flow .wrap ul {
    padding: 7.9166666667vw 6.6666666667vw 0vw 6.6666666667vw;
  }
}
body#recruit main section#flow .wrap ul li {
  display: flex;
  border: 1px solid #c4c8cb;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section#flow .wrap ul li {
    margin-bottom: 3.3333333333vw;
  }
}
body#recruit main section#flow .wrap ul li div {
  padding: 32px 0px 32px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#recruit main section#flow .wrap ul li div {
    padding: 2.6666666667vw 0vw 2.6666666667vw 0vw;
  }
}
body#recruit main section#flow .wrap ul li div:first-child {
  background-color: #c4c8cb;
  width: 25%;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 22px;
  color: white;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#recruit main section#flow .wrap ul li div:first-child {
    font-size: max(12px, 2.037037037vw);
    line-height: max(16px, 2.037037037vw);
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section#flow .wrap ul li div:first-child {
    font-size: 3.12vw;
    line-height: 3.12vw;
  }
}
body#recruit main section#flow .wrap ul li div:first-child:after {
  content: "";
  display: block;
  width: 1px;
  height: 42px;
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #c4c8cb;
}
body#recruit main section#flow .wrap ul li div:last-child {
  width: 75%;
  justify-content: flex-start;
}
body#recruit main section#flow .wrap ul li div:last-child span {
  display: block;
}
body#recruit main section#flow .wrap ul li div:last-child span:first-child {
  padding-left: 80px;
  width: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#recruit main section#flow .wrap ul li div:last-child span:first-child {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 1.9444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section#flow .wrap ul li div:last-child span:first-child {
    font-size: 3.64vw;
    line-height: 4.16vw;
  }
}
body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) {
  padding-left: 0px;
  width: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.9444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) {
    font-size: 2.86vw;
    line-height: 4.16vw;
  }
}
body#recruit main section#flow .wrap ul li.step01 div:last-child, body#recruit main section#flow .wrap ul li.step07 div:last-child {
  background-color: #f6f8fc;
}
body#recruit main section#flow .wrap ul li:last-child {
  margin-bottom: 0px;
}
body#recruit main section#flow .wrap ul li:last-child div:after {
  display: none;
}
@media screen and (max-width: 767px) {
  body#recruit main section#flow .wrap ul {
    max-width: 100%;
    padding: 16vw 0 33.3vw;
  }
  body#recruit main section#flow .wrap ul li {
    margin-bottom: 4.5vw;
  }
  body#recruit main section#flow .wrap ul li div {
    padding: 3.5vw 0;
  }
  body#recruit main section#flow .wrap ul li div:last-child {
    justify-content: space-between;
  }
  body#recruit main section#flow .wrap ul li div:last-child span:first-child {
    padding-left: 4.67vw;
    width: auto;
    min-width: 40%;
  }
  body#recruit main section#flow .wrap ul li div:last-child span:nth-child(2) {
    width: auto;
    min-width: 60%;
  }
}

body#require main section#hero h1 {
  width: 814px;
  height: 136px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#require main section#hero h1 {
    width: calc((100vw - 160px) * 0.63515625);
    height: calc((100vw - 160px) * 0.10625);
  }
}
@media screen and (max-width: 767px) {
  body#require main section#hero h1 {
    width: 61.2vw;
    height: 36vw;
  }
}
body#require main section#intro {
  text-align: center;
  padding: 200px 0px 200px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#intro {
    padding: 16.6666666667vw 0vw 16.6666666667vw 0vw;
  }
}
body#require main section#intro p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 68px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#require main section#intro p {
    font-size: max(12px, 3.5185185185vw);
    line-height: max(16px, 6.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#require main section#intro p {
    font-size: 5.2vw;
    line-height: 9.88vw;
  }
}
@media screen and (max-width: 767px) {
  body#require main section#intro {
    padding: 30.66vw 0;
  }
}
body#require main section#conditions p.read {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  margin-top: 65px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#require main section#conditions p.read {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#require main section#conditions p.read {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions p.read {
    margin-top: 5.4166666667vw;
  }
}
body#require main section#conditions .items {
  position: relative;
  margin-top: 80px;
  padding: 360px 0px 360px 0px;
  background: #2d3237 url("/recruit/new-graduate/require/images/conditions_bg_squares.png") no-repeat center 240px;
}
body#require main section#conditions .items:before {
  content: "";
  display: block;
  width: 100%;
  background: url("/recruit/new-graduate/require/images/conditions_bg1.png") repeat-x center 0;
  position: absolute;
  top: 0;
  height: 160px;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items:before {
    height: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items {
    padding: 30vw 0vw 30vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#require main section#conditions .items {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items {
    padding-left: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items {
    padding-right: 6.6666666667vw;
  }
}
body#require main section#conditions .items .item {
  max-width: 1040px;
  position: relative;
  margin: 0px auto 80px auto;
}
body#require main section#conditions .items .item:before {
  content: "";
  display: block;
  width: 100%;
  background: transparent url("/recruit/new-graduate/require/images/edge01_topleft.png") repeat-x left top;
  background-size: cover;
  height: 55px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item:before {
    height: 4.5833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item {
    margin: 0vw auto 6.6666666667vw auto;
  }
}
body#require main section#conditions .items .item:last-child {
  margin-bottom: 0;
}
body#require main section#conditions .items .item .box {
  background-color: #efefef;
  padding: 0px 75px 0px 75px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item .box {
    padding: 0vw 6.25vw 0vw 6.25vw;
  }
}
body#require main section#conditions .items .item .box h3 {
  background-color: #c4c8cb;
  display: block;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 70px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#require main section#conditions .items .item .box h3 {
    font-size: max(12px, 2.962962963vw);
    line-height: max(16px, 6.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body#require main section#conditions .items .item .box h3 {
    font-size: 6.24vw;
    line-height: 6.24vw;
  }
}
body#require main section#conditions .items .item .box h3:before, body#require main section#conditions .items .item .box h3:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url("/recruit/new-graduate/require/images/edge_efefef.png") no-repeat left top;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item .box h3:before, body#require main section#conditions .items .item .box h3:after {
    height: 1.6666666667vw;
  }
}
body#require main section#conditions .items .item .box h3:after {
  transform: rotate(180deg);
  top: auto;
  bottom: 0;
  right: 0;
  left: auto;
}
body#require main section#conditions .items .item .box .content {
  display: flex;
  margin-top: 55px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item .box .content {
    margin-top: 4.5833333333vw;
  }
}
body#require main section#conditions .items .item .box .content picture {
  max-height: 260px;
  max-width: 350px;
  width: 200%;
  display: block;
  margin-right: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item .box .content picture {
    margin-right: 3.3333333333vw;
  }
}
body#require main section#conditions .items .item .box .content picture img {
  width: 100%;
}
body#require main section#conditions .items .item .box .content p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 1em;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#require main section#conditions .items .item .box .content p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#require main section#conditions .items .item .box .content p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item .box .content p {
    margin-bottom: 1.6666666667vw;
  }
}
body#require main section#conditions .items .item .box .content p:last-child {
  margin-bottom: 0;
}
body#require main section#conditions .items .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 55px;
  background: transparent url("/recruit/new-graduate/require/images/edge01_topleft.png") repeat-x left bottom;
  background-size: cover;
  transform: rotate(180deg);
  margin-top: -0.5px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items .item:after {
    height: 4.5833333333vw;
  }
}
body#require main section#conditions .items:after {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background: url("/recruit/new-graduate/require/images/conditions_bg2.png") repeat-x center bottom;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#conditions .items:after {
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#require main section#conditions .items {
    padding: 48vw 0;
    margin-top: 10.96vw;
    background: #2d3237 url("/recruit/new-graduate/require/images/conditions_bg_squares_sp.png") no-repeat center 21.3vw;
    background-size: 100% auto;
  }
  body#require main section#conditions .items:before {
    background-image: url("/recruit/new-graduate/require/images/conditions_bg1_sp.png");
    background-size: contain;
  }
  body#require main section#conditions .items .item {
    max-width: 85.3vw;
  }
  body#require main section#conditions .items .item:before {
    height: 8vw;
    background-size: auto 8vw;
  }
  body#require main section#conditions .items .item .box {
    padding: 6.03vw 6vw;
  }
  body#require main section#conditions .items .item .box h3 {
    height: 12vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body#require main section#conditions .items .item .box h3:before, body#require main section#conditions .items .item .box h3:after {
    width: 3.2vw;
    height: 3.2vw;
  }
  body#require main section#conditions .items .item .box .content {
    flex-direction: column;
    margin-top: 10.66vw;
  }
  body#require main section#conditions .items .item .box .content picture {
    min-height: auto;
    min-width: 100%;
    width: 100%;
    height: 46vw;
    margin: 0 0 10.66vw;
  }
  body#require main section#conditions .items .item .box .content picture img {
    width: auto;
  }
  body#require main section#conditions .items .item:after {
    height: 8vw;
    background-size: auto 8vw;
    margin-top: -1px;
  }
  body#require main section#conditions .items:after {
    background-image: url("/recruit/new-graduate/require/images/conditions_bg2_sp.png");
    background-size: contain;
  }
}
body#require main section#recruit {
  margin-top: 240px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#require main section#recruit {
    margin-top: 20vw;
  }
}
@media screen and (max-width: 767px) {
  body#require main section#recruit {
    margin-top: 45.86vw;
  }
}

body#message main section#hero {
  margin-bottom: 152px;
  background: linear-gradient(90deg, #535a60 0%, #535a60 49%, #3f474d 50%, #3f474d 100%);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#message main section#hero {
    margin-bottom: 12.6666666667vw;
  }
}
body#message main section#hero picture img {
  max-height: 690px;
  margin: 0 auto;
}
body#message main section#hero h2 {
  position: absolute;
  top: 21.3vw;
  left: 0;
  background-color: black;
  width: 100%;
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 38px;
  line-height: 68px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#message main section#hero h2 {
    font-size: max(12px, 3.5185185185vw);
    line-height: max(16px, 6.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#message main section#hero h2 {
    font-size: 3.9vw;
    line-height: 13vw;
  }
}
@media screen and (max-width: 767px) {
  body#message main section#hero {
    margin-bottom: 20.66vw;
  }
  body#message main section#hero picture img {
    max-height: auto;
  }
}
body#message main section.message {
  padding: 0px 0px 160px 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#message main section.message {
    padding: 0vw 0vw 13.3333333333vw 0vw;
  }
}
body#message main section.message .wrap {
  max-width: 1060px;
}
body#message main section.message .wrap h1 {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 56px;
  text-align: center;
  margin-bottom: 55px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#message main section.message .wrap h1 {
    font-size: max(12px, 3.5185185185vw);
    line-height: max(16px, 5.1851851852vw);
  }
}
@media screen and (max-width: 767px) {
  body#message main section.message .wrap h1 {
    font-size: 6.24vw;
    line-height: 9.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#message main section.message .wrap h1 {
    margin-bottom: 4.5833333333vw;
  }
}
body#message main section.message .wrap p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#message main section.message .wrap p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 3.1481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body#message main section.message .wrap p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#message main section.message .wrap p {
    margin-bottom: 2.9166666667vw;
  }
}
body#message main section.message .wrap .float-right p {
  text-align: right;
}
body#message main section.message img {
  max-width: 1040px;
  margin: 0 auto;
  display: block;
  margin-top: 75px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#message main section.message img {
    margin-top: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#message main section.message img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  body#message main section.message {
    padding: 0 0 24vw;
  }
  body#message main section.message .wrap h1 {
    margin-bottom: 10.66vw;
  }
  body#message main section.message .wrap p {
    margin-top: 1.5em;
  }
  body#message main section.message img {
    width: 100%;
    margin-top: 19.33vw;
  }
}
body#message main section#message3 img {
  max-width: 1280px;
  margin: 155px auto 80px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#message main section#message3 img {
    margin: 12.9166666667vw auto 6.6666666667vw auto;
  }
}
@media screen and (max-width: 767px) {
  body#message main section#message3 img {
    width: 100%;
    margin: 16vw 0 12.6vw;
  }
}
@media screen and (max-width: 767px) {
  body#message main section#entry {
    margin-top: 0;
  }
}

body#mission main section#hero h1 {
  width: 796px;
  height: 256px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#mission main section#hero h1 {
    width: calc((100vw - 160px) * 0.621875);
    height: calc((100vw - 160px) * 0.2);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#hero h1 {
    width: 65.7vw;
    height: 52vw;
  }
}
body#mission main section.style2 {
  padding: 116px 0px 116px 0px;
}
body#mission main section.style2:before {
  content: "";
  display: block;
  width: 91.6%;
  max-width: 1120px;
  height: 1px;
  background-color: #c8c8c8;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section.style2 {
    padding: 9.6666666667vw 0vw 9.6666666667vw 0vw;
  }
}
body#mission main section.style2 .wrap {
  text-align: center;
}
body#mission main section.style2 .wrap h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  background-color: #efefef;
  display: inline-block;
  padding: 7px 18px 7px 18px;
  margin-bottom: 57px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section.style2 .wrap h3 {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section.style2 .wrap h3 {
    font-size: 4.16vw;
    line-height: 4.16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section.style2 .wrap h3 {
    padding: 0.5833333333vw 1.5vw 0.5833333333vw 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section.style2 .wrap h3 {
    margin-bottom: 4.75vw;
  }
}
body#mission main section.style2 .wrap h3 b {
  color: #959696;
}
body#mission main section.style2 .wrap h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 62px;
  line-height: 80px;
  margin-bottom: 77px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section.style2 .wrap h2 {
    font-size: max(12px, 5.7407407407vw);
    line-height: max(16px, 7.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section.style2 .wrap h2 {
    font-size: 9.88vw;
    line-height: 9.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section.style2 .wrap h2 {
    margin-bottom: 6.4166666667vw;
  }
}
body#mission main section.style2 .wrap p {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section.style2 .wrap p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section.style2 .wrap p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
body#mission main section.style2 .wrap p sup {
  display: inline-block;
  margin-left: -1em;
  color: #525252;
  font-size: 0.5em;
  position: relative;
  top: -1em;
}
body#mission main section.style2 .wrap p.sosumi {
  text-align: right;
  color: #727272;
  font-size: 0.75em;
}
@media screen and (max-width: 767px) {
  body#mission main section.style2 {
    padding: 26.6vw 0 13.3vw;
  }
  body#mission main section.style2 .wrap h3 {
    padding: 2vw 2.4vw;
    margin-bottom: 10vw;
  }
  body#mission main section.style2 .wrap h2 {
    margin-bottom: 10vw;
  }
  body#mission main section.style2 .wrap p {
    max-width: 100%;
  }
}
body#mission main section#our-mission::before {
  display: none;
}
body#mission main section#our-mission .wrap h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 68px;
  line-height: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section#our-mission .wrap h2 {
    font-size: max(12px, 6.2962962963vw);
    line-height: max(16px, 7.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#our-mission .wrap h2 {
    font-size: 10.4vw;
    line-height: 14.3vw;
  }
}
body#mission main section#our-style .wrap .items {
  max-width: 1060px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 73px auto 120px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items {
    margin: 6.0833333333vw auto 10vw auto;
  }
}
body#mission main section#our-style .wrap .items .item {
  margin-bottom: 60px;
  height: 640px;
  width: 47.1%;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item {
    margin-bottom: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item {
    height: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#mission main section#our-style .wrap .items .item {
    background-size: 2.89vw auto !important;
  }
}
body#mission main section#our-style .wrap .items .item h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  margin: 65px 0 25px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section#our-style .wrap .items .item h5 {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#our-style .wrap .items .item h5 {
    font-size: 3.38vw;
    line-height: 3.38vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item h5 {
    margin: 5.4166666667vw 0 2.0833333333vw 0;
  }
}
body#mission main section#our-style .wrap .items .item h5 b {
  font-weight: 600;
}
body#mission main section#our-style .wrap .items .item h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 52px;
  line-height: 52px;
  background-color: transparent;
  padding: 0;
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section#our-style .wrap .items .item h3 {
    font-size: max(12px, 4.8148148148vw);
    line-height: max(16px, 4.8148148148vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#our-style .wrap .items .item h3 {
    font-size: 9.1vw;
    line-height: 11.7vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item h3 {
    margin-bottom: 2.9166666667vw;
  }
}
body#mission main section#our-style .wrap .items .item h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section#our-style .wrap .items .item h4 {
    font-size: max(12px, 2.2222222222vw);
    line-height: max(16px, 3.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#our-style .wrap .items .item h4 {
    font-size: 4.16vw;
    line-height: 6.76vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#mission main section#our-style .wrap .items .item h4 {
    font-size: 1.8vw;
  }
}
body#mission main section#our-style .wrap .items .item img {
  margin: 25px auto 20px auto;
  height: 170px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item img {
    margin: 2.0833333333vw auto 1.6666666667vw auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item img {
    height: 14.1666666667vw;
  }
}
body#mission main section#our-style .wrap .items .item p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 31px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#mission main section#our-style .wrap .items .item p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.8703703704vw);
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#our-style .wrap .items .item p {
    font-size: 3.64vw;
    line-height: 6.5vw;
  }
}
body#mission main section#our-style .wrap .items .item#item01 {
  background: #FAF2FA url("/recruit/new-graduate/mission/images/item_hige01.png") no-repeat center 0/37px auto;
}
body#mission main section#our-style .wrap .items .item#item02 {
  background: #E5FAFA url("/recruit/new-graduate/mission/images/item_hige02.png") no-repeat center 0/37px auto;
}
body#mission main section#our-style .wrap .items .item#item03 {
  height: 700px;
  background: #FAFAE6 url("/recruit/new-graduate/mission/images/item_hige03.png") no-repeat center 0/37px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item#item03 {
    height: 58.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#our-style .wrap .items .item#item03 {
    height: auto;
  }
}
body#mission main section#our-style .wrap .items .item#item04 {
  height: 700px;
  background: #EAFAE6 url("/recruit/new-graduate/mission/images/item_hige04.png") no-repeat center 0/37px auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#mission main section#our-style .wrap .items .item#item04 {
    height: 58.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#mission main section#our-style .wrap .items .item#item04 {
    height: auto;
  }
}
body#mission main section#our-style .wrap .items .item#item05 {
  background: #F0F0FC url("/recruit/new-graduate/mission/images/item_hige05.png") no-repeat center 0/37px auto;
}
@media screen and (max-width: 767px) {
  body#mission main section#our-style .wrap .items {
    margin: 31vw auto 11.6vw;
  }
  body#mission main section#our-style .wrap .items .item {
    width: 100%;
    height: auto;
    margin-bottom: 10.6vw;
    padding-bottom: 10.6vw;
    background-size: 6.4vw auto !important;
  }
  body#mission main section#our-style .wrap .items .item h5 {
    margin: 12vw 0 4vw;
  }
  body#mission main section#our-style .wrap .items .item h3 {
    margin-bottom: 2vw;
  }
  body#mission main section#our-style .wrap .items .item img {
    margin: 5.5vw auto;
    height: 26.6vw;
  }
  body#mission main section#our-style .wrap .items .item p {
    text-align: left;
    padding: 0 6.6vw;
  }
}

body#system main section#hero h1 {
  width: 851px;
  height: 257px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#system main section#hero h1 {
    width: calc((100vw - 160px) * 0.66484375);
    height: calc((100vw - 160px) * 0.2);
  }
}
@media screen and (max-width: 767px) {
  body#system main section#hero h1 {
    width: 78.9vw;
    height: 52vw;
  }
}
body#system main section#intro {
  padding: 200px 0 200px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#system main section#intro {
    padding: 16.6666666667vw 0 16.6666666667vw 0;
  }
}
body#system main section#intro .wrap {
  text-align: center;
}
body#system main section#intro .wrap h1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 62px;
  line-height: 80px;
  margin-bottom: 78px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#system main section#intro .wrap h1 {
    font-size: max(12px, 5.7407407407vw);
    line-height: max(16px, 7.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#system main section#intro .wrap h1 {
    font-size: 9.88vw;
    line-height: 13.91vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#system main section#intro .wrap h1 {
    margin-bottom: 6.5vw;
  }
}
body#system main section#intro .wrap p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  max-width: 784px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#system main section#intro .wrap p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#system main section#intro .wrap p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (max-width: 767px) {
  body#system main section#intro {
    padding: 26.7vw 0 23.7vw;
  }
  body#system main section#intro .wrap h1 {
    margin-bottom: 10vw;
  }
}

body.business main section#intro {
  padding: 130px 0 210px 0;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#intro {
    padding: 10.8333333333vw 0 17.5vw 0;
  }
}
body.business main section#intro h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 58px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#intro h2 {
    font-size: max(12px, 2.7777777778vw);
    line-height: max(16px, 5.3703703704vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#intro h2 {
    font-size: 5.2vw;
    line-height: 9.88vw;
  }
}
body.business main section#intro p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  max-width: 800px;
  margin: 65px auto 0 auto;
  text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#intro p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#intro p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#intro p {
    margin: 5.4166666667vw auto 0 auto;
  }
}
@media screen and (max-width: 767px) {
  body.business main section#intro {
    padding: 33.3vw 0;
  }
  body.business main section#intro p {
    margin-top: 13.3vw;
    text-align: left;
  }
}
body.business main section#flow .wrap .flow-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
body.business main section#flow .wrap .flow-items .item {
  position: relative;
  width: 22.32%;
  margin: 88px 0 150px 0;
}
body.business main section#flow .wrap .flow-items .item:before {
  content: "";
  display: block;
  width: 20px;
  height: 17px;
  position: absolute;
  right: -29px;
  top: 83px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 17"><polygon points="12.035 0 9.807 1.931 14.86 7.083 0 7.083 0 9.917 14.86 9.917 9.807 15.069 12.035 17 20 8.5 12.035 0"/></svg>') no-repeat center center/contain;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .wrap .flow-items .item:before {
    width: 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .wrap .flow-items .item:before {
    height: 1.4166666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .wrap .flow-items .item:before {
    right: -2.4166666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .wrap .flow-items .item:before {
    top: 6.9166666667vw;
  }
}
body.business main section#flow .wrap .flow-items .item:last-child:before {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .wrap .flow-items .item {
    margin: 7.3333333333vw 0 12.5vw 0;
  }
}
body.business main section#flow .wrap .flow-items .item h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 38px;
  margin: 5px 0 10px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#flow .wrap .flow-items .item h3 {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#flow .wrap .flow-items .item h3 {
    font-size: 4.68vw;
    line-height: 7.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .wrap .flow-items .item h3 {
    margin: 0.4166666667vw 0 0.8333333333vw 0;
  }
}
body.business main section#flow .wrap .flow-items .item p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#flow .wrap .flow-items .item p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.3148148148vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#flow .wrap .flow-items .item p {
    font-size: 3.64vw;
    line-height: 6.24vw;
  }
}
@media screen and (max-width: 767px) {
  body.business main section#flow .wrap .flow-items {
    flex-direction: column;
    margin-top: 16vw;
    margin-bottom: 11.6vw;
  }
  body.business main section#flow .wrap .flow-items .item {
    width: 100%;
    margin: 0 0 18.6vw;
    display: flex;
  }
  body.business main section#flow .wrap .flow-items .item:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><defs><style>.cls-1 {fill: %23f8f834;}</style></defs><g><circle class="cls-1" cx="35" cy="35" r="35" /><polygon points="46.592 36.652 37.5 45.749 37.5 19 32.5 19 32.5 45.749 23.408 36.652 20 40.663 35 55 50 40.663 46.592 36.652"/></g></svg>');
    right: 50%;
    top: 112%;
    width: 9.3vw;
    height: 9.3vw;
    transform: translateX(50%);
  }
  body.business main section#flow .wrap .flow-items .item picture {
    width: 42.6vw;
    margin-right: 5.3vw;
  }
  body.business main section#flow .wrap .flow-items .item picture img {
    width: 100%;
    height: auto;
  }
  body.business main section#flow .wrap .flow-items .item > div {
    width: 45%;
  }
  body.business main section#flow .wrap .flow-items .item:last-child {
    margin-bottom: 0;
  }
}
body.business main section#flow .box {
  background: url("/recruit/new-graduate/data/images/realize_bg.png") repeat 50% 0;
  display: flex;
  flex-direction: column;
  max-width: 1120px;
  margin: 0 auto;
  padding: 100px 132px 100px 132px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .box {
    padding: 8.3333333333vw 11vw 8.3333333333vw 11vw;
  }
}
body.business main section#flow .box h2 {
  background-color: white;
  border: 1px solid black;
  text-align: center;
  border-radius: 3em;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .box h2 {
    margin-bottom: 5vw;
  }
}
body.business main section#flow .box h2 i {
  display: none;
}
body.business main section#flow .box h2 img {
  max-width: 332px;
  display: inline-block;
  padding: 12px 0;
}
body.business main section#flow .box > div {
  display: flex;
  justify-content: space-between;
}
body.business main section#flow .box > div > div {
  border: 1px solid #000;
  width: 46.5%;
  background-color: white;
}
body.business main section#flow .box > div > div h4 {
  background-color: black;
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  padding: 0.2em 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#flow .box > div > div h4 {
    font-size: max(12px, 2.7777777778vw);
    line-height: max(16px, 3.7037037037vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#flow .box > div > div h4 {
    font-size: 4.68vw;
    line-height: 9.1vw;
  }
}
body.business main section#flow .box > div > div > div {
  padding: 45px 50px 45px 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#flow .box > div > div > div {
    padding: 3.75vw 4.1666666667vw 3.75vw 4.1666666667vw;
  }
}
body.business main section#flow .box > div > div > div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#flow .box > div > div > div h3 {
    font-size: max(12px, 2.2222222222vw);
    line-height: max(16px, 3.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#flow .box > div > div > div h3 {
    font-size: 4.68vw;
    line-height: 7.28vw;
  }
}
body.business main section#flow .box > div > div > div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 31px;
  margin-top: 1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#flow .box > div > div > div p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.8703703704vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#flow .box > div > div > div p {
    font-size: 3.64vw;
    line-height: 6.24vw;
  }
}
@media screen and (max-width: 767px) {
  body.business main section#flow .box {
    padding: 13.3vw 7.3vw;
    background-size: 10.6vw 10.6vw;
    margin-top: 16vw;
  }
  body.business main section#flow .box h2 {
    margin-bottom: 10.6vw;
  }
  body.business main section#flow .box h2 img {
    width: 48.3vw;
    padding: 3vw 0 1.5vw;
  }
  body.business main section#flow .box > div {
    flex-direction: column;
  }
  body.business main section#flow .box > div > div {
    width: 100%;
  }
  body.business main section#flow .box > div > div:first-child {
    margin-bottom: 6.6vw;
  }
  body.business main section#flow .box > div > div h4 {
    padding: 0;
  }
  body.business main section#flow .box > div > div > div {
    padding: 6.4vw 6.4vw;
  }
}
body.business main section#project-story .wrap {
  padding-top: 120px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap {
    padding-top: 10vw;
  }
}
body.business main section#project-story .wrap a {
  display: block;
  height: 400px;
  border-bottom-right-radius: 80px;
  border: 5px solid rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a {
    height: 33.3333333333vw;
  }
}
body.business main section#project-story .wrap a .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.business main section#project-story .wrap a .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
body.business main section#project-story .wrap a .text {
  position: relative;
  z-index: 1;
  padding: 50px 50px 50px 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .text {
    padding: 4.1666666667vw 4.1666666667vw 4.1666666667vw 4.1666666667vw;
  }
}
body.business main section#project-story .wrap a .text h2 {
  display: inline;
}
body.business main section#project-story .wrap a .text h2 span {
  margin: 0;
  background-color: #f8f834;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 52px;
  line-height: 62px;
  padding: 0px 18px 0px 18px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#project-story .wrap a .text h2 span {
    font-size: max(12px, 4.8148148148vw);
    line-height: max(16px, 5.7407407407vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#project-story .wrap a .text h2 span {
    font-size: 6.76vw;
    line-height: 6.76vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .text h2 span {
    padding: 0vw 1.5vw 0vw 1.5vw;
  }
}
body.business main section#project-story .wrap a .text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 34px;
  padding: 0px 10px 0px 10px;
  margin-top: 10px;
  background-color: #f8f834;
  display: inline-block;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#project-story .wrap a .text h3 {
    font-size: max(12px, 2.037037037vw);
    line-height: max(16px, 3.1481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#project-story .wrap a .text h3 {
    font-size: 2.86vw;
    line-height: 4.42vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .text h3 {
    padding: 0vw 0.8333333333vw 0vw 0.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .text h3 {
    margin-top: 0.8333333333vw;
  }
}
body.business main section#project-story .wrap a .text p {
  margin-top: 40px;
  line-height: 0.1em;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .text p {
    margin-top: 3.3333333333vw;
  }
}
body.business main section#project-story .wrap a .text p span {
  display: inline-block;
  background-color: #eeefef;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 8px;
  padding: 0px 10px 0px 10px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#project-story .wrap a .text p span {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.5vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#project-story .wrap a .text p span {
    font-size: 3.38vw;
    line-height: 5.72vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .text p span {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .text p span {
    padding: 0vw 0.8333333333vw 0vw 0.8333333333vw;
  }
}
body.business main section#project-story .wrap a .arrow {
  position: absolute;
  bottom: 50px;
  right: 50px;
  width: 70px;
  height: 70px;
  background: url("/recruit/new-graduate/data/images/banner_arrow.webp") no-repeat center center/contain;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .arrow {
    bottom: 4.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .arrow {
    right: 4.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .arrow {
    width: 5.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#project-story .wrap a .arrow {
    height: 5.8333333333vw;
  }
}
body.business main section#project-story .wrap a:hover {
  border: 5px solid rgb(0, 0, 0);
}
body.business main section#project-story .wrap a:hover .bg img {
  transform: scale(1.08);
}
body.business main section#project-story .wrap a:hover .arrow {
  background-image: url("/recruit/new-graduate/data/images/banner_arrow_on.webp");
}
@media screen and (max-width: 767px) {
  body.business main section#project-story .wrap {
    padding-top: 13.3vw;
  }
  body.business main section#project-story .wrap a {
    height: 80vw;
    border-bottom-right-radius: 16vw;
  }
  body.business main section#project-story .wrap a .text {
    padding: 16.5vw 0 0 4vw;
  }
  body.business main section#project-story .wrap a .text h2 span {
    padding: 1.2vw 2.8vw;
  }
  body.business main section#project-story .wrap a .text h3 {
    margin-top: 2.26vw;
  }
  body.business main section#project-story .wrap a .text p {
    margin-top: 4vw;
  }
  body.business main section#project-story .wrap a .text p span {
    margin-bottom: 1.8vw;
  }
  body.business main section#project-story .wrap a .arrow {
    bottom: 4vw;
    right: auto;
    left: 4vw;
    width: 9.3vw;
    height: 9.3vw;
  }
  body.business main section#project-story .wrap a.active {
    border: 5px solid rgb(0, 0, 0);
  }
  body.business main section#project-story .wrap a.active .bg img {
    transform: scale(1.08);
  }
}
body.business main section#skill {
  padding: 0;
  margin: 150px 0 150px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#skill {
    margin: 12.5vw 0 12.5vw 0;
  }
}
@media screen and (max-width: 767px) {
  body.business main section#skill {
    margin: 33.3vw 0;
  }
}
body.business main section#business {
  margin: 0 0 200px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#business {
    margin: 0 0 16.6666666667vw 0;
  }
}
body.business main section#business .wrap .items {
  display: flex;
  justify-content: space-between;
  margin-top: 88px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#business .wrap .items {
    margin-top: 7.3333333333vw;
  }
}
body.business main section#business .wrap .items .item {
  width: 46.4%;
  max-width: 100%;
  border-top-right-radius: 80px;
}
body.business main section#business .wrap .items .item .text {
  top: auto;
  bottom: 30px;
  left: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#business .wrap .items .item .text {
    bottom: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#business .wrap .items .item .text {
    left: 3.3333333333vw;
  }
}
body.business main section#business .wrap .items .item .text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  margin: 5px 0 6px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#business .wrap .items .item .text h3 {
    font-size: max(12px, 2.2222222222vw);
    line-height: max(16px, 3.7037037037vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#business .wrap .items .item .text h3 {
    font-size: 4.94vw;
    line-height: 6.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#business .wrap .items .item .text h3 {
    margin: 0.4166666667vw 0 0.5vw 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body.business main section#business .wrap .items .item .text h3 {
    font-size: 1.875vw;
  }
}
body.business main section#business .wrap .items .item .text p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  margin-top: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.business main section#business .wrap .items .item .text p {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 2.7777777778vw);
  }
}
@media screen and (max-width: 767px) {
  body.business main section#business .wrap .items .item .text p {
    font-size: 3.38vw;
    line-height: 5.72vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.business main section#business .wrap .items .item .text p {
    margin-top: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body.business main section#business .wrap .items .item .text p {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 767px) {
  body.business main section#business {
    margin: 0 0 30.6vw;
  }
  body.business main section#business .wrap .items {
    flex-direction: column;
    margin-top: 6vw;
  }
  body.business main section#business .wrap .items .item {
    width: 100% !important;
    margin-top: 10vw;
    border-top-right-radius: 16vw;
  }
  body.business main section#business .wrap .items .item .text {
    top: auto;
    bottom: 1em !important;
    left: 1em;
  }
}

body#marketing main section#hero h1 {
  width: 690px;
  height: 136px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#marketing main section#hero h1 {
    width: calc((100vw - 160px) * 0.556);
    height: calc((100vw - 160px) * 0.109);
  }
}
@media screen and (max-width: 767px) {
  body#marketing main section#hero h1 {
    width: 72.5vw;
    height: 35.8vw;
  }
}

body#career-advisor main section#hero h1 {
  width: 988px;
  height: 137px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#career-advisor main section#hero h1 {
    width: calc((100vw - 160px) * 0.796);
    height: calc((100vw - 160px) * 0.1109);
  }
}
@media screen and (max-width: 767px) {
  body#career-advisor main section#hero h1 {
    width: 66.2vw;
    height: 36vw;
  }
}
body#career-advisor main section#flow .box h3 {
  min-height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}

body#recruiting-advisor main section#hero h1 {
  width: 1234px;
  height: 136px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#recruiting-advisor main section#hero h1 {
    width: calc((100vw - 160px) * 0.96);
    height: calc((100vw - 160px) * 0.1102);
  }
}
@media screen and (max-width: 767px) {
  body#recruiting-advisor main section#hero h1 {
    width: 73.8vw;
    height: 52vw;
  }
}
body#recruiting-advisor main section#flow .box h3 {
  min-height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}

body#member main section#hero h1 {
  width: 384px;
  height: 136px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#member main section#hero h1 {
    width: calc((100vw - 160px) * 0.3);
    height: calc((100vw - 160px) * 0.10625);
  }
}
@media screen and (max-width: 767px) {
  body#member main section#hero h1 {
    width: 50.9vw;
    height: 20vw;
  }
}
body#member main section#members .wrap p.read {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 52px;
  margin-top: 115px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#member main section#members .wrap p.read {
    font-size: max(12px, 2.5925925926vw);
    line-height: max(16px, 4.8148148148vw);
  }
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap p.read {
    font-size: 5.2vw;
    line-height: 9.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap p.read {
    margin-top: 9.5833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap p.read {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap p.read {
    text-align: center;
    margin-top: 23vw;
    margin-bottom: 14.5vw;
  }
}
body#member main section#members .wrap .items {
  margin-top: 0px;
  margin-bottom: 280px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap .items {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap .items {
    margin-bottom: 23.3333333333vw;
  }
}
body#member main section#members .wrap .items .item {
  width: 48%;
  padding: 50px 0 50px 0;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap .items .item {
    padding: 4.1666666667vw 0 4.1666666667vw 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap .items .item {
    margin-bottom: 3.3333333333vw;
  }
}
body#member main section#members .wrap .items .item .photo {
  border-radius: 320px;
  overflow: hidden;
  width: 59%;
  margin: 0 auto;
}
body#member main section#members .wrap .items .item .photo img {
  transition: transform 1s;
}
body#member main section#members .wrap .items .item:hover .photo img {
  transform: scale(1.08);
}
body#member main section#members .wrap .items .item .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translate3d(0, 0, 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 320px;
  z-index: 100;
}
body#member main section#members .wrap .items .item .overlay p {
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#member main section#members .wrap .items .item .overlay p {
    font-size: max(12px, 2.4074074074vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap .items .item .overlay p {
    font-size: 4.68vw;
    line-height: 4.68vw;
  }
}
body#member main section#members .wrap .items .item div.text {
  margin-top: 0.5em;
}
body#member main section#members .wrap .items .item div.text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 38px;
  letter-spacing: -0.03em;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#member main section#members .wrap .items .item div.text h3 {
    font-size: max(12px, 2.3148148148vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap .items .item div.text h3 {
    font-size: 4.42vw;
    line-height: 6.76vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap .items .item div.text h3 {
    margin-bottom: 1.25vw;
  }
}
body#member main section#members .wrap .items .item div.text p {
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap .items .item div.text p {
    margin-bottom: 0.6666666667vw;
  }
}
body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap .items .item div.text p .position, body#member main section#members .wrap .items .item div.text p .start {
    font-size: 2.86vw;
    line-height: 3.9vw;
  }
}
body#member main section#members .wrap .items .item div.text p .position {
  background-color: #ffffff;
  padding: 0 0.5em;
  margin-right: 0.5em;
}
body#member main section#members .wrap .items .item div.text p .name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 44px;
  margin-right: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#member main section#members .wrap .items .item div.text p .name {
    font-size: max(12px, 2.037037037vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap .items .item div.text p .name {
    font-size: 4.42vw;
    line-height: 7.8vw;
  }
}
body#member main section#members .wrap .items .item div.text p .name_en {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 44px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#member main section#members .wrap .items .item div.text p .name_en {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap .items .item div.text p .name_en {
    font-size: 3.12vw;
    line-height: 7.8vw;
  }
}
body#member main section#members .wrap .items .item:nth-child(2n+1) {
  margin-right: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#member main section#members .wrap .items .item:nth-child(2n+1) {
    margin-right: 3.3333333333vw;
  }
}
body#member main section#members .wrap .items .item#interview01 {
  background-color: #c4c8cb;
}
body#member main section#members .wrap .items .item#interview02 {
  background-color: #E2E7EA;
}
body#member main section#members .wrap .items .item#interview03 {
  background-color: #e2e4e4;
}
body#member main section#members .wrap .items .item#interview04 {
  background-color: #d6d9db;
}
body#member main section#members .wrap .items .item#interview05 {
  background-color: #E2E4E4;
}
@media screen and (max-width: 767px) {
  body#member main section#members .wrap .items {
    width: 100%;
    margin-top: 0;
    margin-bottom: 40vw;
    display: block;
    overflow: visible !important;
  }
  body#member main section#members .wrap .items .item {
    width: 100%;
    height: 140vw;
    overflow: hidden;
    margin-right: 0 !important;
    padding: 8.6vw 0;
    margin-bottom: 6.6vw !important;
  }
  body#member main section#members .wrap .items .item div.photo {
    border-radius: 29.3vw;
    width: 58.6vw;
    height: 85.3vw;
  }
  body#member main section#members .wrap .items .item div.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body#member main section#members .wrap .items .item div.text h3 {
    margin: 0 0 4vw 0;
  }
  body#member main section#members .wrap .items .item div.text p {
    line-height: 0;
    margin-bottom: 1vw;
  }
  body#member main section#members .wrap .items .item div.text p .position {
    display: inline-block;
    margin: 0 0 2vw 0;
    background-color: #eeefef;
    padding-bottom: 0.15em;
  }
  body#member main section#members .wrap .items .item div.text p .start {
    display: inline-block;
    margin: 0 0 1vw 0;
  }
}

body.interview main {
  padding-top: 90px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main {
    padding-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview main {
    padding-top: 16vw;
  }
}
body.interview main section#hero {
  overflow: hidden;
  padding-bottom: 335px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#hero {
    padding-bottom: 27.9166666667vw;
  }
}
body.interview main section#hero .block {
  margin-top: -15px;
}
@media screen and (max-width: 767px) {
  body.interview main section#hero .block {
    margin-top: -2.6vw;
  }
}
body.interview main section#hero .wrap_a {
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 49%, #3f474d 50%, #3f474d 100%);
}
body.interview main section#hero .wrap_a .wrap_b {
  max-width: 1400px;
  padding: 0;
  margin: 0 auto;
}
body.interview main section#hero .wrap_a .wrap_b .photo {
  position: relative;
  max-width: 1180px;
  width: 84.2%;
  margin: 0 0 0 auto;
  display: block;
}
body.interview main section#hero .wrap_a .wrap_b .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.interview main section#hero .wrap_a .wrap_b .photo h1 {
  position: absolute;
  left: -55px;
  bottom: -55px;
  z-index: 100;
}
body.interview main section#hero .wrap_a .wrap_b .photo h1 span {
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-size: 45px;
  line-height: 68px;
  background-color: #f8f834;
  margin-bottom: 12px;
  padding: 0 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#hero .wrap_a .wrap_b .photo h1 span {
    font-size: max(12px, 4.1666666667vw);
    line-height: max(16px, 6.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#hero .wrap_a .wrap_b .photo h1 span {
    font-size: 5.85vw;
    line-height: 8.84vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#hero .wrap_a .wrap_b .photo h1 span {
    margin-bottom: 1vw;
  }
}
body.interview main section#hero .wrap_c .wrap_d {
  max-width: 1400px;
  padding: 0;
  margin: 0 auto;
}
body.interview main section#hero .wrap_c .wrap_d .text {
  width: 460px;
  background-color: #edf0f2;
  margin: 0 0 0 auto;
  position: relative;
  padding: 60px 0px 60px 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#hero .wrap_c .wrap_d .text {
    width: 38.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#hero .wrap_c .wrap_d .text {
    padding: 5vw 0vw 5vw 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body.interview main section#hero .wrap_c .wrap_d .text {
    width: 43vw;
  }
}
body.interview main section#hero .wrap_c .wrap_d .text p {
  line-height: 0;
}
body.interview main section#hero .wrap_c .wrap_d .text .position {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  background-color: black;
  padding: 0 0.5em 0.1em;
  margin-right: 0.75em;
  color: #eeefef;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#hero .wrap_c .wrap_d .text .position {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#hero .wrap_c .wrap_d .text .position {
    font-size: 2.86vw;
    line-height: 4.16vw;
  }
}
body.interview main section#hero .wrap_c .wrap_d .text .start {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#hero .wrap_c .wrap_d .text .start {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#hero .wrap_c .wrap_d .text .start {
    font-size: 2.86vw;
    line-height: 3.9vw;
  }
}
body.interview main section#hero .wrap_c .wrap_d .text .name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  margin: 15px 20px 0 0;
  display: inline-block;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#hero .wrap_c .wrap_d .text .name {
    font-size: max(12px, 2.4074074074vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#hero .wrap_c .wrap_d .text .name {
    font-size: 4.42vw;
    line-height: 4.42vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#hero .wrap_c .wrap_d .text .name {
    margin: 1.25vw 1.6666666667vw 0 0;
  }
}
body.interview main section#hero .wrap_c .wrap_d .text .name_en {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  vertical-align: 0.3em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#hero .wrap_c .wrap_d .text .name_en {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#hero .wrap_c .wrap_d .text .name_en {
    font-size: 3.12vw;
    line-height: 4.42vw;
  }
}
body.interview main section#hero .wrap_c .wrap_d .text:after {
  content: "";
  display: block;
  background-color: #edf0f2;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  body.interview main section#hero {
    padding-bottom: 41.3vw;
    overflow: hidden;
  }
  body.interview main section#hero .wrap_a {
    background: transparent;
  }
  body.interview main section#hero .wrap_a .wrap_b .photo {
    width: 100%;
  }
  body.interview main section#hero .wrap_a .wrap_b .photo h1 {
    position: absolute;
    bottom: -16.5vw;
    left: 7.3vw;
    z-index: 100;
  }
  body.interview main section#hero .wrap_a .wrap_b .photo h1 span {
    margin-bottom: 1.6vw;
  }
  body.interview main section#hero .wrap_c .wrap_d .text {
    width: 100%;
    padding: 25.3vw 0 8vw 7.3vw;
  }
  body.interview main section#hero .wrap_c .wrap_d .text p {
    line-height: 0;
  }
  body.interview main section#hero .wrap_c .wrap_d .text p .position {
    margin-bottom: 2.4vw;
    display: inline-block;
  }
  body.interview main section#hero .wrap_c .wrap_d .text p .start {
    margin-bottom: 4.4vw;
    display: inline-block;
  }
  body.interview main section#hero .wrap_c .wrap_d .text p .name {
    margin: 0;
  }
  body.interview main section#hero .wrap_c .wrap_d .text p .name_en {
    margin: 0 0 0 1em;
    vertical-align: 0.15em;
  }
}
body.interview main section.article .wrap {
  display: flex;
  justify-content: space-between;
}
body.interview main section.article .wrap .left {
  width: 50%;
}
body.interview main section.article .wrap .right {
  width: 50%;
}
body.interview main section.article .wrap .text {
  padding: 80px 0 0 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section.article .wrap .text {
    padding: 6.6666666667vw 0 0 6.6666666667vw;
  }
}
body.interview main section.article .wrap .text.left {
  padding: 80px 80px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section.article .wrap .text.left {
    padding: 6.6666666667vw 6.6666666667vw 0 0;
  }
}
body.interview main section.article .wrap.type2 {
  flex-direction: column;
  padding: 0;
}
body.interview main section.article .wrap.type2 img {
  max-width: 1280px;
  width: 100%;
  margin: 70px 0 120px 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section.article .wrap.type2 img {
    margin: 5.8333333333vw 0 10vw 0;
  }
}
body.interview main section.article .wrap .center {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section.article .wrap .center {
    margin-bottom: 6.6666666667vw;
  }
}
body.interview main section.article .wrap h2 {
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section.article .wrap h2 {
    font-size: max(12px, 2.2222222222vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section.article .wrap h2 {
    font-size: 4.68vw;
    line-height: 6.24vw;
  }
}
body.interview main section.article .wrap h2 span {
  display: inline-block;
  background-color: #f8f834;
  margin-bottom: 8px;
  padding: 0 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section.article .wrap h2 span {
    margin-bottom: 0.6666666667vw;
  }
}
body.interview main section.article .wrap p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section.article .wrap p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 3.1481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section.article .wrap p {
    font-size: 3.64vw;
    line-height: 7.28vw;
  }
}
body.interview main section.article:after {
  content: "";
  background: url("/recruit/new-graduate/member/images/workflow_bg.webp") no-repeat 50% 0;
  width: 100%;
  height: 160px;
  display: block;
}
@media screen and (max-width: 767px) {
  body.interview main section.article {
    margin-top: 0;
  }
  body.interview main section.article .wrap {
    flex-direction: column-reverse;
  }
  body.interview main section.article .wrap .left, body.interview main section.article .wrap .right {
    width: 100%;
    padding: 0;
  }
  body.interview main section.article .wrap h2 {
    margin-bottom: 8vw;
  }
  body.interview main section.article .wrap h2 span {
    margin-bottom: 1.6vw;
  }
  body.interview main section.article .wrap.type2 {
    flex-direction: column-reverse;
    padding: 0;
    margin-top: 15.6vw;
  }
  body.interview main section.article .wrap.type2 .center {
    margin: 0;
    padding: 0 7.3vw;
  }
  body.interview main section.article .wrap.type2 picture {
    margin: 0;
    width: 100vw;
  }
  body.interview main section.article .wrap.type2 picture img {
    width: 100%;
    margin: 0;
  }
  body.interview main section.article .wrap.type3 {
    flex-direction: column;
    margin-top: 15.3vw;
    padding-bottom: 31.7vw;
  }
  body.interview main section.article .wrap.type3 .left.text {
    padding: 0;
  }
  body.interview main section.article:after {
    background-image: url("/recruit/new-graduate/member/images/workflow_bg_sp.webp");
    height: 21.2vw;
    background-size: 100% 100%;
  }
}
body.interview main section#workflow {
  background-color: #EDF0F2;
  padding-top: 55px;
  padding-bottom: 90px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#workflow {
    padding-top: 4.5833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#workflow {
    padding-bottom: 7.5vw;
  }
}
body.interview main section#workflow .wrap .items {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 115px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#workflow .wrap .items {
    padding-top: 9.5833333333vw;
  }
}
body.interview main section#workflow .wrap .items .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 195px;
  position: relative;
}
body.interview main section#workflow .wrap .items .item:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #8C9196;
  position: absolute;
  top: 0;
  left: 83px;
}
body.interview main section#workflow .wrap .items .item .time h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 100;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 34px;
  color: #eeefef;
  border-radius: 83px;
  background-color: #8C9196;
  width: 166px;
  height: 166px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#workflow .wrap .items .item .time h4 {
    font-size: max(12px, 3.1481481481vw);
    line-height: max(16px, 3.1481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#workflow .wrap .items .item .time h4 {
    font-size: 4.68vw;
    line-height: 4.68vw;
  }
}
body.interview main section#workflow .wrap .items .item .text {
  margin-left: 48px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#workflow .wrap .items .item .text {
    margin-left: 4vw;
  }
}
body.interview main section#workflow .wrap .items .item .text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 50px;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #C4C8CB;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#workflow .wrap .items .item .text h3 {
    font-size: max(12px, 2.2222222222vw);
    line-height: max(16px, 4.6296296296vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#workflow .wrap .items .item .text h3 {
    font-size: 4.68vw;
    line-height: 7.8vw;
  }
}
body.interview main section#workflow .wrap .items .item .text h3.border {
  border-bottom: 1px solid #C4C8CB !important;
  margin-bottom: 0.5em !important;
}
body.interview main section#workflow .wrap .items .item .text p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 27px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#workflow .wrap .items .item .text p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.5vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#workflow .wrap .items .item .text p {
    font-size: 3.38vw;
    line-height: 5.98vw;
  }
}
body.interview main section#workflow .wrap .items .item:nth-child(2n) .time h4 {
  background-color: #676C71;
}
body.interview main section#workflow .wrap .items .item.top:before {
  top: 50%;
}
body.interview main section#workflow .wrap .items .item.top .text h3 {
  border: none;
  margin: 0;
}
body.interview main section#workflow .wrap .items .item.last:before {
  top: -50%;
}
body.interview main section#workflow .wrap .items .item.last .text h3 {
  border: none;
  margin: 0;
}
@media screen and (max-width: 767px) {
  body.interview main section#workflow {
    padding: 11.2vw 0 20vw 0;
  }
  body.interview main section#workflow .wrap .items {
    padding-top: 5vw;
  }
  body.interview main section#workflow .wrap .items .item {
    align-items: flex-start;
    min-height: auto;
  }
  body.interview main section#workflow .wrap .items .item:before {
    left: 14%;
  }
  body.interview main section#workflow .wrap .items .item .time h4 {
    width: 24vw;
    height: 24vw;
    border-radius: 12vw;
  }
  body.interview main section#workflow .wrap .items .item .text {
    margin-left: 5.3vw;
    margin-bottom: 7vw;
  }
  body.interview main section#workflow .wrap .items .item .text h3 {
    padding-bottom: 1.5vw;
  }
  body.interview main section#workflow .wrap .items .item .text h3.border {
    padding-bottom: 1.5vw !important;
  }
  body.interview main section#workflow .wrap .items .item.top {
    min-height: 48vw;
    align-items: center;
  }
  body.interview main section#workflow .wrap .items .item.top .text {
    margin-bottom: 0;
  }
  body.interview main section#workflow .wrap .items .item.top .text h3 {
    padding: 0;
  }
  body.interview main section#workflow .wrap .items .item.last {
    min-height: 20vw;
    align-items: center;
  }
  body.interview main section#workflow .wrap .items .item.last .text {
    margin-bottom: 0;
  }
  body.interview main section#workflow .wrap .items .item.last .text h3 {
    padding: 0;
  }
}
body.interview main section#mylife {
  background-color: #f8f834;
  padding-top: 75px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#mylife {
    padding-top: 6.25vw;
  }
}
body.interview main section#mylife .wrap .items {
  display: flex;
  padding: 75px 60px 60px 60px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#mylife .wrap .items {
    padding: 6.25vw 5vw 5vw 5vw;
  }
}
body.interview main section#mylife .wrap .items .item {
  width: 280px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#mylife .wrap .items .item {
    width: 23.3333333333vw;
  }
}
body.interview main section#mylife .wrap .items .item h3 {
  background-color: black;
  border-radius: 1em;
  display: inline-block;
  color: #eeefef;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  padding: 0 1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#mylife .wrap .items .item h3 {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.5925925926vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#mylife .wrap .items .item h3 {
    font-size: 3.12vw;
    line-height: 5.2vw;
  }
}
body.interview main section#mylife .wrap .items .item img {
  margin: 25px 0 20px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#mylife .wrap .items .item img {
    margin: 2.0833333333vw 0 1.6666666667vw 0;
  }
}
body.interview main section#mylife .wrap .items .item p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#mylife .wrap .items .item p {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 2.1296296296vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#mylife .wrap .items .item p {
    font-size: 3.38vw;
    line-height: 5.72vw;
  }
}
body.interview main section#mylife .wrap p.sosumi {
  position: absolute;
  bottom: -60px;
  right: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#mylife .wrap p.sosumi {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#mylife .wrap p.sosumi {
    font-size: 2.86vw;
    line-height: 3.9vw;
  }
}
body.interview main section#mylife:after {
  content: "";
  background: url("/recruit/new-graduate/member/images/mylife_bg.webp") no-repeat 50% 0;
  width: 100%;
  height: 160px;
  display: block;
}
@media screen and (max-width: 767px) {
  body.interview main section#mylife .wrap {
    padding-bottom: 8vw;
  }
  body.interview main section#mylife .wrap .items {
    flex-direction: column;
    padding: 10.6vw 0 0 0;
  }
  body.interview main section#mylife .wrap .items .item {
    width: 100%;
    margin-bottom: 10.6vw;
  }
  body.interview main section#mylife .wrap .items .item img {
    width: 100%;
    margin: 4.3vw 0 4.3vw;
  }
  body.interview main section#mylife .wrap p.sosumi {
    position: static;
    text-align: right;
  }
  body.interview main section#mylife:after {
    background-image: url("/recruit/new-graduate/member/images/mylife_bg_sp.webp");
    height: 21.2vw;
    background-size: 100% 100%;
  }
}
body.interview main section#people .wrap {
  padding-top: 125px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap {
    padding-top: 10.4166666667vw;
  }
}
body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list {
  overflow: visible !important;
}
body.interview main section#people .wrap .slick-list {
  width: 320px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .slick-list {
    width: 26.6666666667vw;
  }
}
body.interview main section#people .wrap .slick-list .slick-slide {
  width: 320px;
  margin-right: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .slick-list .slick-slide {
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .slick-list .slick-slide {
    margin-right: 6.6666666667vw;
  }
}
body.interview main section#people .wrap .slick-arrow {
  position: absolute;
  background: url("/recruit/new-graduate/data/images/slick_arrow.png") no-repeat center center;
  width: 61px;
  height: 61px;
  top: 36%;
  transform: translateY(-50%);
  z-index: 100;
  background-size: cover;
  border: none;
  text-indent: -9999px;
  transition: 0.5s all;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .slick-arrow {
    width: 5.0833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .slick-arrow {
    height: 5.0833333333vw;
  }
}
body.interview main section#people .wrap .slick-arrow.slick-prev {
  left: 0;
}
body.interview main section#people .wrap .slick-arrow.slick-next {
  right: 0;
  transform: rotate(180deg) translateY(50%);
  transform-origin: center center;
}
body.interview main section#people .wrap .slick-arrow.slick-disabled {
  opacity: 0;
}
@media screen and (min-width: 1280px) {
  body.interview main section#people .wrap .slick-arrow.slick-prev {
    transform: translateX(calc((100vw - 1120px) / -2 + 120px)) translateY(-50%);
  }
  body.interview main section#people .wrap .slick-arrow.slick-next {
    transform: translateX(calc((100vw - 1120px) / 2 - 120px)) rotate(180deg) translateY(50%);
  }
}
body.interview main section#people .wrap .items {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding-top: 94px;
  padding-bottom: 160px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .items {
    padding-top: 7.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .items {
    padding-bottom: 13.3333333333vw;
  }
}
body.interview main section#people .wrap .items .item {
  width: 320px;
  margin-right: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .items .item {
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .items .item {
    margin-right: 6.6666666667vw;
  }
}
body.interview main section#people .wrap .items .item .photo {
  border-radius: 320px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
body.interview main section#people .wrap .items .item .photo img {
  transition: transform 1s;
}
body.interview main section#people .wrap .items .item:hover .photo img {
  transform: scale(1.08);
}
body.interview main section#people .wrap .items .item div.text {
  margin-top: 0.5em;
}
body.interview main section#people .wrap .items .item div.text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 38px;
  letter-spacing: -0.03em;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#people .wrap .items .item div.text h3 {
    font-size: max(12px, 2.3148148148vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#people .wrap .items .item div.text h3 {
    font-size: 4.42vw;
    line-height: 6.76vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .items .item div.text h3 {
    margin-bottom: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body.interview main section#people .wrap .items .item div.text h3 {
    font-size: 2vw;
  }
}
body.interview main section#people .wrap .items .item div.text p {
  margin-bottom: 8px;
  text-align: center;
  line-height: 0;
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview main section#people .wrap .items .item div.text p {
    margin-bottom: 0.6666666667vw;
  }
}
body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#people .wrap .items .item div.text p .position, body.interview main section#people .wrap .items .item div.text p .start {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
body.interview main section#people .wrap .items .item div.text p .position {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  background-color: #EEEFEF;
  padding: 0 0.5em;
  margin-right: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#people .wrap .items .item div.text p .position {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#people .wrap .items .item div.text p .position {
    font-size: 2.86vw;
    line-height: 4.16vw;
  }
}
body.interview main section#people .wrap .items .item div.text p .name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 44px;
  margin-right: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#people .wrap .items .item div.text p .name {
    font-size: max(12px, 2.037037037vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#people .wrap .items .item div.text p .name {
    font-size: 4.42vw;
    line-height: 7.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body.interview main section#people .wrap .items .item div.text p .name {
    font-size: 1.76vw;
  }
}
body.interview main section#people .wrap .items .item div.text p .name_en {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 44px;
  vertical-align: 0.1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main section#people .wrap .items .item div.text p .name_en {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#people .wrap .items .item div.text p .name_en {
    font-size: 3.12vw;
    line-height: 7.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body.interview main section#people .wrap .items .item div.text p .name_en {
    font-size: 1.28vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview main section#people .wrap {
    padding-top: 33.3vw;
  }
  body.interview main section#people .wrap .slick-track, body.interview main section#people .wrap .slick-list {
    overflow: visible !important;
  }
  body.interview main section#people .wrap .slick-list {
    width: 100%;
  }
  body.interview main section#people .wrap .slick-list .slick-slide {
    width: 58.6vw;
    margin-right: 6.6vw;
  }
  body.interview main section#people .wrap .items {
    padding-top: 16.5vw;
    padding-bottom: 29.3vw;
  }
  body.interview main section#people .wrap .items .item div.text h3 {
    margin-bottom: 3.46vw;
  }
  body.interview main section#people .wrap .items .item div.text p {
    line-height: 0;
    white-space: inherit;
  }
  body.interview main section#people .wrap .items .item div.text p .position {
    margin-bottom: 2.53vw;
    margin-right: 0;
    display: inline-block;
  }
  body.interview main section#people .wrap .items .item div.text p .start {
    margin-bottom: 1vw;
    display: inline-block;
  }
}

body#interview_top main section#hero {
  padding-bottom: 160px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#hero {
    padding-bottom: 13.3333333333vw;
  }
}
body#interview_top main section#hero h1 {
  width: 628px;
  height: 135px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#interview_top main section#hero h1 {
    width: calc((100vw - 160px) * 0.490625);
    height: calc((100vw - 160px) * 0.10546875);
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#hero {
    padding-bottom: 35.3vw;
  }
  body#interview_top main section#hero h1 {
    width: 83.4vw;
    height: 19.7vw;
    padding-bottom: 0vw;
  }
}
body#interview_top main section#interview_list {
  background-color: #50595F;
  margin-bottom: 160px;
}
body#interview_top main section#interview_list:before {
  content: "";
  width: 100%;
  height: 240px;
  display: block;
  background: url("/recruit/new-graduate/interview/images/list_bg_top.png") no-repeat 50% 0;
  background-size: auto 100%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list:before {
    height: 20vw;
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list:before {
    background-image: url("/recruit/new-graduate/interview/images/list_bg_top_sp.png");
    height: 21.3vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list {
    margin-bottom: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list {
    margin-bottom: 40vw;
  }
}
body#interview_top main section#interview_list .wrap p.read {
  color: #eeefef;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 52px;
  margin-top: -67px;
  margin-bottom: 92px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#interview_top main section#interview_list .wrap p.read {
    font-size: max(12px, 2.5925925926vw);
    line-height: max(16px, 4.8148148148vw);
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list .wrap p.read {
    font-size: 5.2vw;
    line-height: 9.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list .wrap p.read {
    margin-top: -5.5833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list .wrap p.read {
    margin-bottom: 7.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list .wrap p.read {
    margin-top: 14vw;
    margin-bottom: 13vw;
  }
}
body#interview_top main section#interview_list .wrap .items {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1120px !important;
  padding: 0 40px 0 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list .wrap .items {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list .wrap .items {
    padding: 0 3.3333333333vw 0 3.3333333333vw;
  }
}
body#interview_top main section#interview_list .wrap .items .item {
  width: 28.8%;
  margin-right: 6.7%;
  margin-bottom: 60px;
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list .wrap .items .item {
    margin-bottom: 5vw;
  }
}
body#interview_top main section#interview_list .wrap .items .item:nth-child(3n) {
  margin-right: 0;
}
body#interview_top main section#interview_list .wrap .items .item .photo {
  border-radius: 320px;
  overflow: hidden;
  width: 100;
  margin: 0 auto;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body#interview_top main section#interview_list .wrap .items .item .photo img {
  transition: transform 1s;
}
body#interview_top main section#interview_list .wrap .items .item:hover .photo img {
  transform: scale(1.08);
}
body#interview_top main section#interview_list .wrap .items .item div.text {
  margin-top: 0;
}
body#interview_top main section#interview_list .wrap .items .item div.text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  background-color: #2D3237;
  color: #eeefef;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#interview_top main section#interview_list .wrap .items .item div.text h3 {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list .wrap .items .item div.text h3 {
    font-size: 3.25vw;
    line-height: 7.02vw;
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list .wrap .items .item div.text h3 {
    margin: 0 0 4vw 0;
  }
}
body#interview_top main section#interview_list .wrap .items .item div.text p {
  margin: 0 0 8px 0;
  text-align: left;
  color: #eeefef;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#interview_top main section#interview_list .wrap .items .item div.text p {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 2.5925925926vw);
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list .wrap .items .item div.text p {
    font-size: 4.42vw;
    line-height: 6.76vw;
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list .wrap .items .item div.text p {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list .wrap .items {
    width: 100%;
    margin-top: 10vw;
    margin-bottom: 0vw;
    display: block;
    overflow: visible !important;
  }
  body#interview_top main section#interview_list .wrap .items .item {
    width: 58.6vw;
    overflow: hidden;
    padding: 0;
    margin: 0 auto 16vw;
  }
  body#interview_top main section#interview_list .wrap .items .item div.photo {
    border-radius: 29.3vw;
    width: 100%;
    height: 85.3vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  body#interview_top main section#interview_list .wrap .items .item div.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body#interview_top main section#interview_list .wrap .items .item div.text h3 {
    margin: 0 0 4vw 0;
  }
  body#interview_top main section#interview_list .wrap .items .item div.text p {
    margin-bottom: 1vw;
  }
}
body#interview_top main section#interview_list:after {
  content: "";
  width: 100%;
  height: 160px;
  display: block;
  background: url("/recruit/new-graduate/interview/images/list_bg_bottom.png") no-repeat 50% 0;
  background-size: auto 100%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#interview_top main section#interview_list:after {
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#interview_top main section#interview_list:after {
    display: none;
  }
}

body.interview_article main section#hero {
  overflow: hidden;
  background-color: #EDF0F2;
}
body.interview_article main section#hero:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 380px;
}
body.interview_article main section#hero .block {
  margin-top: -15px;
}
@media screen and (max-width: 767px) {
  body.interview_article main section#hero .block {
    margin-top: -2.6vw;
  }
}
body.interview_article main section#hero .wrap {
  max-width: 2240px;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
body.interview_article main section#hero .wrap .photo {
  position: relative;
  width: 2240px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}
body.interview_article main section#hero .wrap .photo img {
  width: 2240px;
  height: 624px;
  object-fit: cover;
}
body.interview_article main section#hero .wrap .text {
  max-width: 950px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-475px);
}
body.interview_article main section#hero .wrap .text h1 {
  position: absolute;
  left: 0;
  z-index: 100;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 56px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#hero .wrap .text h1 {
    font-size: max(12px, 2.7777777778vw);
    line-height: max(16px, 5.1851851852vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#hero .wrap .text h1 {
    font-size: 4.68vw;
    line-height: 7.8vw;
  }
}
body.interview_article main section#hero .wrap .text h1 b {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 26px;
  padding: 0;
  color: #676C71;
  letter-spacing: 0.05em;
}
body.interview_article main section#hero .wrap .text h1 b:before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #676C71;
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: 36%;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#hero .wrap .text h1 b {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#hero .wrap .text h1 b {
    font-size: 3.12vw;
    line-height: 3.12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#hero .wrap .text h1 b {
    margin-bottom: 2.1666666667vw;
  }
}
body.interview_article main section#hero .wrap .text h1 b i {
  font-style: normal;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  background-color: #676C71;
  color: #eeefef;
  padding: 0em 1.5em 0.05em;
  margin-left: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#hero .wrap .text h1 b i {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#hero .wrap .text h1 b i {
    font-size: 3.12vw;
    line-height: 3.12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#hero .wrap .text h1 b i {
    margin-left: 1.6666666667vw;
  }
}
@media screen and (max-width: 1080px) and (min-width: 768px) {
  body.interview_article main section#hero .wrap .text {
    max-width: 90%;
    left: 5%;
    transform: translateX(0);
  }
}
body.interview_article main section#hero .wrap.text-line-4 .text h1 {
  top: 26%;
}
body.interview_article main section#hero .wrap.text-line-3 .text h1 {
  top: 30.5%;
}
@media screen and (max-width: 767px) {
  body.interview_article main section#hero {
    overflow: hidden;
  }
  body.interview_article main section#hero:before {
    display: none;
  }
  body.interview_article main section#hero .block {
    display: none;
  }
  body.interview_article main section#hero .wrap .photo {
    width: 100%;
    height: 98.66%;
  }
  body.interview_article main section#hero .wrap .photo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  body.interview_article main section#hero .wrap .text {
    width: 100%;
    padding: 9vw 0 0 0;
    transform: translateX(0);
    position: static;
    text-align: center;
  }
  body.interview_article main section#hero .wrap .text h1 {
    position: static;
  }
  body.interview_article main section#hero .wrap .text h1 b {
    margin-bottom: 5.6vw;
  }
  body.interview_article main section#hero .wrap .text h1 b:after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #676C71;
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: 36%;
  }
  body.interview_article main section#hero .wrap .text p {
    line-height: 0;
  }
  body.interview_article main section#hero .wrap .text p .position {
    margin-bottom: 2.4vw;
    display: inline-block;
  }
  body.interview_article main section#hero .wrap .text p .start {
    margin-bottom: 4.4vw;
    display: inline-block;
  }
  body.interview_article main section#hero .wrap .text p .name {
    margin: 0;
  }
  body.interview_article main section#hero .wrap .text p .name_en {
    margin: 0 0 0 1em;
    vertical-align: 0.15em;
  }
}
body.interview_article main section#profile {
  padding: 120px 0 120px 0;
  background-color: #EDF0F2;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#profile {
    padding: 10vw 0 10vw 0;
  }
}
body.interview_article main section#profile .wrap {
  max-width: 1120px;
}
body.interview_article main section#profile .wrap:before {
  content: "";
  height: 20px;
  width: 100%;
  display: block;
  border: 1px solid #676C71;
  border-bottom: none;
}
body.interview_article main section#profile .wrap .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 34px 60px 34px 60px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#profile .wrap .content {
    padding: 2.8333333333vw 5vw 2.8333333333vw 5vw;
  }
}
body.interview_article main section#profile .wrap .content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#profile .wrap .content h2 {
    font-size: max(12px, 4.6296296296vw);
    line-height: max(16px, 4.6296296296vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content h2 {
    font-size: 9.1vw;
    line-height: 9.1vw;
  }
}
body.interview_article main section#profile .wrap .content div {
  margin-left: 65px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#profile .wrap .content div {
    margin-left: 5.4166666667vw;
  }
}
body.interview_article main section#profile .wrap .content div h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#profile .wrap .content div h3 {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content div h3 {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
body.interview_article main section#profile .wrap .content div h3 b {
  background-color: black;
  color: white;
  letter-spacing: 0em;
  margin-right: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 0px 5px 1px 5px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#profile .wrap .content div h3 b {
    margin-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#profile .wrap .content div h3 b {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content div h3 b {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#profile .wrap .content div h3 b {
    padding: 0vw 0.4166666667vw 0.0833333333vw 0.4166666667vw;
  }
}
body.interview_article main section#profile .wrap .content div h1 {
  vertical-align: middle;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
  margin: 20px 0px 35px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#profile .wrap .content div h1 {
    font-size: max(12px, 2.4074074074vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content div h1 {
    font-size: 5.98vw;
    line-height: 6.24vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#profile .wrap .content div h1 {
    margin: 1.6666666667vw 0vw 2.9166666667vw 0;
  }
}
body.interview_article main section#profile .wrap .content div h1 span {
  vertical-align: middle;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  margin-left: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#profile .wrap .content div h1 span {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content div h1 span {
    font-size: 3.12vw;
    line-height: 3.12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#profile .wrap .content div h1 span {
    margin-left: 1.25vw;
  }
}
body.interview_article main section#profile .wrap .content div p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#profile .wrap .content div p {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 2.7777777778vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content div p {
    font-size: 3.12vw;
    line-height: 6.24vw;
  }
}
body.interview_article main section#profile .wrap:after {
  content: "";
  height: 20px;
  width: 100%;
  display: block;
  border: 1px solid #676C71;
  border-top: none;
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile {
    padding: 12.8vw 0 16vw;
  }
  body.interview_article main section#profile .wrap .content {
    flex-direction: column;
    padding: 6vw 4vw;
  }
  body.interview_article main section#profile .wrap .content h2 {
    margin-bottom: 4vw;
  }
  body.interview_article main section#profile .wrap .content div {
    margin-left: 0;
    text-align: center;
  }
  body.interview_article main section#profile .wrap .content div h3 b, body.interview_article main section#profile .wrap .content div h3 br {
    display: none;
  }
  body.interview_article main section#profile .wrap .content div h1 {
    margin: 2.6vw 0 0;
  }
  body.interview_article main section#profile .wrap .content div h1 span {
    margin: 0;
  }
  body.interview_article main section#profile .wrap .content div b {
    background-color: black;
    color: white;
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    padding: 0 0.5em;
    margin-top: 3vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#profile .wrap .content div b {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.2962962963vw);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content div b {
    font-size: 2.86vw;
    line-height: 4.16vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#profile .wrap .content div p {
    text-align: left;
    margin-top: 6vw;
  }
}
body.interview_article main section.article {
  background-color: #EDF0F2;
  padding-bottom: 120px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article {
    padding-bottom: 10vw;
  }
}
body.interview_article main section.article .photo {
  max-width: 2000px;
  height: 640px;
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article .photo {
    height: 53.3333333333vw;
  }
}
body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture {
  height: 100%;
  max-width: 1240px;
  width: 67%;
  object-fit: cover;
}
body.interview_article main section.article .photo picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.interview_article main section.article .photo.right {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article .photo {
    height: 86vw;
  }
  body.interview_article main section.article .photo img, body.interview_article main section.article .photo picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.interview_article main section.article .photo .block {
    display: none;
  }
}
body.interview_article main section.article .wrap .text {
  background-color: white;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 80px 80px 80px;
  margin-top: 36px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article .wrap .text {
    padding: 6.6666666667vw 6.6666666667vw 6.6666666667vw 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article .wrap .text {
    margin-top: 3vw;
  }
}
body.interview_article main section.article .wrap .text.kuikomi {
  margin-top: -160px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article .wrap .text.kuikomi {
    margin-top: -13.3333333333vw;
  }
}
body.interview_article main section.article .wrap .text h2 {
  color: #2D3237;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 32px;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section.article .wrap .text h2 {
    font-size: max(12px, 1.5740740741vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article .wrap .text h2 {
    font-size: 3.9vw;
    line-height: 7.28vw;
  }
}
body.interview_article main section.article .wrap .text p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section.article .wrap .text p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article .wrap .text p {
    font-size: 3.64vw;
    line-height: 7.28vw;
  }
}
body.interview_article main section.article .wrap .text p:last-child {
  margin-bottom: 0;
}
body.interview_article main section.article .wrap .text ul {
  list-style-type: disc;
  padding-left: 1.5em;
  margin-top: -2em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section.article .wrap .text ul {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article .wrap .text ul {
    font-size: 3.64vw;
    line-height: 7.28vw;
  }
}
body.interview_article main section.article .wrap .text ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  margin-top: -2em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section.article .wrap .text ol {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article .wrap .text ol {
    font-size: 3.64vw;
    line-height: 7.28vw;
  }
}
body.interview_article main section.article .wrap .sosumi {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  margin-top: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article .wrap .sosumi {
    padding: 0vw 0vw 0vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article .wrap .sosumi {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section.article .wrap .sosumi {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article .wrap .sosumi {
    font-size: 2.86vw;
    line-height: 3.9vw;
  }
}
body.interview_article main section.article .wrap .sosumi li {
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section.article .wrap .sosumi li {
    padding-bottom: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article .wrap .sosumi {
    padding: 5vw 0 9.6vw;
    margin-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section.article {
    margin-top: 0;
    padding-bottom: 5.3vw;
  }
  body.interview_article main section.article .wrap {
    padding: 0 4.67vw;
  }
  body.interview_article main section.article .wrap .text {
    padding: 13.8vw 4.67vw 9.6vw;
    margin-top: 5.3vw;
  }
  body.interview_article main section.article .wrap .text.kuikomi {
    margin-top: -16vw;
  }
}
body.interview_article main section#mylife {
  background-color: #f8f834;
  padding-top: 125px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#mylife {
    padding-top: 10.4166666667vw;
  }
}
body.interview_article main section#mylife .wrap .items {
  display: flex;
  padding: 90px 60px 60px 60px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#mylife .wrap .items {
    padding: 7.5vw 5vw 5vw 5vw;
  }
}
body.interview_article main section#mylife .wrap .items .item {
  width: 280px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#mylife .wrap .items .item {
    width: 23.3333333333vw;
  }
}
body.interview_article main section#mylife .wrap .items .item h3 {
  background-color: black;
  border-radius: 1em;
  display: inline-block;
  color: #eeefef;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  padding: 0 1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#mylife .wrap .items .item h3 {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.5925925926vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#mylife .wrap .items .item h3 {
    font-size: 3.12vw;
    line-height: 5.2vw;
  }
}
body.interview_article main section#mylife .wrap .items .item img {
  margin: 25px 0 20px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#mylife .wrap .items .item img {
    margin: 2.0833333333vw 0 1.6666666667vw 0;
  }
}
body.interview_article main section#mylife .wrap .items .item p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#mylife .wrap .items .item p {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 2.1296296296vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#mylife .wrap .items .item p {
    font-size: 3.38vw;
    line-height: 5.72vw;
  }
}
body.interview_article main section#mylife .wrap p.sosumi {
  position: absolute;
  bottom: -60px;
  right: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#mylife .wrap p.sosumi {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#mylife .wrap p.sosumi {
    font-size: 2.86vw;
    line-height: 3.9vw;
  }
}
body.interview_article main section#mylife:after {
  content: "";
  background: url("/recruit/new-graduate/member/images/mylife_bg.webp") no-repeat 50% 0;
  width: 100%;
  height: 160px;
  display: block;
}
@media screen and (max-width: 767px) {
  body.interview_article main section#mylife {
    padding-top: 0;
  }
  body.interview_article main section#mylife:before {
    content: "";
    display: block;
    width: 100vw;
    height: 8vw;
    background-color: #EDF0F2;
    margin-bottom: 16vw;
  }
  body.interview_article main section#mylife .wrap {
    padding-bottom: 8vw;
  }
  body.interview_article main section#mylife .wrap .items {
    flex-direction: column;
    padding: 10vw 0 0 0;
  }
  body.interview_article main section#mylife .wrap .items .item {
    width: 100%;
    margin-bottom: 10.6vw;
  }
  body.interview_article main section#mylife .wrap .items .item img {
    width: 100%;
    margin: 4.3vw 0 4.3vw;
  }
  body.interview_article main section#mylife .wrap p.sosumi {
    position: static;
    text-align: right;
  }
  body.interview_article main section#mylife:after {
    background-image: url("/recruit/new-graduate/member/images/mylife_bg_sp.webp");
    height: 21.2vw;
    background-size: 100% 100%;
  }
}
body.interview_article main section#other_interviews {
  padding-top: 126px;
  padding-bottom: 160px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews {
    padding-top: 10.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews {
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews {
    padding-top: 33vw;
    padding-bottom: 29vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap {
    overflow: visible;
    padding: 0;
  }
  body.interview_article main section#other_interviews .wrap .simple {
    margin-left: 7.3vw;
  }
}
body.interview_article main section#other_interviews .wrap .items {
  margin-top: 110px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews .wrap .items {
    margin-top: 9.1666666667vw;
  }
}
body.interview_article main section#other_interviews .wrap .items .slick-list {
  overflow: visible;
  width: 1600px;
}
body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide {
  width: 320px;
  margin-right: 80px;
}
body.interview_article main section#other_interviews .wrap .items .slick-arrow {
  position: absolute;
  background: url("/recruit/new-graduate/data/images/slick_arrow.png") no-repeat center center;
  width: 61px;
  height: 61px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  background-size: cover;
  border: none;
  text-indent: -9999px;
  transition: 0.5s all;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews .wrap .items .slick-arrow {
    width: 5.0833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews .wrap .items .slick-arrow {
    height: 5.0833333333vw;
  }
}
body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev {
  left: 0;
}
body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next {
  right: 0;
  transform: rotate(180deg) translateY(50%);
  transform-origin: center center;
}
body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-disabled {
  opacity: 0;
}
@media screen and (min-width: 1280px) {
  body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-prev {
    transform: translateX(calc((100vw - 1120px) / -2 + 120px)) translateY(-50%);
  }
  body.interview_article main section#other_interviews .wrap .items .slick-arrow.slick-next {
    transform: translateX(calc((100vw - 1120px) / 2 - 120px)) rotate(180deg) translateY(50%);
  }
}
body.interview_article main section#other_interviews .wrap .items .item {
  width: 320px;
  height: 430px;
  text-align: center;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews .wrap .items .item {
    height: 35.8333333333vw;
  }
}
body.interview_article main section#other_interviews .wrap .items .item img {
  transition: transform 1s;
  height: 430px;
  width: 320px;
  object-fit: cover;
}
body.interview_article main section#other_interviews .wrap .items .item:hover img {
  transform: scale(1.08);
}
body.interview_article main section#other_interviews .wrap .items .item div.photo {
  border-radius: 320px;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.interview_article main section#other_interviews .wrap .items .item div.text {
  margin-top: 0;
}
body.interview_article main section#other_interviews .wrap .items .item div.text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  background-color: #2D3237;
  color: #eeefef;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#other_interviews .wrap .items .item div.text h3 {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap .items .item div.text h3 {
    font-size: 3.25vw;
    line-height: 7.02vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap .items .item div.text h3 {
    margin: 0 0 4vw 0;
  }
}
body.interview_article main section#other_interviews .wrap .items .item div.text p {
  margin: 0 0 8px 0;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#other_interviews .wrap .items .item div.text p {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap .items .item div.text p {
    font-size: 4.42vw;
    line-height: 6.76vw;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap .items .item div.text p {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap .items {
    width: 100%;
    margin-top: 14.6vw;
    display: block;
    overflow: visible !important;
  }
  body.interview_article main section#other_interviews .wrap .items .slick-track, body.interview_article main section#other_interviews .wrap .items .slick-list {
    overflow: visible !important;
  }
  body.interview_article main section#other_interviews .wrap .items .slick-list {
    width: 100%;
  }
  body.interview_article main section#other_interviews .wrap .items .slick-list .slick-slide {
    width: 58.6vw;
    margin-right: 6.6vw;
  }
  body.interview_article main section#other_interviews .wrap .items .item {
    width: 58.6vw;
    overflow: hidden;
    height: auto;
  }
  body.interview_article main section#other_interviews .wrap .items .item div.photo {
    border-radius: 29.3vw;
    width: 58.6vw;
    height: 85.3vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  body.interview_article main section#other_interviews .wrap .items .item div.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.interview_article main section#other_interviews .wrap .items .item div.text {
    line-height: 0;
  }
  body.interview_article main section#other_interviews .wrap .items .item div.text p .position {
    margin-bottom: 2vw;
    display: inline-block;
  }
  body.interview_article main section#other_interviews .wrap .items .item div.text p .start {
    margin-bottom: 2vw;
    display: inline-block;
  }
  body.interview_article main section#other_interviews .wrap .items .item div.text p .name_en {
    vertical-align: 0.15em;
  }
}
body.interview_article main section#other_interviews .wrap .backto_list {
  display: block;
  text-align: center;
  margin-top: 90px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  padding: 24px 0 24px 0;
  width: 260px;
  background-color: #f8f834;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews .wrap .backto_list {
    margin-top: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview_article main section#other_interviews .wrap .backto_list {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 1.4814814815vw);
  }
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap .backto_list {
    font-size: 4.42vw;
    line-height: 4.42vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews .wrap .backto_list {
    padding: 2vw 0 2vw 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.interview_article main section#other_interviews .wrap .backto_list {
    width: 21.6666666667vw;
  }
}
body.interview_article main section#other_interviews .wrap .backto_list:hover {
  background-color: black;
  color: #f8f834;
}
@media screen and (max-width: 767px) {
  body.interview_article main section#other_interviews .wrap .backto_list {
    margin: 12vw auto 0;
  }
}

body#real main section#hero h1 {
  width: 732px;
  height: 136px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#real main section#hero h1 {
    width: calc((100vw - 160px) * 0.5235);
    height: calc((100vw - 160px) * 0.10625);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#hero h1 {
    width: 56.6vw;
    height: 35.8vw;
  }
}
body#real main section#intro {
  padding: 115px 0 180px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#intro {
    padding: 9.5833333333vw 0 15vw 0;
  }
}
body#real main section#intro h1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 30px;
  line-height: 58px;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#intro h1 {
    font-size: max(12px, 2.7777777778vw);
    line-height: max(16px, 5.3703703704vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#intro h1 {
    font-size: 5.2vw;
    line-height: 9.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#intro h1 {
    margin-bottom: 5vw;
  }
}
body#real main section#intro p {
  max-width: 800px;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#intro p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#intro p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#intro {
    padding: 32vw 0 31vw;
  }
  body#real main section#intro h1 {
    margin-bottom: 10.6vw;
  }
}
body#real main section#data {
  padding-bottom: 225px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data {
    padding-bottom: 18.75vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data {
    padding-bottom: 33vw;
  }
}
body#real main section#data .wrap.items {
  max-width: 1280px;
  padding: 0 80px 0 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items {
    padding: 0 6.6666666667vw 0 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items {
    padding: 0;
  }
}
body#real main section#data .wrap.items .animation.fadeup {
  transform: translateY(30%);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
body#real main section#data .wrap.items .animation.fadeup.active {
  opacity: 1;
  transform: translateY(0%);
}
body#real main section#data .wrap.items .row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row {
    flex-direction: column;
  }
}
body#real main section#data .wrap.items .row .col {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}
body#real main section#data .wrap.items .row .col.gray1 {
  background-color: #2D3237;
}
body#real main section#data .wrap.items .row .col.gray2 {
  background-color: #34393E;
}
body#real main section#data .wrap.items .row .col.gray3 {
  background-color: #41464A;
}
body#real main section#data .wrap.items .row .col.gray4 {
  background-color: #464C52;
}
body#real main section#data .wrap.items .row .col i {
  font-style: normal;
  margin: 0 -0.07em;
}
body#real main section#data .wrap.items .row .col b {
  font-style: normal;
  font-size: 0.65em;
}
body#real main section#data .wrap.items .row .col .content {
  width: 100%;
  height: 100%;
  padding-top: 38px;
  padding-bottom: 38px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  color: #eeefef;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col .content {
    padding-top: 3.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col .content {
    padding-bottom: 3.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col .content {
    padding-top: 11vw;
    padding-bottom: 11vw;
  }
}
body#real main section#data .wrap.items .row .col .content h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 36px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items .row .col .content h4 {
    font-size: max(12px, 4.6296296296vw);
    line-height: max(16px, 3.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col .content h4 {
    font-size: 11.44vw;
    line-height: 11.44vw;
  }
}
body#real main section#data .wrap.items .row .col .content h4 span {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 115px;
  line-height: 115px;
  color: #f8f834;
  vertical-align: -3%;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items .row .col .content h4 span {
    font-size: max(12px, 10.6481481481vw);
    line-height: max(16px, 10.6481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col .content h4 span {
    font-size: 26vw;
    line-height: 26vw;
  }
}
body#real main section#data .wrap.items .row .col .content p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  width: 80%;
  margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items .row .col .content p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.5925925926vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col .content p {
    font-size: 3.9vw;
    line-height: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col .content p {
    margin-top: 2.5vw;
  }
}
body#real main section#data .wrap.items .row .col#col01 h3 {
  margin-bottom: 90px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col01 h3 {
    margin-bottom: 7.5vw;
  }
}
body#real main section#data .wrap.items .row .col#col03 h3 {
  margin-bottom: 90px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col03 h3 {
    margin-bottom: 7.5vw;
  }
}
body#real main section#data .wrap.items .row .col#col04 h3 {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col04 h3 {
    margin-bottom: 5vw;
  }
}
body#real main section#data .wrap.items .row .col#col04 p {
  width: 75%;
  margin-top: 35px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col04 p {
    margin-top: 2.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col#col04 h3 {
    margin-bottom: 14vw;
  }
  body#real main section#data .wrap.items .row .col#col04 p {
    width: 75%;
    margin-top: 9vw;
  }
}
body#real main section#data .wrap.items .row .col#col05 h3 {
  margin-bottom: 70px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col05 h3 {
    margin-bottom: 5.8333333333vw;
  }
}
body#real main section#data .wrap.items .row .col#col05 p {
  width: 75%;
  margin-top: 35px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col05 p {
    margin-top: 2.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col#col05 h3 {
    margin-bottom: 14vw;
  }
  body#real main section#data .wrap.items .row .col#col05 p {
    width: 75%;
    margin-top: 9vw;
  }
}
body#real main section#data .wrap.items .row .col#col06 {
  padding-bottom: 45px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col06 {
    padding-bottom: 3.75vw;
  }
}
body#real main section#data .wrap.items .row .col#col07 p.sosumi {
  position: absolute;
  bottom: 1.5em;
  left: 1.7em;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items .row .col#col07 p.sosumi {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 1.9444444444vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col#col07 p.sosumi {
    font-size: 3.12vw;
    line-height: 4.42vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col#col07 p.sosumi {
    position: static;
    margin-top: 5vw;
  }
  body#real main section#data .wrap.items .row .col#col07 .content {
    padding-bottom: 5vw;
  }
}
body#real main section#data .wrap.items .row .col#col08 {
  text-align: center;
}
body#real main section#data .wrap.items .row .col#col08 i {
  margin: 0 -0.02em;
}
body#real main section#data .wrap.items .row .col#col08 h4 {
  margin-top: 80px;
  margin-bottom: 43px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col08 h4 {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col08 h4 {
    margin-bottom: 3.5833333333vw;
  }
}
body#real main section#data .wrap.items .row .col#col08 p {
  line-height: 1em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items .row .col#col08 p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 1.3888888889vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col#col08 p {
    font-size: 3.12vw;
    line-height: 4.42vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col#col08 h4 {
    margin-top: 18vw;
    margin-bottom: 11vw;
  }
}
body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture {
  width: 87.5%;
  padding-top: 42px;
  margin-bottom: -5px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture {
    padding-top: 3.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture {
    margin-bottom: -0.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .col#col09 picture, body#real main section#data .wrap.items .row .col#col10 picture {
    padding-top: 15vw;
  }
}
body#real main section#data .wrap.items .row .col:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f834;
}
body#real main section#data .wrap.items .row.d3 .col {
  width: 33.3333%;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row.d3 .col {
    width: 100%;
    min-height: 100vw;
  }
}
body#real main section#data .wrap.items .row.d2 {
  max-height: 514px;
}
body#real main section#data .wrap.items .row.d2 .col {
  width: 50%;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row.d2 {
    max-height: none;
  }
  body#real main section#data .wrap.items .row.d2 .col {
    width: 100%;
  }
}
body#real main section#data .wrap.items .row.d3a .col {
  width: 33.3333%;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row.d3a .col {
    width: 100%;
    padding-top: 0%;
    padding-bottom: 0% !important;
  }
}
body#real main section#data .wrap.items .row .animation.left-to-right .content {
  transform: translateX(-100%);
  transition: transform 0.5s 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
body#real main section#data .wrap.items .row .animation.left-to-right .content h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items .row .animation.left-to-right .content h3 {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .animation.left-to-right .content h3 {
    font-size: 4.94vw;
    line-height: 6.76vw;
  }
}
body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle {
  width: 64%;
  padding-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items .row .animation.left-to-right .content picture.circle {
    padding-top: 2.5vw;
  }
}
body#real main section#data .wrap.items .row .animation.left-to-right:after {
  transform: translateX(-100%);
  transform-origin: right center;
}
body#real main section#data .wrap.items .row .animation.left-to-right.active .content {
  transform: translateX(0);
}
body#real main section#data .wrap.items .row .animation.left-to-right.active:after {
  animation: left-to-right-1 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards, left-to-right-2 0.3s 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
body#real main section#data .wrap.items .row .animation.top-to-bottom .content {
  transform: translateY(-100%);
  transition: transform 0.6s 0.4s ease-in-out;
}
body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items .row .animation.top-to-bottom .content h3 {
    font-size: 4.94vw;
    line-height: 6.76vw;
  }
}
body#real main section#data .wrap.items .row .animation.top-to-bottom:after {
  transform: translateY(-100%);
  transform-origin: center bottom;
}
body#real main section#data .wrap.items .row .animation.top-to-bottom.active .content {
  transform: translateY(0);
}
body#real main section#data .wrap.items .row .animation.top-to-bottom.active:after {
  animation: top-to-bottom 0.8s ease-in-out forwards;
}
body#real main section#data .wrap.items#real_voice {
  margin-top: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice {
    margin-top: 6.6666666667vw;
  }
}
body#real main section#data .wrap.items#real_voice .header {
  border-top: 10px solid #2D3237;
  border-left: 10px solid #2D3237;
  border-right: 10px solid #2D3237;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 90px 0 82px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .header {
    padding: 7.5vw 0 6.8333333333vw 0;
  }
}
body#real main section#data .wrap.items#real_voice .header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 90px;
  line-height: 64px;
  color: #2D3237;
  padding-right: 45px;
  border-right: 1px solid #2D3237;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .header h2 {
    font-size: max(12px, 8.3333333333vw);
    line-height: max(16px, 5.9259259259vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .header h2 {
    font-size: 11.7vw;
    line-height: 8.32vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .header h2 {
    padding-right: 3.75vw;
  }
}
body#real main section#data .wrap.items#real_voice .header p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  padding-left: 35px;
  color: #2D3237;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .header p {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 2.7777777778vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .header p {
    font-size: 3.12vw;
    line-height: 4.68vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .header p {
    padding-left: 2.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .header {
    flex-direction: column;
    border-width: 2vw;
    padding: 8vw 0 5vw;
    border-color: #464C52;
  }
  body#real main section#data .wrap.items#real_voice .header h2 {
    padding-right: 0;
    border-right: 0;
  }
  body#real main section#data .wrap.items#real_voice .header h2:after {
    content: "";
    display: block;
    width: 8vw;
    height: 1px;
    background-color: #2D3237;
    margin: 5vw auto 3vw;
  }
  body#real main section#data .wrap.items#real_voice .header p {
    padding-left: 0;
    text-align: center;
  }
}
body#real main section#data .wrap.items#real_voice .row {
  background-color: #464C52;
}
body#real main section#data .wrap.items#real_voice .row.d4 .col {
  width: 25%;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col {
    width: 100%;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col:after {
  display: none;
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content {
  padding: 43px 0 22px 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content {
    padding: 3.5833333333vw 0 1.8333333333vw 0;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content {
    padding: 11vw 0 5.5vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 {
  text-align: center;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content h3 {
    font-size: 4.94vw;
    line-height: 7.02vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul {
  width: 71.4%;
  margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul {
    width: 61.3%;
    margin-top: 7vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li {
  border-bottom: 2px dotted #eeefef;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li {
    padding-top: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li {
    padding-bottom: 1.25vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li:last-child {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li {
    padding: 5vw 0;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div {
  text-align: center;
  margin-right: 8px;
  width: 22%;
  line-height: 0;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div {
    margin-right: 0.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div {
    width: 20%;
    margin-right: 7vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 2.037037037vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 {
    font-size: 3.12vw;
    line-height: 5.2vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 22px;
  margin-right: 0.1em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span {
    font-size: max(12px, 2.7777777778vw);
    line-height: max(16px, 2.037037037vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h4 span {
    font-size: 7.8vw;
    line-height: 5.2vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  border-bottom: 1px solid #f8f834;
  white-space: nowrap;
  display: inline;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 1.5740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div h5 {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p {
    font-size: max(12px, 1.3888888889vw);
    line-height: max(16px, 2.037037037vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p {
    font-size: 3.9vw;
    line-height: 5.72vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li div {
    margin-right: 1vw;
  }
  body#real main section#data .wrap.items#real_voice .row.d4 .col .content ul li p {
    font-size: 1.2vw;
    white-space: nowrap;
  }
}
body#real main section#data .wrap.items#real_voice .baloons.type1 {
  background-color: #34393E;
  padding: 45px 100px 60px 100px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons.type1 {
    padding: 3.75vw 8.3333333333vw 5vw 8.3333333333vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons.type2 {
  background-color: #41464A;
  padding: 45px 100px 70px 100px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons.type2 {
    padding: 3.75vw 8.3333333333vw 5.8333333333vw 8.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons.type1, body#real main section#data .wrap.items#real_voice .baloons.type2 {
    padding: 12vw 7.3vw 12vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons h3 {
  color: white;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .baloons h3 {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons h3 {
    font-size: 4.94vw;
    line-height: 7.02vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons h3 {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons h3 {
    margin-bottom: 14vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item {
    margin-bottom: 5vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
body#real main section#data .wrap.items#real_voice .baloons .item .text p {
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .baloons .item .text p {
    font-size: max(12px, 1.2962962963vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item .text p {
    font-size: 3.64vw;
    line-height: 7.8vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item .text p span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .baloons .item .text p span {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 2.4074074074vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item .text p span {
    font-size: 4.16vw;
    line-height: 7.8vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item .text > div {
  text-align: right;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#real main section#data .wrap.items#real_voice .baloons .item .text > div {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 2.2222222222vw);
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item .text > div {
    font-size: 3.38vw;
    line-height: 6.76vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item:last-child {
  margin-bottom: 0;
}
body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text {
  background-color: #f8f834;
  color: #2D3237;
}
body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text:before, body#real main section#data .wrap.items#real_voice .baloons .item.yellow .text:after {
  background: url("/recruit/new-graduate/real/images/arrow_yellow_left.png") no-repeat center center;
}
body#real main section#data .wrap.items#real_voice .baloons .item.gray .text {
  background-color: #C4C8CB;
  color: #2D3237;
}
body#real main section#data .wrap.items#real_voice .baloons .item.gray .text:before, body#real main section#data .wrap.items#real_voice .baloons .item.gray .text:after {
  background: url("/recruit/new-graduate/real/images/arrow_gray_right.png") no-repeat center center;
}
body#real main section#data .wrap.items#real_voice .baloons .item.left .text {
  position: relative;
  width: 90%;
  padding: 24px 35px 24px 35px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.left .text {
    padding: 2vw 2.9166666667vw 2vw 2.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.left .text {
    width: 68vw;
    padding: 4vw 5.3vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item.left .text:before {
  content: "";
  display: block;
  position: absolute;
  right: 99.9%;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 34px;
  background-size: contain;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.left .text:before {
    width: 2.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.left .text:before {
    height: 2.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.left .text:before {
    width: 4.8vw;
    height: 6.6vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item.right .text {
  position: relative;
  width: 90%;
  padding: 24px 35px 24px 35px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.right .text {
    padding: 2vw 2.9166666667vw 2vw 2.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.right .text {
    width: 68vw;
    padding: 4vw 5.3vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item.right .text:after {
  content: "";
  display: block;
  position: absolute;
  left: 99.9%;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 34px;
  background-size: contain;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.right .text:after {
    width: 2.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.right .text:after {
    height: 2.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.right .text:after {
    width: 4.8vw;
    height: 6.6vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item.male .icon {
  background: url("/recruit/new-graduate/real/images/icon_male.png") no-repeat center center;
  background-size: contain;
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.male .icon {
    width: 4.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.male .icon {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.male .icon {
    width: 10.6vw;
    height: 10.6vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .item.female .icon {
  background: url("/recruit/new-graduate/real/images/icon_female.png") no-repeat center center;
  background-size: contain;
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.female .icon {
    width: 4.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.female .icon {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .item.female .icon {
    width: 10.6vw;
    height: 10.6vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .row2, body#real main section#data .wrap.items#real_voice .baloons .row3 {
    flex-direction: column;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin: 0;
}
body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text {
  position: relative;
  padding: 30px 40px 30px 40px;
  margin-top: 35px;
  flex-grow: 1;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text {
    padding: 2.5vw 3.3333333333vw 2.5vw 3.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text {
    margin-top: 2.9166666667vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text:before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 26px;
  height: 34px;
  background-size: contain;
  transform: rotate(-90deg) translate3d(-20%, -40%, 0);
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text:before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text:before {
    width: 2.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text:before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text:before {
    height: 2.8333333333vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .row2 .item.yellow .text::before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item.yellow .text::before {
  transform: rotate(90deg) translate3d(20%, 40%, 0);
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item, body#real main section#data .wrap.items#real_voice .baloons .row3 .item {
    margin-bottom: 5vw;
  }
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text {
    margin-top: 6vw;
    padding: 4vw 5.3vw;
  }
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item .text:before, body#real main section#data .wrap.items#real_voice .baloons .row3 .item .text:before {
    margin-bottom: -0.1vw;
    width: 4.8vw;
    height: 6.6vw;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .row2 .item {
  width: 48%;
}
body#real main section#data .wrap.items#real_voice .baloons .row3 {
  margin-top: 35px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#real main section#data .wrap.items#real_voice .baloons .row3 {
    margin-top: 2.9166666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .row3 {
    margin-top: 0;
  }
}
body#real main section#data .wrap.items#real_voice .baloons .row3 .item {
  width: 30%;
}
@media screen and (max-width: 767px) {
  body#real main section#data .wrap.items#real_voice .baloons .row2 .item {
    width: 100%;
  }
  body#real main section#data .wrap.items#real_voice .baloons .row3 .item {
    width: 100%;
  }
}

@keyframes left-to-right-1 {
  0% {
    transform: scaleX(1) translateX(-100%);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
}
@keyframes left-to-right-2 {
  0% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(0) translateX(0);
  }
}
@keyframes top-to-bottom {
  0% {
    transform: scaleY(1) translateY(-100%);
  }
  30% {
    transform: scaleY(1) translateY(0);
  }
  60% {
    transform: scaleY(1) translateY(0);
  }
  100% {
    transform: scaleY(0) translateY(0);
  }
}
body#project_story_top main section#hero h1 {
  width: 617px;
  height: 136px;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  body#project_story_top main section#hero h1 {
    width: calc((100vw - 160px) * 0.482);
    height: calc((100vw - 160px) * 0.10625);
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#hero h1 {
    width: 81.7vw;
    height: 19.8vw;
  }
}
body#project_story_top main section#contents .wrap h1 {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 58px;
  margin-top: 115px;
  margin-bottom: 140px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#project_story_top main section#contents .wrap h1 {
    font-size: max(12px, 2.7777777778vw);
    line-height: max(16px, 5.3703703704vw);
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap h1 {
    font-size: 5.2vw;
    line-height: 9.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap h1 {
    margin-top: 9.5833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap h1 {
    margin-bottom: 11.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap h1 {
    margin-top: 32vw;
    margin-bottom: 18vw;
  }
}
body#project_story_top main section#contents .wrap .items {
  margin-top: 0px;
  margin-bottom: 80px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items {
    margin-top: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items {
    margin-bottom: 6.6666666667vw;
  }
}
body#project_story_top main section#contents .wrap .items .item {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 160px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item {
    margin-bottom: 13.3333333333vw;
  }
}
body#project_story_top main section#contents .wrap .items .item .tag {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(90deg) translate3d(-100px, -200%, 0);
  opacity: 0;
  transform-origin: 0% 0%;
}
body#project_story_top main section#contents .wrap .items .item .tag:before {
  content: "";
  display: inline-block;
  height: 1px;
  background-color: #000;
  margin-right: 15px;
  width: 115px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .tag:before {
    margin-right: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .tag:before {
    width: 9.5833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#project_story_top main section#contents .wrap .items .item .tag {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap .items .item .tag {
    font-size: 2.6vw;
    line-height: 2.6vw;
  }
}
body#project_story_top main section#contents .wrap .items .item .tag.active {
  transform: rotate(90deg) translate3d(10px, -200%, 0);
  opacity: 1;
}
body#project_story_top main section#contents .wrap .items .item .text {
  width: 92.85%;
  margin: 0 0 0 auto;
}
body#project_story_top main section#contents .wrap .items .item .text .position {
  margin-bottom: 30px;
}
body#project_story_top main section#contents .wrap .items .item .text .position .en {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 68px;
  line-height: 68px;
  color: #000;
  display: block;
  margin-bottom: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#project_story_top main section#contents .wrap .items .item .text .position .en {
    font-size: max(12px, 6.2962962963vw);
    line-height: max(16px, 6.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap .items .item .text .position .en {
    font-size: 9.1vw;
    line-height: 9.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .text .position .en {
    margin-bottom: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  body#project_story_top main section#contents .wrap .items .item .text .position .en {
    font-size: 5.5vw;
  }
}
body#project_story_top main section#contents .wrap .items .item .text .position .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #000;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#project_story_top main section#contents .wrap .items .item .text .position .ja {
    font-size: max(12px, 1.8518518519vw);
    line-height: max(16px, 1.8518518519vw);
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap .items .item .text .position .ja {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .text .position {
    margin-bottom: 2.5vw;
  }
}
body#project_story_top main section#contents .wrap .items .item .text .tag2 {
  position: absolute;
  right: 0;
  color: white;
  -webkit-text-stroke: 1px black;
  text-stroke: 1px black;
  margin-top: -0.2em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 122px;
  line-height: 122px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#project_story_top main section#contents .wrap .items .item .text .tag2 {
    font-size: max(12px, 11.2962962963vw);
    line-height: max(16px, 11.2962962963vw);
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap .items .item .text .tag2 {
    font-size: 16.38vw;
    line-height: 16.38vw;
  }
}
body#project_story_top main section#contents .wrap .items .item .text .tag2 sup {
  font-size: 0.6em;
  font-weight: 500;
  vertical-align: 0.5em;
}
body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap {
  overflow: hidden;
  width: 92.85%;
  margin: 0 0 0 auto;
}
body#project_story_top main section#contents .wrap .items .item .photo .photo-wrap picture img {
  transition: all 1s;
}
body#project_story_top main section#contents .wrap .items .item .photo h3 {
  position: absolute;
  left: 0px;
  bottom: -45px;
  color: #000;
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-size: 45px;
  line-height: 45px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .photo h3 {
    left: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .photo h3 {
    bottom: -3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body#project_story_top main section#contents .wrap .items .item .photo h3 {
    font-size: max(12px, 4.1666666667vw);
    line-height: max(16px, 4.1666666667vw);
  }
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap .items .item .photo h3 {
    font-size: 5.85vw;
    line-height: 5.85vw;
  }
}
body#project_story_top main section#contents .wrap .items .item .photo h3 .line {
  display: inline-block;
  background-color: #f8f834;
  padding: 10px 20px 13px 20px;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .photo h3 .line {
    padding: 0.8333333333vw 1.6666666667vw 1.0833333333vw 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body#project_story_top main section#contents .wrap .items .item .photo h3 .line {
    margin-bottom: 1vw;
  }
}
body#project_story_top main section#contents .wrap .items .item .photo h3 .ten {
  letter-spacing: -0.35em;
}
body#project_story_top main section#contents .wrap .items .item:hover .photo picture img {
  transform: scale(1.08);
}
@media screen and (max-width: 767px) {
  body#project_story_top main section#contents .wrap .items {
    width: 100%;
    margin-top: 0;
    margin-bottom: 34vw;
    display: block;
    overflow: visible !important;
  }
  body#project_story_top main section#contents .wrap .items .item {
    width: 100%;
    padding: 0;
    display: block;
    margin-bottom: 20vw !important;
  }
  body#project_story_top main section#contents .wrap .items .item .tag:before {
    width: 25vw;
    margin-right: 3vw;
    display: block;
  }
  body#project_story_top main section#contents .wrap .items .item .tag.active {
    transform: rotate(90deg) translate3d(1.5vw, -200%, 0);
  }
  body#project_story_top main section#contents .wrap .items .item div.text {
    width: 74.6vw;
  }
  body#project_story_top main section#contents .wrap .items .item div.text .tag2 {
    top: 19vw;
    z-index: 10;
    right: -2.5vw;
  }
  body#project_story_top main section#contents .wrap .items .item div.text .position {
    margin-bottom: 3.5vw;
  }
  body#project_story_top main section#contents .wrap .items .item div.text .position .en {
    margin-bottom: 2vw;
  }
  body#project_story_top main section#contents .wrap .items .item div.photo {
    width: 74.6vw;
    margin: 0 0 0 auto;
  }
  body#project_story_top main section#contents .wrap .items .item div.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body#project_story_top main section#contents .wrap .items .item div.photo .photo-wrap {
    margin: 0;
    width: 100%;
  }
  body#project_story_top main section#contents .wrap .items .item div.photo h3 {
    bottom: -6vw;
  }
  body#project_story_top main section#contents .wrap .items .item div.photo h3 .line {
    padding: 1.5vw 3.6vw 1.5vw;
    margin-bottom: 1.6vw;
  }
}

body.project_story main {
  padding-top: 0px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body.project_story main {
    padding-top: 0;
  }
  body.project_story main .reverse-sp {
    flex-direction: column-reverse !important;
    display: flex;
  }
}
body.project_story main section#hero {
  overflow: visible;
  position: relative;
  height: 945px;
  padding-bottom: 335px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#hero {
    padding-bottom: 27.9166666667vw;
  }
}
body.project_story main section#hero .bg {
  height: 800px;
  width: 100%;
  position: absolute;
  top: 145px;
  background: url("/recruit/new-graduate/case/images/hero_bg.webp") no-repeat 50% 0;
  background-size: auto 100%;
}
body.project_story main section#hero .bg p {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 260px;
  line-height: 260px;
  color: #f7f8f8;
  position: absolute;
  top: 45%;
  left: -1%;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#hero .bg p {
    font-size: max(12px, 24.0740740741vw);
    line-height: max(16px, 24.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#hero .bg p {
    font-size: 29.9vw;
    line-height: 29.9vw;
  }
}
body.project_story main section#hero .bg p sup {
  font-size: 0.5em;
  font-weight: 500;
}
body.project_story main section#hero .block {
  margin-top: -15px;
}
@media screen and (max-width: 767px) {
  body.project_story main section#hero .block {
    margin-top: 2.4vw;
  }
}
body.project_story main section#hero .wrap_a {
  max-width: 100%;
  width: 100%;
  margin: 0 auto 0 auto;
  position: relative;
}
body.project_story main section#hero .wrap_a .wrap_b {
  position: absolute;
  left: 11.4%;
  top: 150px;
  z-index: 10;
}
body.project_story main section#hero .wrap_a .wrap_b .tag {
  background-color: black;
  color: #EDF0F2;
  display: inline-block;
  padding: 7px 17px 7px 17px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#hero .wrap_a .wrap_b .tag {
    padding: 0.5833333333vw 1.4166666667vw 0.5833333333vw 1.4166666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#hero .wrap_a .wrap_b .tag {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#hero .wrap_a .wrap_b .tag {
    font-size: 3.64vw;
    line-height: 3.64vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#hero .wrap_a .wrap_b .tag {
    margin-bottom: 2vw;
  }
}
body.project_story main section#hero .wrap_a .wrap_b .position .en {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 38px;
  line-height: 38px;
  color: #000;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#hero .wrap_a .wrap_b .position .en {
    font-size: max(12px, 3.5185185185vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#hero .wrap_a .wrap_b .position .en {
    font-size: 7.28vw;
    line-height: 7.28vw;
  }
}
body.project_story main section#hero .wrap_a .wrap_b .position .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 12px;
  color: #000;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#hero .wrap_a .wrap_b .position .ja {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#hero .wrap_a .wrap_b .position .ja {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
body.project_story main section#hero .wrap_a .wrap_b .title {
  color: #000;
  margin-top: 60px;
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-size: 45px;
  line-height: 45px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#hero .wrap_a .wrap_b .title {
    margin-top: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#hero .wrap_a .wrap_b .title {
    font-size: max(12px, 4.1666666667vw);
    line-height: max(16px, 4.1666666667vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#hero .wrap_a .wrap_b .title {
    font-size: 5.85vw;
    line-height: 5.85vw;
  }
}
body.project_story main section#hero .wrap_a .wrap_b .title .line {
  display: inline-block;
  background-color: #f8f834;
  padding: 12px 25px 13px 25px;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#hero .wrap_a .wrap_b .title .line {
    padding: 1vw 2.0833333333vw 1.0833333333vw 2.0833333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#hero .wrap_a .wrap_b .title .line {
    margin-bottom: 1vw;
  }
}
body.project_story main section#hero .wrap_a .wrap_b .title .ten {
  letter-spacing: -0.35em;
}
body.project_story main section#hero .wrap_a .wrap_c {
  position: absolute;
  left: 45.3%;
  top: 0px;
  height: 681px;
  width: 54.8%;
}
body.project_story main section#hero .wrap_a .wrap_c picture {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
body.project_story main section#hero .wrap_a .wrap_c picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  body.project_story main section#hero {
    padding-bottom: 41.3vw;
    overflow: hidden;
    height: 194.6vw;
  }
  body.project_story main section#hero .wrap_a {
    background: transparent;
  }
  body.project_story main section#hero .wrap_a .wrap_b {
    left: 7.33vw;
    top: 91.73vw;
  }
  body.project_story main section#hero .wrap_a .wrap_b .tag {
    margin-bottom: 5vw;
  }
  body.project_story main section#hero .wrap_a .wrap_b .title {
    margin-top: 5vw;
  }
  body.project_story main section#hero .wrap_a .wrap_b .title span[class^=line] {
    padding: 1.5vw 3.3vw 1.5vw;
    margin-bottom: 1.6vw;
  }
  body.project_story main section#hero .wrap_a .wrap_c {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 94.66vw;
  }
  body.project_story main section#hero .wrap_a .wrap_c picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.project_story main section#hero .bg {
    height: 100vw;
    width: 100%;
    top: 94.66vw;
    background-image: url("/recruit/new-graduate/case/images/hero_bg_sp.webp");
  }
  body.project_story main section#hero .bg p {
    top: 43%;
    left: auto;
    right: 9vw;
  }
}
body.project_story main section.article .wrap.narrow {
  max-width: 960px;
}
body.project_story main section.article .wrap h2 {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 56px;
  margin: 100px 0 70px 0;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section.article .wrap h2 {
    font-size: max(12px, 3.5185185185vw);
    line-height: max(16px, 5.1851851852vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section.article .wrap h2 {
    font-size: 5.2vw;
    line-height: 9.88vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section.article .wrap h2 {
    margin: 8.3333333333vw 0 5.8333333333vw 0;
  }
}
body.project_story main section.article .wrap h2.read {
  margin-top: 45px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section.article .wrap h2.read {
    margin-top: 3.75vw;
  }
}
body.project_story main section.article .wrap p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 34px;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section.article .wrap p {
    font-size: max(12px, 1.4814814815vw);
    line-height: max(16px, 3.1481481481vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section.article .wrap p {
    font-size: 3.64vw;
    line-height: 7.28vw;
  }
}
body.project_story main section.article .wrap .cols {
  display: flex;
  justify-content: space-between;
}
body.project_story main section.article .wrap .cols .left {
  width: 50%;
}
body.project_story main section.article .wrap .cols .left.text {
  padding-right: 80px;
  padding-top: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section.article .wrap .cols .left.text {
    padding-right: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section.article .wrap .cols .left.text {
    padding-top: 4.1666666667vw;
  }
}
body.project_story main section.article .wrap .cols .right {
  width: 50%;
}
body.project_story main section.article .wrap .cols .right.text {
  padding-left: 80px;
  padding-top: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section.article .wrap .cols .right.text {
    padding-left: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section.article .wrap .cols .right.text {
    padding-top: 4.1666666667vw;
  }
}
body.project_story main section.article .photo-wrap {
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 80px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section.article .photo-wrap {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section.article .wrap.narrow {
    max-width: 100%;
  }
  body.project_story main section.article .wrap h2 {
    margin: 22vw auto 7.5vw;
  }
  body.project_story main section.article .wrap h2.read {
    margin-top: 10vw;
  }
  body.project_story main section.article .wrap .cols {
    flex-direction: column;
  }
  body.project_story main section.article .wrap .cols .left, body.project_story main section.article .wrap .cols .right {
    width: 100%;
  }
  body.project_story main section.article .wrap .cols .left.text, body.project_story main section.article .wrap .cols .right.text {
    padding: 0;
  }
  body.project_story main section.article .photo-wrap {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 7vw;
  }
}
body.project_story main section#other_project .wrap {
  padding-top: 125px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap {
    padding-top: 10.4166666667vw;
  }
}
body.project_story main section#other_project .wrap .items {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 94px;
  padding-bottom: 170px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items {
    padding-top: 7.8333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items {
    padding-bottom: 14.1666666667vw;
  }
}
body.project_story main section#other_project .wrap .items .item {
  width: 520px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item {
    width: 43.3333333333vw;
  }
}
body.project_story main section#other_project .wrap .items .item:first-child {
  margin-right: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item:first-child {
    margin-right: 3.3333333333vw;
  }
}
body.project_story main section#other_project .wrap .items .item:last-child {
  margin-left: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item:last-child {
    margin-left: 3.3333333333vw;
  }
}
body.project_story main section#other_project .wrap .items .item div.text .tag {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item div.text .tag {
    margin-bottom: 0.8333333333vw;
  }
}
body.project_story main section#other_project .wrap .items .item div.text .tag span {
  background-color: black;
  color: #EDF0F2;
  display: inline-block;
  padding: 5px 14px 5px 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item div.text .tag span {
    padding: 0.4166666667vw 1.1666666667vw 0.4166666667vw 1.1666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#other_project .wrap .items .item div.text .tag span {
    font-size: max(12px, 1.6666666667vw);
    line-height: max(16px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#other_project .wrap .items .item div.text .tag span {
    font-size: 3.64vw;
    line-height: 3.64vw;
  }
}
body.project_story main section#other_project .wrap .items .item div.text .tag:after {
  content: "";
  display: inline-block;
  height: 1px;
  background-color: #000;
  margin-left: 15px;
  width: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item div.text .tag:after {
    margin-left: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item div.text .tag:after {
    width: 8.3333333333vw;
  }
}
body.project_story main section#other_project .wrap .items .item div.text .position .en {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 38px;
  line-height: 38px;
  color: #000;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#other_project .wrap .items .item div.text .position .en {
    font-size: max(12px, 3.5185185185vw);
    line-height: max(16px, 3.5185185185vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#other_project .wrap .items .item div.text .position .en {
    font-size: 7.28vw;
    line-height: 7.28vw;
  }
}
body.project_story main section#other_project .wrap .items .item div.text .position .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  color: #000;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#other_project .wrap .items .item div.text .position .ja {
    font-size: max(12px, 1.1111111111vw);
    line-height: max(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#other_project .wrap .items .item div.text .position .ja {
    font-size: 2.86vw;
    line-height: 2.86vw;
  }
}
body.project_story main section#other_project .wrap .items .item .photo {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item .photo {
    margin-top: 1.25vw;
  }
}
body.project_story main section#other_project .wrap .items .item .photo img {
  transition: transform 1s;
}
body.project_story main section#other_project .wrap .items .item .photo h3 {
  position: absolute;
  left: 27px;
  bottom: 23px;
  color: #000;
  font-family: "Noto Serif JP", serif;
  font-weight: 800;
  font-size: 25px;
  line-height: 44px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item .photo h3 {
    left: 2.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item .photo h3 {
    bottom: 1.9166666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.project_story main section#other_project .wrap .items .item .photo h3 {
    font-size: max(12px, 2.3148148148vw);
    line-height: max(16px, 4.0740740741vw);
  }
}
@media screen and (max-width: 767px) {
  body.project_story main section#other_project .wrap .items .item .photo h3 {
    font-size: 5.85vw;
    line-height: 8.84vw;
  }
}
body.project_story main section#other_project .wrap .items .item .photo h3 .line {
  display: inline-block;
  background-color: #f8f834;
  padding: 0 15px 0 15px;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item .photo h3 .line {
    padding: 0 1.25vw 0 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.project_story main section#other_project .wrap .items .item .photo h3 .line {
    margin-bottom: 0.4166666667vw;
  }
}
body.project_story main section#other_project .wrap .items .item .photo h3 .ten {
  letter-spacing: -0.35em;
}
body.project_story main section#other_project .wrap .items .item:hover .photo img {
  transform: scale(1.08);
}
@media screen and (max-width: 767px) {
  body.project_story main section#other_project .wrap {
    padding-top: 33.3vw;
  }
  body.project_story main section#other_project .wrap .items {
    padding-top: 16.5vw;
    padding-bottom: 17vw;
    flex-direction: column;
  }
  body.project_story main section#other_project .wrap .items .item {
    width: 100%;
    margin-bottom: 17vw;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body.project_story main section#other_project .wrap .items .item div.text .tag {
    margin-bottom: 5.4vw;
  }
  body.project_story main section#other_project .wrap .items .item div.text .tag:after {
    width: 20vw;
  }
  body.project_story main section#other_project .wrap .items .item div.text .position .ja {
    margin-top: 1.1vw;
    display: block;
  }
  body.project_story main section#other_project .wrap .items .item .photo {
    margin-top: 4.5vw;
    overflow: visible;
  }
  body.project_story main section#other_project .wrap .items .item .photo h3 {
    left: 0;
    bottom: -5.5vw;
    margin-bottom: 0;
  }
  body.project_story main section#other_project .wrap .items .item .photo h3 .line {
    margin-bottom: 1.5vw;
  }
}
body.project_story#project_story_01 main section#hero .wrap_c img {
  object-position: 90% 50%;
}
body.project_story#project_story_02 main section#hero .wrap_c img {
  object-position: 10% 50%;
}
body.project_story#project_story_03 main section#hero .wrap_c img {
  object-position: 30% 50%;
}