@charset "UTF-8";
.animate__animated {
  opacity: 0;
}

:root {
  --color-black: #000;
  --color-blue: #006ed2;
  --font-en: 'Josefin Sans', sans-serif;
}

header {
  position: absolute;
  z-index: 10;
    transition: .2s ease-in;
}

.active + header {
  z-index: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.7;
}

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

body {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--color-black);
  line-height: 1.6;
  min-height: 100%;
}

main.top-page {
  font-size: 0.1333333333vmin;
  --unit: calc(100vmin / 750);
  overflow: visible;
}
main.top-page p {
  font-size: 28em;
}

.hstyle-primary {
  display: -ms-grid;
  display: grid;
  margin-bottom: 50em;
}
.hstyle-primary .ja {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40em;
}
.hstyle-primary .ja span.tx {
  font-size: 24em;
  font-weight: 450;
}
.hstyle-primary .ja::before {
  margin-right: 10em;
  content: "";
  display: block;
  width: 24em;
  height: 24em;
  background: url(../images/top/icon-headline-blue.svg) no-repeat center center/contain;
}
.hstyle-primary .en {
  font-size: 112em;
  line-height: 0.8;
  color: var(--color-blue);
  font-family: var(--font-en);
  font-weight: 300;
}
.hstyle-primary.white .ja span.tx {
  color: #fff;
}
.hstyle-primary.white .ja::before {
  background: url(../images/top/icon-headline-white.svg) no-repeat center center/contain;
}
.hstyle-primary.white .en {
  color: #fff;
}

a {
  text-decoration: none;
  color: var(--color-black);
}

.pc {
  display: none;
}

.anim-text-underline span.tx {
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
  clip-path: inset(0 100% 0 0);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.anim-text-underline span.tx.show {
  -webkit-filter: blur(0);
  filter: blur(0);
  webkit-clip-path: inset(0);
  clip-path: inset(0);
}
.anim-text-underline .line {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  clip-path: inset(0 100% 0 0);
}
.anim-text-underline .line.show {
  webkit-clip-path: inset(0);
  clip-path: inset(0);
}

.arrow-primary {
  position: relative;
  width: 80em;
  height: 80em;
}
.arrow-primary .arrow-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
}
.arrow-primary .arrow {
  width: 16em;
  height: 16em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 44%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.arrow-primary.blue .arrow-circle {
  border: 1px solid var(--color-blue);
}
.arrow-primary.blue .arrow {
  width: 12em;
  height: 12em;
  border-top: 2px solid var(--color-blue);
  border-right: 2px solid var(--color-blue);
}

section.area-hero {
  position: relative;
}
section.area-hero .main-copy {
  position: absolute;
  z-index: 4;
  bottom: 50em;
  left: 50em;
  width: calc(100% - 100em);
}
section.area-hero .main-copy .ja {
  color: #fff;
  font-size: 33em;
  letter-spacing: 0.25em;
  font-weight: 350;
  opacity: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
section.area-hero .main-copy .ja.show {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
section.area-hero .main-copy .en {
  margin-top: 40em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30em 46em;
}
section.area-hero .main-copy .en span {
  display: inline-block;
  height: 165em;
  overflow: hidden;
}
section.area-hero .main-copy .en span img {
  -webkit-transition: 1.1s cubic-bezier(0.05, 1, 0.2, 1);
  transition: 1.1s cubic-bezier(0.05, 1, 0.2, 1);
  width: auto;
  height: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
section.area-hero .main-copy .en span.show img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.wrap-hero-slider {
  position: relative;
  overflow: hidden;
  aspect-ratio: 750/1300;
}

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 1.6s;
  transition: opacity 1.6s;
  z-index: 0;
}
.slide img.bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
.slide img.person {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 3;
}
.slide .mask_line {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.slide .mask_line svg {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 230%;
  height: auto;
  -webkit-transform: translate(-57%, -53%) rotate(-6deg);
          transform: translate(-57%, -53%) rotate(-6deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.slide .mask_line .cls-1 {
  stroke-dasharray: 2680 2680;
  stroke-dashoffset: 2680;
  -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.33, 0.75, 0.35, 1);
  transition: stroke-dashoffset 3s cubic-bezier(0.33, 0.75, 0.35, 1);
}

.slide.is-initial {
  -webkit-transition: none;
  transition: none;
}

.slide.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

.slide.standby {
  opacity: 1;
  z-index: 1;
}

.slide.hide {
  opacity: 1;
  z-index: 3;
}

.slide.fadeout {
  opacity: 0;
  z-index: 3;
}

/* 初期状態 */
.slide.active .cls-1 {
  stroke-dashoffset: 2680;
}

/* 右から左へ出現 */
.slide.line-start .cls-1 {
  stroke-dashoffset: 0;
}

/* 左から右へ消える */
.slide.hide .cls-1 {
  stroke-dashoffset: -2680;
}

section.area-intro {
  margin-top: 100em;
}
section.area-intro p {
  font-size: 31em;
  text-align: center;
  line-height: 2;
}
section.area-intro p.inview-show {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
}
section.area-intro p.inview-show.show {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
section.area-intro .copy {
  margin-top: 80em;
  text-align: center;
  overflow: hidden;
}
section.area-intro .copy span.tx {
  width: 690em;
  display: inline-block;
}
section.area-intro .copy span.line {
  margin-top: 10em;
  width: 810em;
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.area-about {
  margin-top: 150em;
}
section.area-about .hstyle-primary {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.area-about .hstyle-primary .ja {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.area-about .arrow-primary {
  position: absolute;
  right: 50em;
  bottom: 50em;
}
section.area-about .wrap-slider {
  position: relative;
  margin-top: 120em;
}
section.area-about .wrap-slider h3 {
  position: absolute;
  top: -45em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 7em;
}
section.area-about .wrap-slider h3 span {
  width: 64em;
  display: block;
}
section.area-about .wrap-slider h3 span img {
  position: relative;
  z-index: 2;
  height: 318em;
}
section.area-about .wrap-slider .h-bg {
  position: absolute;
  width: 204em;
  height: 347em;
  top: -60em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6em 1fr 6em 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 6em;
}
section.area-about .wrap-slider .h-bg .filter {
  width: 100%;
  height: 100%;
  background: rgba(0, 110, 210, 0.8);
}
section.area-about .wrap-slider #slider-about img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 450em;
}
section.area-about .about-content {
  margin-top: -126em;
  position: relative;
  z-index: 2;
}
section.area-about .about-content .content-image {
  margin-right: 30em;
  margin-left: auto;
  width: 345em;
}
section.area-about .about-content .content-desc {
  width: 74.6%;
  margin-top: 60em;
  margin-left: 50em;
}
section.area-about .about-content .content-desc p {
  font-size: 30em;
  text-align: justify;
  line-height: 1.7;
}

.about-nav-area {
  margin: 100em auto 0;
  width: 86.6%;
  display: -ms-grid;
  display: grid;
  gap: 40em;
  position: relative;
  z-index: 2;
}
.about-nav-area .nav-item a {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
}
.about-nav-area .nav-item p {
  color: #fff;
}
.about-nav-area .wrap-business-points {
  position: absolute;
  top: 50em;
  left: 50em;
}
.about-nav-area .wrap-business-points ul {
  display: -ms-grid;
  display: grid;
  gap: 25em;
}
.about-nav-area .wrap-business-points li {
  color: #fff;
  font-size: 24em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #fff;
  padding-bottom: calc(10 * var(--unit));
}
.about-nav-area .wrap-business-points li::before {
  content: "";
  display: block;
  width: calc(24 * var(--unit));
  height: calc(24 * var(--unit));
  margin-right: calc(10 * var(--unit));
  background: url(../images/top/icon-check.svg) no-repeat center center/contain;
}
.about-nav-area .wrap-bottom {
  position: absolute;
  bottom: 50em;
  left: 50em;
}
.about-nav-area .wrap-bottom p.link-title {
  font-size: 60em;
  font-weight: 500;
}
.about-nav-area .wrap-bottom p.en {
  margin-top: calc(10 * var(--unit));
  font-size: 24em;
  font-family: var(--font-en);
}
.about-nav-area .wrap-bottom p.tx {
  margin-top: calc(30 * var(--unit));
  font-size: 24em;
  width: calc(430 * var(--unit));
  line-height: 1.7;
}
.about-nav-area .nav-item.small p.link-title {
  font-size: 50em;
}
.about-nav-area .nav-item.small p.en {
  font-size: 20em;
}
.about-nav-area .nav-item.small img.bg {
  height: 460em;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.bottom-ticker {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-inline: 0;
  margin-inline: 0;
  gap: 0;
  overflow: hidden;
  margin: -40em 0 0;
  position: relative;
  z-index: 0;
}

.bottom-ticker li {
  font-family: var(--font-en);
  font-weight: normal;
  position: relative;
  z-index: 2;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 198em;
  color: #fff;
  text-shadow: 0.8px 0.8px 0 var(--color-blue), -0.8px -0.8px 0 var(--color-blue), -0.8px 0.8px 0 var(--color-blue), 0.8px -0.8px 0 var(--color-blue), 0 0.8px 0 var(--color-blue), 0 -0.8px 0 var(--color-blue), -0.8px 0 0 var(--color-blue), 0.8px 0 0 var(--color-blue);
  white-space: nowrap;
  padding: 0 calc(70 * var(--unit)) 0 0;
  margin: 0;
  -webkit-animation: marquee-left 30s linear infinite;
  animation: marquee-left 30s linear infinite;
}

/* アニメーション */
@-webkit-keyframes marquee-left {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes marquee-left {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
section.area-jobinfo {
  margin-top: 70em;
  position: relative;
  padding: 100em 0 0;
}
section.area-jobinfo p.h-under {
  margin-left: calc(50 * var(--unit));
}
section.area-jobinfo::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 120em);
  background: var(--color-blue);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
section.area-jobinfo .inner {
  position: relative;
  z-index: 1;
  width: 88.6%;
  margin: 0 auto;
}
section.area-jobinfo p {
  color: #fff;
}
section.area-jobinfo .job-info-onestop {
  width: 450em;
  margin: 30em auto -60em;
  position: relative;
  z-index: 1;
}
section.area-jobinfo .wrap-job-slides {
  position: relative;
  margin-right: 30em;
}
section.area-jobinfo .job-slides .item-job a {
  display: block;
  position: relative;
  border-radius: 0 12px 12px 0;
  overflow: hidden;
}
section.area-jobinfo .job-slides .item-job .job-desc {
  padding-top: 10px;
  position: absolute;
  bottom: 70em;
  left: 50em;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  clip-path: inset(0 100% 0 0);
}
section.area-jobinfo .job-slides .item-job .job-desc.active {
  webkit-clip-path: inset(0);
  clip-path: inset(0);
}
section.area-jobinfo .job-slides .item-job .job-desc .job-title {
  font-size: 40em;
  font-weight: 500;
  letter-spacing: 0;
  background: linear-gradient(135deg, #0050b4 0%, #00b4d2 100%);
  padding: calc(15 * var(--unit)) calc(25 * var(--unit));
  display: inline;
}
section.area-jobinfo .job-slides .item-job .job-desc p.tx {
  margin-top: calc(40 * var(--unit));
  width: calc(510 * var(--unit));
  min-height: 5em;
}
section.area-jobinfo .job-slides .arrow-primary {
  position: absolute;
  right: 30em;
  bottom: 30em;
}
section.area-jobinfo .job-navigation {
  position: absolute;
  right: 40em;
  top: 50em;
  z-index: 10;
  display: -ms-grid;
  display: grid;
  gap: 30em;
}
section.area-jobinfo .job-navigation a.nav-item.active .dot {
  background: #fff;
}
section.area-jobinfo .job-navigation .dot {
  width: 18em;
  height: 18em;
  border-radius: 50%;
  border: 1px solid #fff;
}
section.area-jobinfo .wrap-job-slides {
  position: relative;
  height: 500vh;
}
section.area-jobinfo .job-sticky {
  position: sticky;
  top: 13svh;
  height: 74svh;
}
section.area-jobinfo .job-slides {
  position: relative;
  height: 100%;
}
section.area-jobinfo .item-job {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
section.area-jobinfo .item-job a {
  height: 100%;
}
section.area-jobinfo .item-job a img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
section.area-jobinfo .item-job.active {
  opacity: 1;
  pointer-events: auto;
}

.btn-primary {
  text-align: center;
}
.btn-primary a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--color-blue);
  height: 140em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 70em;
  padding: 0 calc(30 * var(--unit));
}
.btn-primary a span.tx {
  font-size: 33em;
  color: var(--color-blue);
  text-indent: calc(30 * var(--unit));
}
.btn-primary a .arrow-primary {
  width: 60em;
  height: 60em;
  margin-left: 30em;
}

section.area-interview {
  margin-top: 150em;
}
section.area-interview .h-wrap p {
  margin-left: calc(50 * var(--unit));
}
section.area-interview .inner {
  width: 88.6%;
  margin: 0 auto;
}
section.area-interview .wrap-interview-slider {
  margin-top: 80em;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
section.area-interview .wrap-card {
  position: relative;
  isolation: isolate;
}
section.area-interview .wrap-card .card-top {
  position: relative;
  z-index: 1;
}
section.area-interview .wrap-card .card-top::before {
  content: "";
  display: block;
  width: calc(100% - 40em);
  height: 100%;
  background: var(--color-blue);
  position: absolute;
  border-radius: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
section.area-interview .wrap-card .ph {
  position: relative;
  z-index: 0;
}
section.area-interview .wrap-card .ph img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  left: -20em;
}
section.area-interview .wrap-card .ph .base-img {
  opacity: 1;
}
section.area-interview .wrap-card .ph .base-img.change {
  opacity: 0;
}
section.area-interview .wrap-card .ph .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
section.area-interview .wrap-card .ph .hover-img.change {
  opacity: 1;
}
section.area-interview .wrap-card p.comment {
  letter-spacing: 0.13em;
  color: #fff;
  position: absolute;
  right: calc(70 * var(--unit));
  top: calc(50 * var(--unit));
  font-size: 33em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
section.area-interview .wrap-card .arrow-primary {
  position: absolute;
  right: calc(50 * var(--unit));
  bottom: calc(70 * var(--unit));
  width: 70em;
  height: 70em;
}
section.area-interview .wrap-card .card-info {
  position: relative;
  z-index: 10;
  width: 82.6%;
  transform: translateY(-25em) translateZ(1px);
  -webkit-transform: translateY(-25em) translateZ(1px);
  margin: 0 auto 0;
}
section.area-interview .wrap-card .card-info .job-name {
  font-size: 29em;
  font-weight: 600;
  color: #fff;
}
section.area-interview .wrap-card .card-info .job-name span {
  background: linear-gradient(135deg, #0050b4 0%, #00b4d2 100%);
  padding: calc(20 * var(--unit));
}
section.area-interview .wrap-card .card-info .info {
  margin-top: calc(30 * var(--unit));
  font-weight: 600;
  font-size: 24em;
  margin-left: calc(20 * var(--unit));
}
section.area-interview .btn-primary {
  width: 90%;
  margin: 50em auto 0;
}

section.area-benefit .h-wrap p {
  margin-left: calc(50 * var(--unit));
}
section.area-benefit .inner {
  width: 88.6%;
  margin: 170em auto 0;
}
section.area-benefit .benefit-list {
  margin-top: 50em;
  margin-left: 50em;
  display: -ms-grid;
  display: grid;
}
section.area-benefit .benefit-list .item-benefit {
  border-bottom: 1px solid #c8c8c8;
}
section.area-benefit .benefit-list .item-benefit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 40em 0;
}
section.area-benefit .benefit-list .item-benefit .icon {
  width: 70em;
  margin-right: 40em;
}
section.area-benefit .benefit-list p.benefit-title {
  font-size: 42em;
  font-weight: 450;
}
section.area-benefit .benefit-list p.tx {
  margin-top: calc(10 * var(--unit));
  font-size: 24em;
}
section.area-benefit .benefit-list .arrow-primary {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60em;
  height: 60em;
}
section.area-benefit .wrap-benefit-slider {
  margin-top: 50em;
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
section.area-benefit .wrap-benefit-slider #slider-benefit {
  margin-left: 50em;
}
section.area-benefit .wrap-benefit-slider #slider-benefit img {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.btn-internship {
  overflow: hidden;
  padding-bottom: 50em;
}
.btn-internship .inner {
  width: 690em;
  margin: 200em auto 0;
  position: relative;
}
.btn-internship .inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-blue);
  position: absolute;
  border-radius: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  z-index: -1;
}
.btn-internship a {
  position: relative;
  display: block;
}
.btn-internship a::before {
  content: "";
  display: block;
  width: 285em;
  height: 100%;
  background: url(../images/top/exp-left-sp.png) no-repeat center bottom/contain;
  position: absolute;
  bottom: -40em;
  left: -70em;
  z-index: 1;
}
.btn-internship a::after {
  content: "";
  display: block;
  width: 263em;
  height: 100%;
  background: url(../images/top/exp-right-sp.png) no-repeat center top/contain;
  position: absolute;
  top: 16em;
  right: -40em;
  z-index: 1;
}
.btn-internship .title {
  width: 552em;
  margin: 0 auto 30em;
  position: relative;
  top: -50em;
  position: relative;
  z-index: 2;
}
.btn-internship .title .title-ribbon {
  display: block;
  margin-bottom: 40em;
  -webkit-transition: 1.1s cubic-bezier(0.05, 1, 0.2, 1);
  transition: 1.1s cubic-bezier(0.05, 1, 0.2, 1);
}
.btn-internship .title .title-tx {
  display: block;
  -webkit-transition: 1.1s cubic-bezier(0.05, 1, 0.2, 1);
  transition: 1.1s cubic-bezier(0.05, 1, 0.2, 1);
  clip-path: inset(0 100% 0 0);
}
.btn-internship .title .title-tx.show {
  webkit-clip-path: inset(0);
  clip-path: inset(0);
}
.btn-internship p.tx {
  position: relative;
  z-index: 2;
  font-size: 26em;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 2;
  margin: calc(-30 * var(--unit)) 0 calc(40 * var(--unit));
}
.btn-internship .arrow-primary {
  margin: 0 auto -40em;
}
.btn-internship p.bottom-tx {
  text-align: center;
  font-size: 100em;
  line-height: 1;
  position: relative;
  -webkit-transform: translateY(0.25em);
          transform: translateY(0.25em);
  letter-spacing: 0.05em;
  font-family: var(--font-en);
  font-weight: 700;
  font-style: italic;
  color: rgba(30, 30, 30, 0.1);
  mix-blend-mode: multiply;
}

.bottom-navigation {
  margin: 90em auto 0;
  width: 73.3333333333%;
  border-top: 1px solid #c8c8c8;
}
.bottom-navigation .nav-item {
  border-bottom: 1px solid #c8c8c8;
}
.bottom-navigation .nav-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40em 0;
}
.bottom-navigation .nav-item .icon {
  width: 88em;
  margin-right: 30em;
}
.bottom-navigation .wrap-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bottom-navigation .wrap-title .title {
  font-weight: normal;
  font-size: 42em;
}
.bottom-navigation .wrap-title .en {
  font-size: 20em;
  color: #8e8e8e;
  font-family: var(--font-en);
}
.bottom-navigation .arrow-primary {
  width: 60em;
  height: 60em;
}

section.area-entry {
  margin-top: 140em;
  overflow: hidden;
}
section.area-entry .entry-image {
  width: 100%;
}
section.area-entry .wrap-entry-link {
  padding: 90em 0 120em;
  background: -webkit-gradient(linear, left top, right top, from(#f7e928), color-stop(#66b7f8), to(#ff83c2));
  background: linear-gradient(90deg, #f7e928, #66b7f8, #ff83c2);
}
section.area-entry .copy span.tx {
  width: 690em;
  display: block;
  margin: 0 auto;
}
section.area-entry .copy span.line {
  width: 810em;
  display: block;
  margin: 10em auto 0;
}
section.area-entry .btn-entry {
  text-align: center;
}
section.area-entry .btn-entry a {
  margin-top: 50em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.area-entry .btn-entry a span.tx {
  color: #fff;
  font-size: 120em;
  font-weight: 700;
  font-family: var(--font-en);
  line-height: 0.9;
  font-style: italic;
  letter-spacing: 0.05em;
}
section.area-entry .btn-entry a .arrow-primary {
  position: relative;
  top: -10em;
  margin-left: 30em;
  width: 70em;
  height: 70em;
}
section.area-entry .btn-entry a .arrow-primary .arrow-circle {
  border: 2px solid #fff;
}

.btn-career {
  width: 86.6%;
  margin: 120em auto;
}

/**********************************************************************

 * Media Query For PC

 ***********************************************************************/
@media print, screen and (min-width: 768px) {
  header {
    background: none;
  }
  main.top-page p {
    font-size: clamp(11.52px, 1.13vw, 18px);
  }
  .arrow-primary {
    position: relative;
    width: clamp(38.4px, 3.75vw, 60px);
    height: clamp(38.4px, 3.75vw, 60px);
  }
  .arrow-primary .arrow-circle {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .arrow-primary .arrow {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    width: clamp(7.68px, 0.75vw, 12px);
    height: clamp(7.68px, 0.75vw, 12px);
    left: 45%;
  }
  .arrow-primary.blue .arrow {
    width: clamp(7.68px, 0.75vw, 12px);
    height: clamp(7.68px, 0.75vw, 12px);
  }
  .about-nav-area a:hover .arrow-primary .arrow-circle,
  .job-slides a:hover .arrow-primary .arrow-circle,
  #slider-interview a:hover .arrow-primary .arrow-circle,
  .btn-internship a:hover .arrow-primary .arrow-circle,
  .btn-entry a:hover .arrow-primary .arrow-circle {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
            transform: translate(-50%, -50%) scale(1.25);
    background: rgba(255, 255, 255, 0.1);
  }
  .about-nav-area a:hover .arrow-primary .arrow,
  .job-slides a:hover .arrow-primary .arrow,
  #slider-interview a:hover .arrow-primary .arrow,
  .btn-internship a:hover .arrow-primary .arrow,
  .btn-entry a:hover .arrow-primary .arrow {
    -webkit-animation: arrow-btn 0.4s forwards;
    animation: arrow-btn 0.4s forwards;
  }
  .benefit-list a:hover .arrow-primary .arrow-circle,
  .bottom-navigation a:hover .arrow-primary .arrow-circle {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
            transform: translate(-50%, -50%) scale(1.25);
    background: rgb(0, 110, 210);
  }
  .benefit-list a:hover .arrow-primary .arrow,
  .bottom-navigation a:hover .arrow-primary .arrow {
    border-color: #fff;
    -webkit-animation: arrow-btn 0.4s forwards;
    animation: arrow-btn 0.4s forwards;
  }
  .btn-primary a:hover .arrow-primary .arrow-circle {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
            transform: translate(-50%, -50%) scale(1.25);
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
  }
  .btn-primary a:hover .arrow-primary .arrow {
    border-color: #fff;
    -webkit-animation: arrow-btn 0.4s forwards;
    animation: arrow-btn 0.4s forwards;
  }
  @-webkit-keyframes arrow-btn {
    0% {
      -webkit-transform: translate(-50%, -50%) translateX(0) rotate(45deg);
              transform: translate(-50%, -50%) translateX(0) rotate(45deg);
      opacity: 1;
    }
    50% {
      -webkit-transform: translate(-50%, -50%) translateX(10px) rotate(45deg);
              transform: translate(-50%, -50%) translateX(10px) rotate(45deg);
      opacity: 0;
    }
    51% {
      -webkit-transform: translate(-50%, -50%) translateX(-10px) rotate(45deg);
              transform: translate(-50%, -50%) translateX(-10px) rotate(45deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(-50%, -50%) translateX(0) rotate(45deg);
              transform: translate(-50%, -50%) translateX(0) rotate(45deg);
      opacity: 1;
    }
  }
  @keyframes arrow-btn {
    0% {
      -webkit-transform: translate(-50%, -50%) translateX(0) rotate(45deg);
              transform: translate(-50%, -50%) translateX(0) rotate(45deg);
      opacity: 1;
    }
    50% {
      -webkit-transform: translate(-50%, -50%) translateX(10px) rotate(45deg);
              transform: translate(-50%, -50%) translateX(10px) rotate(45deg);
      opacity: 0;
    }
    51% {
      -webkit-transform: translate(-50%, -50%) translateX(-10px) rotate(45deg);
              transform: translate(-50%, -50%) translateX(-10px) rotate(45deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: translate(-50%, -50%) translateX(0) rotate(45deg);
              transform: translate(-50%, -50%) translateX(0) rotate(45deg);
      opacity: 1;
    }
  }
  .hstyle-primary {
    margin-bottom: 0;
  }
  .hstyle-primary .ja {
    margin-bottom: clamp(19.2px, 1.88vw, 30px);
  }
  .hstyle-primary .ja span.tx {
    font-size: clamp(10.24px, 1vw, 16px);
  }
  .hstyle-primary .ja::before {
    margin-right: clamp(6.4px, 0.63vw, 10px);
    width: clamp(10.24px, 1vw, 16px);
    height: clamp(10.24px, 1vw, 16px);
  }
  .hstyle-primary .en {
    font-size: clamp(57.6px, 5.63vw, 90px);
    letter-spacing: 0.04em;
  }
  section.area-hero .main-copy {
    bottom: clamp(25.6px, 2.5vw, 40px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 97%;
  }
  section.area-hero .main-copy .ja {
    font-size: clamp(21.12px, 2.06vw, 33px);
    text-align: center;
  }
  section.area-hero .main-copy .en {
    margin-top: clamp(25.6px, 2.5vw, 40px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: clamp(44.8px, 4.38vw, 70px);
  }
  section.area-hero .main-copy .en span {
    display: inline-block;
    height: clamp(153.6px, 15vw, 240px);
  }
  section.area-hero .main-copy .en span img {
    width: auto;
    height: 100%;
  }
  .wrap-hero-slider {
    aspect-ratio: 1900/960;
  }
  .slide .mask_line svg {
    top: 70%;
    left: 54%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -51.7%) rotate(0deg);
            transform: translate(-50%, -51.7%) rotate(0deg);
  }
  .slide .mask_line .cls-1 {
    -webkit-transition: stroke-dashoffset 1.8s cubic-bezier(0.33, 0.75, 0.35, 1);
    transition: stroke-dashoffset 1.8s cubic-bezier(0.33, 0.75, 0.35, 1);
  }
  section.area-intro {
    margin-top: clamp(64px, 6.25vw, 100px);
  }
  section.area-intro p {
    font-size: clamp(14.08px, 1.38vw, 22px);
    text-align: center;
    line-height: 2.5;
  }
  section.area-intro .copy {
    margin-top: clamp(64px, 6.25vw, 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.area-intro .copy span.tx {
    width: clamp(714.88px, 69.81vw, 1117px);
    display: block;
  }
  section.area-intro .copy span.line {
    margin-top: clamp(6.4px, 0.63vw, 10px);
    width: clamp(712.96px, 69.63vw, 1114px);
    display: block;
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  section.area-about {
    margin-top: clamp(96px, 9.38vw, 150px);
  }
  section.area-about .hstyle-primary .ja span.tx {
    font-size: clamp(15.36px, 1.5vw, 24px);
  }
  section.area-about .hstyle-primary .ja::before {
    width: clamp(15.36px, 1.5vw, 24px);
    height: clamp(15.36px, 1.5vw, 24px);
  }
  section.area-about .arrow-primary {
    position: absolute;
    right: clamp(25.6px, 2.5vw, 40px);
    bottom: clamp(25.6px, 2.5vw, 40px);
  }
  section.area-about .wrap-slider {
    margin-top: clamp(89.6px, 8.75vw, 140px);
  }
  section.area-about .wrap-slider h3 {
    top: max(-73.6px, -7.19vw);
    gap: clamp(3.84px, 0.38vw, 6px);
  }
  section.area-about .wrap-slider h3 span {
    width: clamp(40.96px, 4vw, 64px);
  }
  section.area-about .wrap-slider h3 span img {
    height: clamp(204.8px, 20vw, 320px);
  }
  section.area-about .wrap-slider .h-bg {
    width: clamp(130.56px, 12.75vw, 204px);
    height: clamp(222.08px, 21.69vw, 347px);
    top: max(-86.4px, -8.44vw);
    gap: clamp(3.84px, 0.38vw, 6px);
  }
  section.area-about .wrap-slider #slider-about img {
    -o-object-fit: full;
    object-fit: full;
    width: max(608px, 59.38vw);
    height: auto;
  }
  section.area-about .about-content {
    max-width: clamp(633.6px, 61.88vw, 990px);
    margin: max(-121.6px, -11.88vw) auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  section.area-about .about-content .content-image {
    margin-right: 0;
    margin-left: 0;
    width: clamp(262.4px, 25.62vw, 410px);
  }
  section.area-about .about-content .content-desc {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0;
    margin-left: 0;
    margin-right: clamp(44.8px, 4.38vw, 70px);
    margin-bottom: clamp(12.8px, 1.25vw, 20px);
  }
  section.area-about .about-content .content-desc p {
    font-size: clamp(12.8px, 1.25vw, 20px);
    line-height: 2;
  }
  .about-nav-area {
    margin: max(34.56px, 3.38vw) auto 0;
    width: clamp(806.4px, 78.75vw, 1260px);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(23.04px, 2.25vw, 36px) 1fr clamp(23.04px, 2.25vw, 36px) 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: clamp(371.2px, 36.25vw, 580px) clamp(23.04px, 2.25vw, 36px) clamp(268.8px, 26.25vw, 420px);
    grid-template-rows: clamp(371.2px, 36.25vw, 580px) clamp(268.8px, 26.25vw, 420px);
    gap: clamp(23.04px, 2.25vw, 36px);
  }
  .about-nav-area > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .about-nav-area > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .about-nav-area > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .about-nav-area > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .about-nav-area > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .about-nav-area > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .about-nav-area #business {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  .about-nav-area #message {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .about-nav-area #company {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  .about-nav-area #number {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
  }
  .about-nav-area .nav-item a {
    overflow: hidden;
  }
  .about-nav-area .nav-item img.bg {
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
  }
  .about-nav-area a:hover img.bg {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  .about-nav-area .wrap-business-points {
    top: clamp(64px, 6.25vw, 100px);
    left: clamp(64px, 6.25vw, 100px);
  }
  .about-nav-area .wrap-business-points ul {
    display: -ms-grid;
    display: grid;
    gap: clamp(22.4px, 2.19vw, 35px);
  }
  .about-nav-area .wrap-business-points li {
    font-size: clamp(15.36px, 1.5vw, 24px);
    letter-spacing: 0.05em;
    padding-bottom: clamp(12.8px, 1.25vw, 20px);
  }
  .about-nav-area .wrap-business-points li::before {
    width: clamp(15.36px, 1.5vw, 24px);
    height: clamp(15.36px, 1.5vw, 24px);
    margin-right: clamp(6.4px, 0.63vw, 10px);
  }
  .about-nav-area .wrap-bottom {
    bottom: clamp(38.4px, 3.75vw, 60px);
    right: clamp(96px, 9.38vw, 150px);
    left: auto;
  }
  .about-nav-area .wrap-bottom p.link-title {
    font-size: clamp(30.72px, 3vw, 48px);
  }
  .about-nav-area .wrap-bottom p.en {
    margin-top: clamp(5.12px, 0.5vw, 8px);
    font-size: clamp(12.8px, 1.25vw, 20px);
  }
  .about-nav-area .wrap-bottom p.tx {
    margin-top: clamp(19.2px, 1.88vw, 30px);
    font-size: clamp(10.24px, 1vw, 16px);
    width: clamp(217.6px, 21.25vw, 340px);
    line-height: 1.8;
  }
  .about-nav-area .nav-item.small .wrap-bottom {
    width: 100%;
    bottom: clamp(25.6px, 2.5vw, 40px);
    left: clamp(32px, 3.13vw, 50px);
  }
  .about-nav-area .nav-item.small p.link-title {
    font-size: clamp(20.48px, 2vw, 32px);
  }
  .about-nav-area .nav-item.small p.en {
    font-size: clamp(10.24px, 1vw, 16px);
  }
  .about-nav-area .nav-item.small p.tx {
    width: clamp(128px, 12.5vw, 200px);
  }
  .about-nav-area .nav-item.small img.bg {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
  .bottom-ticker {
    margin: clamp(-102.4px, -10vw, -160px) 0 0;
  }
  .bottom-ticker li {
    font-size: clamp(115.2px, 11.25vw, 180px);
    text-shadow: 1px 1px 0 var(--color-blue), -1px -1px 0 var(--color-blue), -1px 1px 0 var(--color-blue), 1px -1px 0 var(--color-blue), 0 1px 0 var(--color-blue), 0 -1px 0 var(--color-blue), -1px 0 0 var(--color-blue), 1px 0 0 var(--color-blue);
    white-space: nowrap;
    padding: 0 clamp(44.8px, 4.38vw, 70px) 0 0;
    margin: 0;
    -webkit-animation: marquee-left 38s linear infinite;
    animation: marquee-left 38s linear infinite;
  }
  section.area-jobinfo {
    margin-top: clamp(70.4px, 6.88vw, 110px);
    margin-left: auto;
    padding: clamp(44.8px, 4.38vw, 70px) 0 0;
    width: 90vw;
  }
  section.area-jobinfo::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 6vh);
    background: var(--color-blue);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  section.area-jobinfo .inner {
    width: 57.4vw;
    margin: 0 0 0 clamp(108.8px, 10.63vw, 170px);
  }
  section.area-jobinfo p.h-under {
    margin-left: 0;
    margin-top: clamp(25.6px, 2.5vw, 40px);
    width: clamp(352px, 34.38vw, 550px);
  }
  section.area-jobinfo .job-info-onestop {
    width: clamp(279.04px, 27.25vw, 436px);
    margin: 0;
    position: absolute;
    right: 0;
    top: max(-121.6px, -11.88vw);
  }
  section.area-jobinfo .wrap-job-slides {
    width: 70vw;
    position: relative;
    margin-right: 0;
    margin-top: clamp(44.8px, 4.38vw, 70px);
    left: -10vw;
  }
  section.area-jobinfo .job-slides .job-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
  }
  section.area-jobinfo .job-slides .item-job a {
    display: block;
    position: relative;
    border-radius: 0 12px 12px 0;
    overflow: hidden;
  }
  section.area-jobinfo .job-slides .item-job a img {
    display: block;
  }
  section.area-jobinfo .job-slides .item-job .job-desc {
    padding-top: 10px;
    position: absolute;
    bottom: max(32px, 3.13vw);
    left: max(204.8px, 20vw);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    clip-path: inset(0 100% 0 0);
  }
  section.area-jobinfo .job-slides .item-job .job-desc .job-title {
    font-size: clamp(26.88px, 2.63vw, 42px);
    padding: clamp(12.8px, 1.25vw, 20px) clamp(16px, 1.56vw, 25px);
  }
  section.area-jobinfo .job-slides .item-job .job-desc p.tx {
    font-size: clamp(11.52px, 1.13vw, 18px);
    margin-top: clamp(25.6px, 2.5vw, 40px);
    width: clamp(352px, 34.38vw, 550px);
    min-height: auto;
  }
  section.area-jobinfo .job-slides .arrow-primary {
    position: absolute;
    right: 30em;
    bottom: 30em;
  }
  section.area-jobinfo .job-navigation {
    position: absolute;
    top: clamp(44.8px, 4.38vw, 70px);
    right: clamp(-96px, -9.38vw, -150px);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    z-index: 10;
    display: -ms-grid;
    display: grid;
    gap: clamp(19.2px, 1.88vw, 30px);
  }
  section.area-jobinfo .job-navigation .nav-item {
    opacity: 1;
    border-bottom: 1px solid #fff;
    padding-bottom: clamp(10.24px, 1vw, 16px);
  }
  section.area-jobinfo .job-navigation span.name {
    font-size: clamp(12.8px, 1.25vw, 20px);
    color: #fff;
  }
  section.area-jobinfo .job-navigation a.nav-item.active .dot {
    background: #fff;
  }
  section.area-jobinfo .wrap-job-slides {
    position: relative;
    height: 500vh;
  }
  section.area-jobinfo .job-sticky {
    position: sticky;
    top: max(64px, 6.25vw);
    height: max(390.4px, 38.13vw);
  }
  section.area-jobinfo .job-slides {
    position: relative;
    height: 100%;
  }
  section.area-jobinfo .item-job {
    display: block;
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  section.area-jobinfo .item-job.active {
    opacity: 1;
    pointer-events: auto;
  }
  .btn-primary a {
    width: auto;
    height: clamp(70.4px, 6.88vw, 110px);
    border-radius: clamp(35.2px, 3.44vw, 55px);
    padding: 0 clamp(16px, 1.56vw, 25px);
  }
  .btn-primary a span.tx {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    font-size: clamp(15.36px, 1.5vw, 24px);
    text-indent: clamp(19.2px, 1.88vw, 30px);
  }
  .btn-primary a .arrow-primary {
    width: clamp(28.16px, 2.75vw, 44px);
    height: clamp(28.16px, 2.75vw, 44px);
    margin-left: clamp(19.2px, 1.88vw, 30px);
  }
  .btn-primary a .arrow-primary .arrow {
    width: clamp(6.4px, 0.63vw, 10px);
    height: clamp(6.4px, 0.63vw, 10px);
  }
  .btn-primary a:hover {
    background: var(--color-blue);
  }
  .btn-primary a:hover span.tx {
    color: #fff;
  }
  section.area-interview {
    margin-top: clamp(96px, 9.38vw, 150px);
  }
  section.area-interview .h-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  section.area-interview .h-wrap p {
    margin-left: clamp(48px, 4.69vw, 75px);
    width: clamp(352px, 34.38vw, 550px);
    margin-bottom: clamp(9.6px, 0.94vw, 15px);
  }
  section.area-interview .inner {
    width: clamp(806.4px, 78.75vw, 1260px);
    margin: 0 auto;
  }
  section.area-interview #slider-interview .splide__slide {
    width: 480px;
  }
  section.area-interview .wrap-interview-slider {
    margin-top: clamp(51.2px, 5vw, 80px);
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  section.area-interview .wrap-card {
    padding-top: 10px;
  }
  section.area-interview .wrap-card a:hover .card-top::before {
    width: 100%;
    height: calc(100% + 20px);
  }
  section.area-interview .wrap-card a:hover .card-top .ph img {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -webkit-transform: translate(7px, 5px) scale(1.02);
            transform: translate(7px, 5px) scale(1.02);
  }
  section.area-interview .wrap-card .card-top {
    position: relative;
  }
  section.area-interview .wrap-card .card-top::before {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    background: var(--color-blue);
    position: absolute;
    border-radius: 12px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  section.area-interview .wrap-card .ph img {
    left: clamp(-19.2px, -1.88vw, -30px);
  }
  section.area-interview .wrap-card p.comment {
    right: clamp(38.4px, 3.75vw, 60px);
    top: clamp(25.6px, 2.5vw, 40px);
    font-size: clamp(16.64px, 1.63vw, 26px);
  }
  section.area-interview .wrap-card .arrow-primary {
    position: absolute;
    right: clamp(28.8px, 2.81vw, 45px);
    bottom: clamp(32px, 3.13vw, 50px);
    width: clamp(35.84px, 3.5vw, 56px);
    height: clamp(35.84px, 3.5vw, 56px);
  }
  section.area-interview .wrap-card .card-info {
    width: 80%;
    margin: 0 auto 0;
    transform: translateY(-25px) translateZ(1px);
    -webkit-transform: translateY(-25px) translateZ(1px);
  }
  section.area-interview .wrap-card .card-info .job-name {
    font-size: clamp(14.72px, 1.44vw, 23px);
  }
  section.area-interview .wrap-card .card-info .job-name span {
    padding: clamp(9.6px, 0.94vw, 15px) clamp(12.8px, 1.25vw, 20px);
  }
  section.area-interview .wrap-card .card-info .info {
    margin-top: clamp(19.2px, 1.88vw, 30px);
    margin-left: clamp(12.8px, 1.25vw, 20px);
    font-size: clamp(12.16px, 1.19vw, 19px);
  }
  section.area-interview .btn-primary {
    width: auto;
    margin: clamp(51.2px, 5vw, 80px) auto 0;
  }
  section.area-benefit {
    margin-top: clamp(96px, 9.38vw, 150px);
  }
  section.area-benefit .h-wrap {
    width: clamp(806.4px, 78.75vw, 1260px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  section.area-benefit .h-wrap p {
    margin-left: clamp(48px, 4.69vw, 75px);
    width: clamp(352px, 34.38vw, 550px);
    margin-bottom: clamp(9.6px, 0.94vw, 15px);
  }
  section.area-benefit .inner {
    width: 100%;
    margin: 0;
  }
  section.area-benefit .box-benefit {
    margin-top: clamp(51.2px, 5vw, 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  section.area-benefit .benefit-list {
    margin-top: clamp(-51.2px, -5vw, -80px);
    margin-left: 0;
    display: -ms-grid;
    display: grid;
    gap: 0;
    width: clamp(345.6px, 33.75vw, 540px);
  }
  section.area-benefit .benefit-list .item-benefit a {
    padding: clamp(21.76px, 2.13vw, 34px) 0 clamp(21.76px, 2.13vw, 34px) clamp(6.4px, 0.63vw, 10px);
  }
  section.area-benefit .benefit-list .item-benefit .icon {
    width: clamp(40.96px, 4vw, 64px);
    margin-right: clamp(25.6px, 2.5vw, 40px);
  }
  section.area-benefit .benefit-list p.benefit-title {
    font-size: clamp(19.2px, 1.88vw, 30px);
  }
  section.area-benefit .benefit-list p.tx {
    margin-top: clamp(6.4px, 0.63vw, 10px);
    font-size: clamp(10.24px, 1vw, 16px);
  }
  section.area-benefit .benefit-list .arrow-primary {
    width: clamp(25.6px, 2.5vw, 40px);
    height: clamp(25.6px, 2.5vw, 40px);
  }
  section.area-benefit .benefit-list .arrow-primary .arrow {
    width: clamp(5.12px, 0.5vw, 8px);
    height: clamp(5.12px, 0.5vw, 8px);
  }
  section.area-benefit .wrap-benefit-slider {
    margin-top: 0;
    width: 45.2631578947%;
    margin-left: clamp(51.2px, 5vw, 80px);
  }
  section.area-benefit .wrap-benefit-slider #slider-benefit {
    margin-left: 0;
  }
  section.area-benefit .wrap-benefit-slider #slider-benefit img {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  @-webkit-keyframes internshipBounce {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1);
    }
    55% {
      -webkit-transform: translate(-50%, -50%) scale(1.04);
              transform: translate(-50%, -50%) scale(1.04);
    }
    78% {
      -webkit-transform: translate(-50%, -50%) scale(0.985);
              transform: translate(-50%, -50%) scale(0.985);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1);
    }
  }
  @keyframes internshipBounce {
    0% {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1);
    }
    55% {
      -webkit-transform: translate(-50%, -50%) scale(1.04);
              transform: translate(-50%, -50%) scale(1.04);
    }
    78% {
      -webkit-transform: translate(-50%, -50%) scale(0.985);
              transform: translate(-50%, -50%) scale(0.985);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
              transform: translate(-50%, -50%) scale(1);
    }
  }
  .btn-internship {
    margin-top: clamp(96px, 9.38vw, 150px);
    padding: 0 clamp(12.8px, 1.25vw, 20px) clamp(12.8px, 1.25vw, 20px);
  }
  .btn-internship .inner {
    width: 100%;
    max-width: 1860px;
    margin: clamp(49.92px, 4.88vw, 78px) auto 0;
    padding-bottom: clamp(32px, 3.13vw, 50px);
  }
  .btn-internship .inner:hover::before {
    -webkit-animation: internshipBounce 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    animation: internshipBounce 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .btn-internship .inner::before {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-blue);
    position: absolute;
    border-radius: 12px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  .btn-internship a::before {
    content: "";
    display: block;
    width: clamp(265.6px, 25.94vw, 415px);
    height: 120%;
    background: url(../images/top/exp-left-pc.png) no-repeat center bottom/contain;
    position: absolute;
    bottom: clamp(-70.4px, -6.88vw, -110px);
    left: clamp(19.2px, 1.88vw, 30px);
    z-index: 1;
  }
  .btn-internship a::after {
    content: "";
    display: block;
    width: clamp(320px, 31.25vw, 500px);
    height: 120%;
    background: url(../images/top/exp-right-pc.png) no-repeat center top/contain;
    position: absolute;
    top: clamp(-64px, -6.25vw, -100px);
    right: clamp(-96px, -9.38vw, -150px);
    z-index: 1;
  }
  .btn-internship .title {
    width: clamp(766.72px, 74.88vw, 1198px);
    margin: 0 auto clamp(38.4px, 3.75vw, 60px);
    top: clamp(-64px, -6.25vw, -100px);
  }
  .btn-internship .title .title-ribbon {
    width: clamp(473.6px, 46.25vw, 740px);
    margin: 0 auto clamp(25.6px, 2.5vw, 40px);
  }
  .btn-internship p.tx {
    font-size: clamp(14.08px, 1.38vw, 22px);
    margin: clamp(-89.6px, -8.75vw, -140px) 0 clamp(25.6px, 2.5vw, 40px);
  }
  .btn-internship .arrow-primary {
    margin: 0 auto 0;
  }
  .btn-internship p.bottom-tx {
    font-size: clamp(163.84px, 16vw, 256px);
    line-height: 1;
    bottom: clamp(-49.92px, -4.88vw, -78px);
    letter-spacing: 0.05em;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    overflow: hidden;
  }
  .btn-internship p.bottom-tx span {
    display: inline-block;
    -webkit-transform: translateY(clamp(44.8px, 4.38vw, 70px));
            transform: translateY(clamp(44.8px, 4.38vw, 70px));
  }
  .bottom-navigation {
    margin: clamp(64px, 6.25vw, 100px) auto 0;
    width: 100%;
    max-width: 930px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    border-top: none;
    border-right: 1px solid #c8c8c8;
  }
  .bottom-navigation .nav-item {
    border-left: 1px solid #c8c8c8;
    border-bottom: none;
  }
  .bottom-navigation .nav-item a {
    display: block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: clamp(25.6px, 2.5vw, 40px) 0;
  }
  .bottom-navigation .nav-item .icon {
    width: clamp(65.28px, 6.38vw, 102px);
    margin: 0 auto clamp(12.8px, 1.25vw, 20px);
  }
  .bottom-navigation .wrap-title .title {
    font-weight: normal;
    font-size: clamp(20.48px, 2vw, 32px);
    text-align: center;
  }
  .bottom-navigation .wrap-title .en {
    font-size: clamp(10.24px, 1vw, 16px);
    text-align: center;
  }
  .bottom-navigation .arrow-primary {
    margin: clamp(19.2px, 1.88vw, 30px) auto 0;
    width: clamp(38.4px, 3.75vw, 60px);
    height: clamp(38.4px, 3.75vw, 60px);
  }
  section.area-entry {
    margin-top: clamp(76.8px, 7.5vw, 120px);
  }
  section.area-entry .entry-image {
    width: 100%;
    height: max(377.6px, 36.88vw);
    background-image: url(../images/top/entry-ph.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  }
  section.area-entry .entry-image img {
    display: none;
  }
  section.area-entry .wrap-entry-link {
    padding: clamp(44.8px, 4.38vw, 70px) 0 clamp(73.6px, 7.19vw, 115px);
    background: -webkit-gradient(linear, left top, right top, from(#f7e928), color-stop(#66b7f8), to(#ff83c2));
    background: linear-gradient(90deg, #f7e928, #66b7f8, #ff83c2);
  }
  section.area-entry .copy span.tx {
    width: clamp(453.12px, 44.25vw, 708px);
    display: block;
    margin: 0 auto;
  }
  section.area-entry .copy span.line {
    width: clamp(509.44px, 49.75vw, 796px);
    display: block;
    margin: clamp(6.4px, 0.63vw, 10px) auto 0;
  }
  section.area-entry .btn-entry a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: clamp(32px, 3.13vw, 50px);
  }
  section.area-entry .btn-entry a:hover span.tx {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  section.area-entry .btn-entry a span.tx {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    font-size: clamp(89.6px, 8.75vw, 140px);
  }
  section.area-entry .btn-entry a .arrow-primary {
    top: clamp(-16px, -1.56vw, -25px);
    margin-left: clamp(19.2px, 1.88vw, 30px);
    width: clamp(51.2px, 5vw, 80px);
    height: clamp(51.2px, 5vw, 80px);
  }
  .btn-career {
    width: 90%;
    max-width: 1172px;
    margin: clamp(128px, 12.5vw, 200px) auto clamp(64px, 6.25vw, 100px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1840px) {
  .btn-internship p.bottom-tx {
    font-size: clamp(140.8px, 13.75vw, 220px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1560px) {
  .btn-internship p.bottom-tx {
    bottom: clamp(-44.8px, -4.38vw, -70px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  section.area-jobinfo::before {
    height: calc(100% - 7vh);
  }
  section.area-jobinfo .job-navigation {
    top: clamp(19.2px, 1.88vw, 30px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  section.area-interview .wrap-card .card-info .job-name {
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  section.area-jobinfo .job-info-onestop {
    top: -80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  section.area-jobinfo {
    width: 100%;
  }
  section.area-jobinfo::before {
    width: 96%;
    left: auto;
    right: 0;
  }
  section.area-jobinfo .job-navigation {
    right: clamp(-51.2px, -5vw, -80px);
  }
  section.area-jobinfo .wrap-job-slides {
    left: 0;
    width: 70%;
  }
  section.area-entry .entry-image {
    height: 400px;
    background-attachment: scroll;
  }
}
/*# sourceMappingURL=top.css.map */