@charset "UTF-8";
@font-face {
  font-family: "icomoon";
  src: url("/recruit/assets/uploads/fonts/icomoon.eot?2q8656");
  src: url("/recruit/assets/uploads/fonts/icomoon.eot?2q8656#iefix")
      format("embedded-opentype"),
    url("/recruit/assets/uploads/fonts/icomoon.ttf?2q8656") format("truetype"),
    url("/recruit/assets/uploads/fonts/icomoon.woff?2q8656") format("woff"),
    url("/recruit/assets/uploads/fonts/icomoon.svg?2q8656#icomoon")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arr-next:before {
  content: "\e900";
  color: #fff;
}
.icon-arr-prev:before {
  content: "\e901";
  color: #fff;
}
.icon-link:before {
  content: "\e902";
  color: #fff;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
input,
textarea {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  color: #000;
  font-family: "游ゴシック Mediu", YuGothic, YuGothicM, "Helvetica Neue",
    "Helvetica", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-family: "A1ゴシック R", "A1 Gothic R", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  position: relative;
  background: url(/recruit/assets/uploads/bg.jpg) repeat top center;
  background-color: #e9eaeb;
}
body,
html {
  width: 100%;
}
ol,
ul {
  list-style-type: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-word;
}
a {
  cursor: pointer;
  outline: none;
  text-decoration: none;
  color: #7f1084;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  a:hover {
    opacity: 0.5;
  }
}
small {
  font-size: max(80%, 12px);
}
h1,
h2,
h3,
h4,
h5,
h6,
li {
  font-size: 100%;
}
img,
picture,
video {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.anc-area__inr,
.back__inr,
.breadcrumb__inr,
.footer__inr,
.index-head__inr,
.link-area__inr,
.page-activities .club__inr,
.page-activities .event__inr,
.page-business .business__inr,
.page-career .hr__inr,
.page-career .intro__inr,
.page-career .mac-university__inr,
.page-career .training__inr,
.page-entry .entry__inr,
.page-event .event__inr,
.page-faq .faq__inr,
.page-head__inr,
.page-index .index__inr,
.page-member .member__inr,
.page-member-article .interview .interview__inr,
.page-member-article .interview--r .interview__inr,
.page-member-article .member__inr,
.page-member-article .message__inr,
.page-member-article .schedule__inr,
.page-overview .intro__inr,
.page-requirements .requirements__inr,
.page-story .story__inr,
.page-story-article .interview .interview__inr,
.page-story-article .interview--r .interview__inr,
.page-story-article .member__inr,
.page-story-article .point__inr,
.page-talksession .talksession__inr,
.page-talksession-article .interview .interview__inr,
.page-talksession-article .interview--r .interview__inr,
.page-talksession-article .member__inr,
.page-talksession-article .talksession__inr,
.page-top .about__inr,
.page-top .arimac__inr,
.page-top .environment__inr,
.page-top .interview__inr,
.page-top .overview__inr,
.page-top .story .story-slide__inr,
.page-top .story__inr,
.page-top .voice__inr,
.page-top .workfield__inr,
.page-voice .voice__inr,
.page-workfield .overview__inr,
.page-workfield .workfield__inr,
.page-workstyle .de-i__inr,
.page-workstyle .flexible__inr,
.page-workstyle .workstyle__inr,
.pickup-slide-modal__inr,
.tane-pickup__inr {
  padding: 0 30px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.article__inr,
.page-data .data__inr,
.page-member-article .vision__inr,
.page-message .message__inr,
.page-message .top-message__inr,
.page-story-article .future__inr,
.page-story-article .other__inr,
.page-story-article .outline__inr {
  padding: 0 30px;
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}
.page-activities .club__ttl,
.page-activities .event__ttl,
.page-business .business .business-category__ttl,
.page-career .hr__ttl,
.page-career .training__category,
.page-entry .entry__ttl,
.page-faq .faq__ttl,
.page-requirements .requirements__ttl,
.page-top .about__ttl,
.page-top .environment__ttl,
.page-top .info__ttl,
.page-top .interview__ttl,
.page-top .story__ttl,
.page-top .voice__ttl,
.page-top .workfield__ttl,
.page-workfield .overview__ttl,
.page-workfield .workfield__ttl,
.page-workstyle .de-i__ttl,
.page-workstyle .flexible__ttl {
  font-size: 2.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-thickness: 0.8em;
  text-decoration-color: #fff;
  text-underline-offset: -0.8em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
@media (max-width: 1024px) {
  .page-activities .club__ttl,
  .page-activities .event__ttl,
  .page-business .business .business-category__ttl,
  .page-career .hr__ttl,
  .page-career .training__category,
  .page-entry .entry__ttl,
  .page-faq .faq__ttl,
  .page-requirements .requirements__ttl,
  .page-top .about__ttl,
  .page-top .environment__ttl,
  .page-top .info__ttl,
  .page-top .interview__ttl,
  .page-top .story__ttl,
  .page-top .voice__ttl,
  .page-top .workfield__ttl,
  .page-workfield .overview__ttl,
  .page-workfield .workfield__ttl,
  .page-workstyle .de-i__ttl,
  .page-workstyle .flexible__ttl {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .page-activities .club__ttl,
  .page-activities .event__ttl,
  .page-business .business .business-category__ttl,
  .page-career .hr__ttl,
  .page-career .training__category,
  .page-entry .entry__ttl,
  .page-faq .faq__ttl,
  .page-requirements .requirements__ttl,
  .page-top .about__ttl,
  .page-top .environment__ttl,
  .page-top .info__ttl,
  .page-top .interview__ttl,
  .page-top .story__ttl,
  .page-top .voice__ttl,
  .page-top .workfield__ttl,
  .page-workfield .overview__ttl,
  .page-workfield .workfield__ttl,
  .page-workstyle .de-i__ttl,
  .page-workstyle .flexible__ttl {
    font-size: 1.75rem;
  }
}
.page-business .business .business-box__ttl,
.page-career .training .training-box__ttl,
.page-data .data__category,
.page-entry .entry__subttl,
.page-overview .data__category,
.page-voice .voice .voice-list__ttl {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  position: relative;
  padding-left: 1em;
  line-height: 1.8;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #999;
}
@media (max-width: 1024px) {
  .page-business .business .business-box__ttl,
  .page-career .training .training-box__ttl,
  .page-data .data__category,
  .page-entry .entry__subttl,
  .page-overview .data__category,
  .page-voice .voice .voice-list__ttl {
    font-size: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-business .business .business-box__ttl,
  .page-career .training .training-box__ttl,
  .page-data .data__category,
  .page-entry .entry__subttl,
  .page-overview .data__category,
  .page-voice .voice .voice-list__ttl {
    font-size: 1.125rem;
  }
}
.page-business .business .business-box__ttl:before,
.page-career .training .training-box__ttl:before,
.page-data .data__category:before,
.page-entry .entry__subttl:before,
.page-overview .data__category:before,
.page-voice .voice .voice-list__ttl:before {
  content: "";
  position: absolute;
  margin-top: 0.7em;
  left: 0;
  width: 8px;
  height: 8px;
  background: #7f1084;
  border-radius: 50%;
}
@media (min-width: 1025px) {
  .os-windows .page-business .business .business-box__ttl:before,
  .os-windows .page-career .training .training-box__ttl:before,
  .os-windows .page-data .data__category:before,
  .os-windows .page-entry .entry__subttl:before,
  .os-windows .page-overview .data__category:before,
  .os-windows .page-voice .voice .voice-list__ttl:before,
  .page-business .business .os-windows .business-box__ttl:before,
  .page-career .training .os-windows .training-box__ttl:before,
  .page-data .os-windows .data__category:before,
  .page-entry .os-windows .entry__subttl:before,
  .page-overview .os-windows .data__category:before,
  .page-voice .voice .os-windows .voice-list__ttl:before {
    margin-top: 0.6em;
  }
}
@media (max-width: 768px) {
  .page-business .business .business-box__ttl:before,
  .page-career .training .training-box__ttl:before,
  .page-data .data__category:before,
  .page-entry .entry__subttl:before,
  .page-overview .data__category:before,
  .page-voice .voice .voice-list__ttl:before {
    width: 6px;
    height: 6px;
  }
}
.page-business .business .cps-value__ttl,
.page-career .mac-university__ttl,
.page-career .training__ttl,
.page-member-article .interview .interview__copy,
.page-member-article .interview--r .interview__copy,
.page-message .message__name,
.page-message .top-message__copy,
.page-overview .environment__copy,
.page-story-article .interview .interview__copy,
.page-story-article .interview--r .interview__copy,
.page-talksession-article .interview .interview__copy,
.page-talksession-article .interview--r .interview__copy {
  font-size: 2rem;
  letter-spacing: 0.1em;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .page-business .business .cps-value__ttl,
  .page-career .mac-university__ttl,
  .page-career .training__ttl,
  .page-member-article .interview .interview__copy,
  .page-member-article .interview--r .interview__copy,
  .page-message .message__name,
  .page-message .top-message__copy,
  .page-overview .environment__copy,
  .page-story-article .interview .interview__copy,
  .page-story-article .interview--r .interview__copy,
  .page-talksession-article .interview .interview__copy,
  .page-talksession-article .interview--r .interview__copy {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .page-business .business .cps-value__ttl,
  .page-career .mac-university__ttl,
  .page-career .training__ttl,
  .page-member-article .interview .interview__copy,
  .page-member-article .interview--r .interview__copy,
  .page-message .message__name,
  .page-message .top-message__copy,
  .page-overview .environment__copy,
  .page-story-article .interview .interview__copy,
  .page-story-article .interview--r .interview__copy,
  .page-talksession-article .interview .interview__copy,
  .page-talksession-article .interview--r .interview__copy {
    font-size: 1.5rem;
  }
}
.page-career .intro__lead,
.page-top .about__lead,
.page-top .environment__lead,
.page-top .info__lead,
.page-top .interview__lead,
.page-top .story__lead,
.page-top .voice__lead,
.page-top .workfield__lead,
.page-voice .voice__lead,
.page-workstyle .de-i__lead,
.page-workstyle .flexible__lead {
  font-size: 1.3125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 2;
}
@media (max-width: 768px) {
  .page-career .intro__lead,
  .page-top .about__lead,
  .page-top .environment__lead,
  .page-top .info__lead,
  .page-top .interview__lead,
  .page-top .story__lead,
  .page-top .voice__lead,
  .page-top .workfield__lead,
  .page-voice .voice__lead,
  .page-workstyle .de-i__lead,
  .page-workstyle .flexible__lead {
    font-size: 1rem;
  }
}
.page-career .hr .data .data-item__txt,
.page-career .training .training-box__note,
.page-career .training__note,
.page-requirements .requirements-data__note {
  font-size: 0.75rem;
  font-family: "A1ゴシック R", "A1 Gothic R", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .page-career .hr .data .data-item__txt,
  .page-career .training .training-box__note,
  .page-career .training__note,
  .page-requirements .requirements-data__note {
    font-size: 0.625rem;
  }
}
.page-career .training .training-box__list > li,
.page-story-article .point .point-list .list-ind > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.page-career .training .training-box__list > li:not(:last-child),
.page-story-article .point .point-list .list-ind > li:not(:last-child) {
  margin-bottom: 0.5em;
}
.page-career .training .training-box__list > li:before,
.page-story-article .point .point-list .list-ind > li:before {
  content: "";
  display: block;
  width: 0.3em;
  height: 0.3em;
  margin-right: 0.6em;
  margin-top: 0.7em;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #000;
}
.page-requirements .requirements-data__list {
  counter-reset: item;
}
.page-requirements .requirements-data__list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
}
.page-requirements .requirements-data__list > li:not(:last-child) {
  margin-bottom: 0.5em;
}
.page-requirements .requirements-data__list > li:before {
  content: counter(item) ".";
  counter-increment: item;
  margin-right: 0.7em;
  min-width: 1.5em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .page-requirements .requirements-data__list > li:before {
    margin-right: 0;
  }
}
.article__btn a,
.back__btn a,
.back__btn--blue a,
.back__btn--green a,
.back__btn--orange a,
.back__btn--pink a,
.page-business .business .cps-value__btn a,
.page-entry .entry__btn a,
.page-entry .entry__btn a:first-child,
.page-event .event .event-list__btn a,
.page-member-article .member__btn a,
.page-overview .award__btn a,
.page-overview .company__btn a,
.page-overview .data__btn a,
.page-overview .environment__btn a,
.page-overview .workfield__btn a,
.page-story .story .story-list__btn a,
.page-talksession-article .talksession__btn a,
.page-top .about__btn a,
.page-top .arimac__btn a,
.page-top .environment__btn a,
.page-top .info__btn a,
.page-top .interview .member__btn a,
.page-top .interview .talksession__btn a,
.page-top .overview__btn a,
.page-top .story .story-slide__btn a,
.page-top .story__btn a,
.page-top .voice__btn a,
.page-top .workfield__btn a,
.page-workfield .workfield .workfield-list__btn a,
.page-workstyle .talk .talk-box__btn a {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.article__btn a span,
.back__btn a span,
.back__btn--blue a span,
.back__btn--green a span,
.back__btn--orange a span,
.back__btn--pink a span,
.page-business .business .cps-value__btn a span,
.page-entry .entry__btn a span,
.page-entry .entry__btn a:first-child span,
.page-event .event .event-list__btn a span,
.page-member-article .member__btn a span,
.page-overview .award__btn a span,
.page-overview .company__btn a span,
.page-overview .data__btn a span,
.page-overview .environment__btn a span,
.page-overview .workfield__btn a span,
.page-story .story .story-list__btn a span,
.page-talksession-article .talksession__btn a span,
.page-top .about__btn a span,
.page-top .arimac__btn a span,
.page-top .environment__btn a span,
.page-top .info__btn a span,
.page-top .interview .member__btn a span,
.page-top .interview .talksession__btn a span,
.page-top .overview__btn a span,
.page-top .story .story-slide__btn a span,
.page-top .story__btn a span,
.page-top .voice__btn a span,
.page-top .workfield__btn a span,
.page-workfield .workfield .workfield-list__btn a span,
.page-workstyle .talk .talk-box__btn a span {
  width: 100%;
  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;
}
.footer__btn a,
.footer__btn--link a {
  width: 300px;
  border-radius: 50px;
  background-color: #7f1084;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 40px;
  font-size: 0.875rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  border: 1px solid #7f1084;
}
@media (max-width: 768px) {
  .footer__btn a,
  .footer__btn--link a {
    width: 100%;
  }
}
.footer__btn a:after,
.footer__btn--link a:after {
  content: "\e900";
  font-family: "icomoon";
  color: #fff;
  font-size: 1.25rem;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .footer__btn a:hover,
  .footer__btn--link a:hover {
    opacity: 1;
    background-color: #fff;
    color: #7f1084;
  }
  .footer__btn a:hover:after,
  .footer__btn--link a:hover:after {
    color: #7f1084;
  }
}
.footer .cv-btn .entry,
.footer .cv-btn .internship,
.hamb-menu .cv-btn .entry,
.hamb-menu .cv-btn .internship {
  background: url(/recruit/assets/uploads/entry-bg.jpg) no-repeat center
    center/cover;
  background-color: #e72534;
  border-radius: 20px;
  width: 100%;
  padding: 50px 40px 40px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-size: 2.5rem;
  line-height: 1;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  position: relative;
  border: 1px solid #e72534;
}
@media (max-width: 1024px) {
  .footer .cv-btn .entry,
  .footer .cv-btn .internship,
  .hamb-menu .cv-btn .entry,
  .hamb-menu .cv-btn .internship {
    font-size: 2rem;
    padding: 2rem 1rem 1.5625rem 1.5rem;
  }
}
@media (max-width: 768px) {
  .footer .cv-btn .entry,
  .footer .cv-btn .internship,
  .hamb-menu .cv-btn .entry,
  .hamb-menu .cv-btn .internship {
    padding: 2rem 1rem 1.5625rem 1.5rem;
    font-size: 1.5625rem;
    border-radius: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.footer .cv-btn .entry span,
.footer .cv-btn .internship span,
.hamb-menu .cv-btn .entry span,
.hamb-menu .cv-btn .internship span {
  font-family: "游ゴシック Mediu", YuGothic, YuGothicM, "Helvetica Neue",
    "Helvetica", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
    "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  display: block;
  font-size: 0.9375rem;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .footer .cv-btn .entry span,
  .footer .cv-btn .internship span,
  .hamb-menu .cv-btn .entry span,
  .hamb-menu .cv-btn .internship span {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .footer .cv-btn .entry span,
  .footer .cv-btn .internship span,
  .hamb-menu .cv-btn .entry span,
  .hamb-menu .cv-btn .internship span {
    font-size: 0.75rem;
    margin-bottom: 12px;
  }
}
.footer .cv-btn .entry:after,
.footer .cv-btn .internship:after,
.hamb-menu .cv-btn .entry:after,
.hamb-menu .cv-btn .internship:after {
  font-family: "icomoon";
  content: "\e900";
  margin-top: 26px;
  color: #e72534;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 0 0 auto;
  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;
  font-size: 1.5rem;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .footer .cv-btn .entry:after,
  .footer .cv-btn .internship:after,
  .hamb-menu .cv-btn .entry:after,
  .hamb-menu .cv-btn .internship:after {
    width: 56px;
    height: 56px;
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .footer .cv-btn .entry:after,
  .footer .cv-btn .internship:after,
  .hamb-menu .cv-btn .entry:after,
  .hamb-menu .cv-btn .internship:after {
    width: 32px;
    height: 32px;
    font-size: 0.5rem;
  }
}
@media (min-width: 1025px) {
  .footer .cv-btn .entry:hover,
  .footer .cv-btn .internship:hover,
  .hamb-menu .cv-btn .entry:hover,
  .hamb-menu .cv-btn .internship:hover {
    opacity: 1;
    color: #e72534;
    background: #fff;
  }
  .footer .cv-btn .entry:hover:after,
  .footer .cv-btn .internship:hover:after,
  .hamb-menu .cv-btn .entry:hover:after,
  .hamb-menu .cv-btn .internship:hover:after {
    background-color: #e72534;
    color: #fff;
    right: 110px;
  }
}
.page-member-article .member .swiper-control,
.page-talksession-article .talksession .swiper-control,
.page-top .interview .swiper-control {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .page-member-article .member .swiper-control,
  .page-talksession-article .talksession .swiper-control,
  .page-top .interview .swiper-control {
    gap: 12px;
  }
}
.page-member-article .member .swiper-button-next,
.page-member-article .member .swiper-button-prev,
.page-talksession-article .talksession .swiper-button-next,
.page-talksession-article .talksession .swiper-button-prev,
.page-top .interview .swiper-button-next,
.page-top .interview .swiper-button-prev {
  position: relative;
  width: 60px;
  height: 60px;
  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;
  background-color: #3b1e87;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .page-member-article .member .swiper-button-next,
  .page-member-article .member .swiper-button-prev,
  .page-talksession-article .talksession .swiper-button-next,
  .page-talksession-article .talksession .swiper-button-prev,
  .page-top .interview .swiper-button-next,
  .page-top .interview .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
}
.page-member-article .member .swiper-button-next:after,
.page-member-article .member .swiper-button-prev:after,
.page-talksession-article .talksession .swiper-button-next:after,
.page-talksession-article .talksession .swiper-button-prev:after,
.page-top .interview .swiper-button-next:after,
.page-top .interview .swiper-button-prev:after {
  font-family: "icomoon";
  color: #fff;
  font-size: 1rem;
}
@media (min-width: 1025px) {
  .page-member-article .member .swiper-button-next:hover,
  .page-member-article .member .swiper-button-prev:hover,
  .page-talksession-article .talksession .swiper-button-next:hover,
  .page-talksession-article .talksession .swiper-button-prev:hover,
  .page-top .interview .swiper-button-next:hover,
  .page-top .interview .swiper-button-prev:hover {
    background-color: #fff;
  }
  .page-member-article .member .swiper-button-next:hover:after,
  .page-member-article .member .swiper-button-prev:hover:after,
  .page-talksession-article .talksession .swiper-button-next:hover:after,
  .page-talksession-article .talksession .swiper-button-prev:hover:after,
  .page-top .interview .swiper-button-next:hover:after,
  .page-top .interview .swiper-button-prev:hover:after {
    color: #3b1e87;
  }
}
.page-member-article .member .swiper-button-prev:after,
.page-talksession-article .talksession .swiper-button-prev:after,
.page-top .interview .swiper-button-prev:after {
  content: "\e901";
}
.page-member-article .member .swiper-button-next:after,
.page-talksession-article .talksession .swiper-button-next:after,
.page-top .interview .swiper-button-next:after {
  content: "\e900";
}
.page-member-article .member__slide,
.page-talksession-article .talksession__slide,
.page-top .interview .member__slide,
.page-top .interview .talksession__slide {
  margin-right: calc(50% - 50vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 80px;
  gap: min(6.25vw, 90px);
}
@media (max-width: 768px) {
  .page-member-article .member__slide,
  .page-talksession-article .talksession__slide,
  .page-top .interview .member__slide,
  .page-top .interview .talksession__slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 60px;
  }
}
.wrapper {
  width: 100%;
}
.contents {
  width: 100%;
  margin: 120px 0;
}
@media (max-width: 768px) {
  .contents {
    margin: 90px 0 100px;
  }
}
section:not(:last-child) {
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  section:not(:last-child) {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .forPC {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .forSP {
    display: none !important;
  }
}
.page-index {
  position: relative;
  margin-top: 0 !important;
  padding-top: 120px;
}
@media (max-width: 768px) {
  .page-index {
    padding-top: 90px;
  }
}
.page-index .ball {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-index .ball__img {
  position: absolute;
}
.page-index .ball__img:first-child {
  width: 56.94vw;
  top: -4.87vw;
  left: -6.25vw;
}
@media (max-width: 768px) {
  .page-index .ball__img:first-child {
    width: 101.33vw;
    top: -21.34vw;
    left: -16vw;
  }
}
.page-index .ball__img:nth-child(2) {
  width: 16.66vw;
  top: 30.55vw;
  right: 2.08vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
@media (max-width: 768px) {
  .page-index .ball__img:nth-child(2) {
    width: 16vw;
    top: 67.73vw;
    right: -6.4vw;
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.page-index .ball__img:nth-child(3) {
  width: 6.94vw;
  top: 28.47vw;
  right: 27.01vw;
  -webkit-filter: blur(15px);
  filter: blur(15px);
}
@media (max-width: 768px) {
  .page-index .ball__img:nth-child(3) {
    width: 4.26vw;
    top: 64vw;
    right: 13.33vw;
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.page-index .ball__img:nth-child(4) {
  width: 2.08vw;
  top: 27.77vw;
  left: 75vw;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.page-index .index .link-list,
.page-index .index--blue .link-list,
.page-index .index--green .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(4.16vw, 60px);
  row-gap: 96px;
}
.page-index .index .link-list > li,
.page-index .index--blue .link-list > li,
.page-index .index--green .link-list > li {
  width: calc((100% - min(4.16vw, 60px) * 2) / 3);
}
@media (max-width: 1024px) {
  .page-index .index .link-list,
  .page-index .index--blue .link-list,
  .page-index .index--green .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2em;
  }
  .page-index .index .link-list > li,
  .page-index .index--blue .link-list > li,
  .page-index .index--green .link-list > li {
    width: calc((100% - 4em) / 3);
  }
}
@media (max-width: 768px) {
  .page-index .index .link-list,
  .page-index .index--blue .link-list,
  .page-index .index--green .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px;
    row-gap: 60px;
  }
  .page-index .index .link-list > li,
  .page-index .index--blue .link-list > li,
  .page-index .index--green .link-list > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-index .index .link-list li,
.page-index .index--blue .link-list li,
.page-index .index--green .link-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .page-index .index .link-list li,
  .page-index .index--blue .link-list li,
  .page-index .index--green .link-list li {
    max-width: 280px;
    margin: 0 auto;
  }
}
.page-index .index .link-list__item,
.page-index .index--blue .link-list__item,
.page-index .index--green .link-list__item {
  position: relative;
  display: block;
}
.page-index .index .link-list__img,
.page-index .index--blue .link-list__img,
.page-index .index--green .link-list__img {
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.page-index .index .link-list__img img,
.page-index .index--blue .link-list__img img,
.page-index .index--green .link-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-index .index .link-list__ttl,
.page-index .index--blue .link-list__ttl,
.page-index .index--green .link-list__ttl {
  position: absolute;
  bottom: 0;
  padding-right: 85px;
  min-height: 85px;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  z-index: 5;
  width: 100%;
}
@media (max-width: 1024px) {
  .page-index .index .link-list__ttl,
  .page-index .index--blue .link-list__ttl,
  .page-index .index--green .link-list__ttl {
    padding-right: 50px;
    min-height: 50px;
  }
}
@media (max-width: 768px) {
  .page-index .index .link-list__ttl,
  .page-index .index--blue .link-list__ttl,
  .page-index .index--green .link-list__ttl {
    padding-right: 60px;
    min-height: 60px;
  }
}
.page-index .index .link-list__ttl span,
.page-index .index--blue .link-list__ttl span,
.page-index .index--green .link-list__ttl span {
  display: inline-block;
  font-size: 2rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  color: #fff;
  position: relative;
}
@media (max-width: 1024px) {
  .page-index .index .link-list__ttl span,
  .page-index .index--blue .link-list__ttl span,
  .page-index .index--green .link-list__ttl span {
    font-size: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-index .index .link-list__ttl span,
  .page-index .index--blue .link-list__ttl span,
  .page-index .index--green .link-list__ttl span {
    font-size: 1.5rem;
  }
}
.page-index .index .link-list__ttl span:before,
.page-index .index--blue .link-list__ttl span:before,
.page-index .index--green .link-list__ttl span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #f08300;
  z-index: -1;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-index .index .link-list__ttl:after,
.page-index .index--blue .link-list__ttl:after,
.page-index .index--green .link-list__ttl:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  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;
  font-size: 1.125rem;
  background-color: #f08300;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-index .index .link-list__ttl:after,
  .page-index .index--blue .link-list__ttl:after,
  .page-index .index--green .link-list__ttl:after {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 768px) {
  .page-index .index .link-list__ttl:after,
  .page-index .index--blue .link-list__ttl:after,
  .page-index .index--green .link-list__ttl:after {
    width: 60px;
    height: 60px;
  }
}
.page-index .index .link-list__ttl.active span:before,
.page-index .index--blue .link-list__ttl.active span:before,
.page-index .index--green .link-list__ttl.active span:before {
  width: 100%;
}
@media (min-width: 1025px) {
  .page-index .index .link-list a:hover,
  .page-index .index--blue .link-list a:hover,
  .page-index .index--green .link-list a:hover {
    opacity: 1;
  }
  .page-index .index .link-list a:hover .link-list__img img,
  .page-index .index--blue .link-list a:hover .link-list__img img,
  .page-index .index--green .link-list a:hover .link-list__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .page-index .index .link-list a:hover .link-list__ttl:after,
  .page-index .index--blue .link-list a:hover .link-list__ttl:after,
  .page-index .index--green .link-list a:hover .link-list__ttl:after {
    background-color: #fff;
    color: #f08300;
  }
}
.page-index .index--green .link-list__ttl span:before {
  background-color: #1eac4b;
}
.page-index .index--green .link-list__ttl:after {
  background-color: #1eac4b;
}
@media (min-width: 1025px) {
  .page-index .index--green .link-list a:hover .link-list__ttl:after {
    color: #1eac4b;
  }
}
.page-index .index--blue .link-list__ttl span:before {
  background-color: #0089ce;
}
.page-index .index--blue .link-list__ttl:after {
  background-color: #0089ce;
}
@media (min-width: 1025px) {
  .page-index .index--blue .link-list a:hover .link-list__ttl:after {
    color: #0089ce;
  }
}
.page-head,
.page-head--blue,
.page-head--green,
.page-head--magenta,
.page-head--orange,
.page-head--red {
  margin-top: 120px;
  margin-bottom: 200px;
}
@media (max-width: 1024px) {
  .page-head,
  .page-head--blue,
  .page-head--green,
  .page-head--magenta,
  .page-head--orange,
  .page-head--red {
    margin-top: 0;
    margin-bottom: 180px;
  }
}
@media (max-width: 768px) {
  .page-head,
  .page-head--blue,
  .page-head--green,
  .page-head--magenta,
  .page-head--orange,
  .page-head--red {
    margin-top: 40px;
    margin-bottom: 72px;
  }
}
.page-head__inr {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .page-head__inr {
    margin-bottom: 32px;
  }
}
.page-head__copy {
  font-size: 1.625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
}
@media (max-width: 1024px) {
  .page-head__copy {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .page-head__copy {
    font-size: 1.3125rem;
  }
}
.page-head__ttl {
  font-size: 4.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .page-head__ttl {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .page-head__ttl {
    font-size: 2.75rem;
  }
}
.page-head__ttl > span {
  position: relative;
  overflow: hidden;
}
.page-head__ttl > span:before {
  content: "";
  width: 0%;
  height: 60%;
  top: 50%;
  left: 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: -1;
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-head__ttl > span span {
  display: inline-block;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-head__ttl.active > span:before {
  width: 100%;
}
.page-head__ttl.active > span span {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.page-head__ttlbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .page-head__ttlbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 32px;
  }
}
.page-head__imgbox {
  position: relative;
  width: 100%;
}
.page-head__imgbox .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-head__imgbox .ball__img {
  position: absolute;
}
.page-head__imgbox .ball__img:first-child {
  width: 13.88vw;
  top: min(-4.17vw, -60px);
  left: 3.88vw;
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
@media (max-width: 768px) {
  .page-head__imgbox .ball__img:first-child {
    width: 15.46vw;
    top: min(-8vw, -30px);
    left: auto;
    right: 8vw;
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }
}
.page-head__imgbox .ball__img:nth-child(2) {
  width: 2.91vw;
  top: 6.94vw;
  left: 17.36vw;
}
@media (max-width: 768px) {
  .page-head__imgbox .ball__img:nth-child(2) {
    width: 3.46vw;
    top: 4.8vw;
    right: 22.66vw;
    left: auto;
  }
}
.page-head__imgbox .ball__img:nth-child(3) {
  width: 8.68vw;
  bottom: min(-2.57vw, -37px);
  right: 6.25vw;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
@media (max-width: 768px) {
  .page-head__imgbox .ball__img:nth-child(3) {
    width: 12vw;
    bottom: min(-6.4vw, -24px);
    right: auto;
    left: 8vw;
  }
}
.page-head__img {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  height: 400px;
  overflow: hidden;
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-head__img {
    height: 300px;
  }
}
@media (max-width: 768px) {
  .page-head__img {
    height: 180px;
  }
}
.page-head__img img,
.page-head__img picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-head__img.active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.page-head--orange .page-head__copy {
  color: #f08300;
}
.page-head--magenta .page-head__copy {
  color: #b60081;
}
.page-head--green .page-head__copy {
  color: #1eac4b;
}
.page-head--blue .page-head__copy {
  color: #0089ce;
}
.page-head--red .page-head__copy {
  color: #e72534;
}
.index-head,
.index-head--blue,
.index-head--green,
.index-head--navy,
.index-head--orange,
.index-head--pink {
  margin-top: 120px;
  margin-bottom: 200px;
}
@media (max-width: 1024px) {
  .index-head,
  .index-head--blue,
  .index-head--green,
  .index-head--navy,
  .index-head--orange,
  .index-head--pink {
    margin-top: 0;
    margin-bottom: 180px;
  }
}
@media (max-width: 768px) {
  .index-head,
  .index-head--blue,
  .index-head--green,
  .index-head--navy,
  .index-head--orange,
  .index-head--pink {
    margin-top: 40px;
    margin-bottom: 72px;
  }
}
.index-head__copy {
  color: #fff;
  font-size: 1.625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
}
@media (max-width: 1024px) {
  .index-head__copy {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .index-head__copy {
    font-size: 1.3125rem;
  }
}
.index-head__ttl {
  font-size: 4.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 5;
}
@media (max-width: 1024px) {
  .index-head__ttl {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .index-head__ttl {
    font-size: 2.75rem;
  }
}
.index-head__ttl > span {
  position: relative;
  overflow: hidden;
}
.index-head__ttl > span:before {
  content: "";
  width: 0%;
  height: 60%;
  top: 50%;
  left: 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: -1;
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.index-head__ttl > span span {
  display: inline-block;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.index-head__ttl.active > span:before {
  width: 100%;
}
.index-head__ttl.active > span span {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.index-head__ttlbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .index-head__ttlbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 54px;
  }
}
.index-head__en {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #000;
}
@media (max-width: 1024px) {
  .index-head__en {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .index-head__en {
    font-size: 1rem;
  }
}
.index-head--navy .index-head__copy {
  color: #3b1e87;
}
.index-head--orange .index-head__en {
  color: #f08300;
}
.index-head--green .index-head__en {
  color: #1eac4b;
}
.index-head--blue .index-head__en {
  color: #0089ce;
}
.index-head--pink .index-head__copy {
  color: #ea5f9e;
}
.index-head--pink .index-head__en {
  color: #ea5f9e;
}
.index-head--pink .ball {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.index-head--pink .ball__img {
  position: absolute;
}
.index-head--pink .ball__img:first-child {
  width: 38.88vw;
  top: -6.95vw;
  left: -25vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
@media (max-width: 768px) {
  .index-head--pink .ball__img:first-child {
    width: 90.66vw;
    top: -22.67vw;
    left: -24vw;
  }
}
.index-head--pink .ball__img:nth-child(2) {
  width: 19.44vw;
  top: 32.63vw;
  right: -6.67vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
@media (max-width: 768px) {
  .index-head--pink .ball__img:nth-child(2) {
    width: 16vw;
    top: 67.73vw;
    right: -6.4vw;
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.pagetop {
  position: fixed;
  right: -60px;
  bottom: 50px;
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 100;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  pointer-events: none;
  -webkit-transition: 1.2s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 1.2s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .pagetop {
    right: -30px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 50px;
  }
}
.pagetop.scrolled {
  right: 20px;
}
@media (max-width: 768px) {
  .pagetop.scrolled {
    right: 6px;
  }
}
.pagetop__btn {
  pointer-events: all;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 1em;
}
@media (max-width: 768px) {
  .pagetop__btn {
    font-size: 0.75rem;
    gap: 0.5em;
  }
}
.pagetop__btn:before {
  content: "\e901";
  color: #fff;
  font-size: 0.75rem;
  width: 30px;
  height: 30px;
  background-color: #7f1084;
  border-radius: 50%;
  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;
  font-family: "icomoon";
}
@media (max-width: 768px) {
  .pagetop__btn:before {
    width: 18px;
    height: 18px;
    font-size: 0.5rem;
  }
}
@media (min-width: 1025px) {
  .pagetop__btn:hover {
    opacity: 1;
    gap: 2em;
  }
}
.back__btn,
.back__btn--blue,
.back__btn--green,
.back__btn--orange,
.back__btn--pink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.back__btn--blue:not(:last-child),
.back__btn--green:not(:last-child),
.back__btn--orange:not(:last-child),
.back__btn--pink:not(:last-child),
.back__btn:not(:last-child) {
  margin-bottom: 1.25rem;
}
.back__btn a,
.back__btn--blue a,
.back__btn--green a,
.back__btn--orange a,
.back__btn--pink a {
  min-width: 360px;
  border: 2px solid #7f1084;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .back__btn a,
  .back__btn--blue a,
  .back__btn--green a,
  .back__btn--orange a,
  .back__btn--pink a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .back__btn a,
  .back__btn--blue a,
  .back__btn--green a,
  .back__btn--orange a,
  .back__btn--pink a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.back__btn a span,
.back__btn--blue a span,
.back__btn--green a span,
.back__btn--orange a span,
.back__btn--pink a span {
  color: #7f1084;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn a span,
  .back__btn--blue a span,
  .back__btn--green a span,
  .back__btn--orange a span,
  .back__btn--pink a span {
    font-size: 1rem;
  }
}
.back__btn a span:after,
.back__btn--blue a span:after,
.back__btn--green a span:after,
.back__btn--orange a span:after,
.back__btn--pink a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #7f1084;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn a span:after,
  .back__btn--blue a span:after,
  .back__btn--green a span:after,
  .back__btn--orange a span:after,
  .back__btn--pink a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .back__btn a:hover,
  .back__btn--blue a:hover,
  .back__btn--green a:hover,
  .back__btn--orange a:hover,
  .back__btn--pink a:hover {
    opacity: 1;
    background-color: #7f1084;
  }
  .back__btn a:hover span,
  .back__btn--blue a:hover span,
  .back__btn--green a:hover span,
  .back__btn--orange a:hover span,
  .back__btn--pink a:hover span {
    color: #fff;
  }
  .back__btn a:hover span:after,
  .back__btn--blue a:hover span:after,
  .back__btn--green a:hover span:after,
  .back__btn--orange a:hover span:after,
  .back__btn--pink a:hover span:after {
    left: 5px;
  }
}
.back__btn--blue a {
  min-width: 360px;
  border: 2px solid #0089ce;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .back__btn--blue a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .back__btn--blue a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.back__btn--blue a span {
  color: #0089ce;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--blue a span {
    font-size: 1rem;
  }
}
.back__btn--blue a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #0089ce;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--blue a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .back__btn--blue a:hover {
    opacity: 1;
    background-color: #0089ce;
  }
  .back__btn--blue a:hover span {
    color: #fff;
  }
  .back__btn--blue a:hover span:after {
    left: 5px;
  }
}
.back__btn--pink a {
  min-width: 360px;
  border: 2px solid #ea5f9e;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .back__btn--pink a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .back__btn--pink a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.back__btn--pink a span {
  color: #ea5f9e;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--pink a span {
    font-size: 1rem;
  }
}
.back__btn--pink a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #ea5f9e;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--pink a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .back__btn--pink a:hover {
    opacity: 1;
    background-color: #ea5f9e;
  }
  .back__btn--pink a:hover span {
    color: #fff;
  }
  .back__btn--pink a:hover span:after {
    left: 5px;
  }
}
.back__btn--green a {
  min-width: 360px;
  border: 2px solid #1eac4b;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .back__btn--green a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .back__btn--green a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.back__btn--green a span {
  color: #1eac4b;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--green a span {
    font-size: 1rem;
  }
}
.back__btn--green a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #1eac4b;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--green a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .back__btn--green a:hover {
    opacity: 1;
    background-color: #1eac4b;
  }
  .back__btn--green a:hover span {
    color: #fff;
  }
  .back__btn--green a:hover span:after {
    left: 5px;
  }
}
.back__btn--orange a {
  min-width: 360px;
  border: 2px solid #f08300;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .back__btn--orange a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .back__btn--orange a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.back__btn--orange a span {
  color: #f08300;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--orange a span {
    font-size: 1rem;
  }
}
.back__btn--orange a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #f08300;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .back__btn--orange a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .back__btn--orange a:hover {
    opacity: 1;
    background-color: #f08300;
  }
  .back__btn--orange a:hover span {
    color: #fff;
  }
  .back__btn--orange a:hover span:after {
    left: 5px;
  }
}
@media (max-width: 768px) {
  .anc-area {
    position: sticky;
    top: 90px;
    -webkit-animation: anc-show 0.6s ease-in-out forwards;
    animation: anc-show 0.6s ease-in-out forwards;
    opacity: 0;
    z-index: 200;
  }
  @-webkit-keyframes anc-show {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes anc-show {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}
.anc-area__inr {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.anc-area.fixed {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-animation: anc-fixed 0.6s ease-in-out forwards;
  animation: anc-fixed 0.6s ease-in-out forwards;
  opacity: 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .anc-area.fixed .anc-area__inr {
    padding: 0 10px;
  }
}
.anc-area.fixed .anc,
.anc-area.fixed .anc--blue,
.anc-area.fixed .anc--green,
.anc-area.fixed .anc--magenta,
.anc-area.fixed .anc--orange,
.anc-area.fixed .anc--red,
.anc-area.fixed .anc--s {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .anc-area.fixed .anc,
  .anc-area.fixed .anc--blue,
  .anc-area.fixed .anc--green,
  .anc-area.fixed .anc--magenta,
  .anc-area.fixed .anc--orange,
  .anc-area.fixed .anc--red,
  .anc-area.fixed .anc--s {
    height: 38px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    padding: 10px;
  }
  .anc-area.fixed .anc--blue > li,
  .anc-area.fixed .anc--green > li,
  .anc-area.fixed .anc--magenta > li,
  .anc-area.fixed .anc--orange > li,
  .anc-area.fixed .anc--red > li,
  .anc-area.fixed .anc--s > li,
  .anc-area.fixed .anc > li {
    width: auto;
  }
  .anc-area.fixed .anc .anc__link,
  .anc-area.fixed .anc--blue .anc__link,
  .anc-area.fixed .anc--green .anc__link,
  .anc-area.fixed .anc--magenta .anc__link,
  .anc-area.fixed .anc--orange .anc__link,
  .anc-area.fixed .anc--red .anc__link,
  .anc-area.fixed .anc--s .anc__link {
    font-size: 0.6875rem;
    white-space: nowrap;
  }
  .anc-area.fixed .anc--blue:before,
  .anc-area.fixed .anc--green:before,
  .anc-area.fixed .anc--magenta:before,
  .anc-area.fixed .anc--orange:before,
  .anc-area.fixed .anc--red:before,
  .anc-area.fixed .anc--s:before,
  .anc-area.fixed .anc:before {
    width: 16px;
    height: 16px;
  }
}
.anc,
.anc--blue,
.anc--green,
.anc--magenta,
.anc--orange,
.anc--red,
.anc--s {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 120px;
  position: relative;
}
@media (max-width: 1024px) {
  .anc,
  .anc--blue,
  .anc--green,
  .anc--magenta,
  .anc--orange,
  .anc--red,
  .anc--s {
    padding: 1.5rem 1em;
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .anc,
  .anc--blue,
  .anc--green,
  .anc--magenta,
  .anc--orange,
  .anc--red,
  .anc--s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    padding: 1em 0.625rem;
    margin-bottom: 40px;
  }
  .anc--blue > li,
  .anc--green > li,
  .anc--magenta > li,
  .anc--orange > li,
  .anc--red > li,
  .anc--s > li,
  .anc > li {
    width: calc((100% - 12px) / 2);
  }
}
.anc__item {
  padding: 0 min(4.16vw, 60px);
  line-height: 1;
}
@media (max-width: 768px) {
  .anc__item {
    padding: 0;
  }
}
.anc__item:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .anc__item:not(:last-child) {
    border: none;
  }
}
.anc__link {
  color: #000;
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  line-height: 1;
}
@media (max-width: 1024px) {
  .anc__link {
    font-size: 0.9375rem;
    gap: 0.375rem;
  }
}
@media (max-width: 768px) {
  .anc__link {
    font-size: 0.8125rem;
    gap: 0.5rem;
  }
}
.anc__link:before {
  content: "\e900";
  width: 21px;
  height: 21px;
  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;
  color: #fff;
  background-color: #7f1084;
  border-radius: 50%;
  font-family: "icomoon";
  font-size: 0.5rem;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .anc__link:before {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 1025px) {
  .anc__link:hover {
    opacity: 1;
    color: #7f1084;
  }
  .anc__link:hover:before {
    -webkit-transform: rotate(90deg) translateX(3px);
    transform: rotate(90deg) translateX(3px);
  }
}
.anc--blue .anc__link:before {
  background-color: #0089ce;
}
@media (min-width: 1025px) {
  .anc--blue .anc__link:hover {
    opacity: 1;
    color: #0089ce;
  }
}
.anc--green .anc__link:before {
  background-color: #1eac4b;
}
@media (min-width: 1025px) {
  .anc--green .anc__link:hover {
    opacity: 1;
    color: #1eac4b;
  }
}
.anc--magenta .anc__link:before {
  background-color: #b60081;
}
@media (min-width: 1025px) {
  .anc--magenta .anc__link:hover {
    opacity: 1;
    color: #b60081;
  }
}
.anc--orange .anc__link:before {
  background-color: #f08300;
}
@media (min-width: 1025px) {
  .anc--orange .anc__link:hover {
    opacity: 1;
    color: #f08300;
  }
}
.anc--red .anc__link:before {
  background-color: #e72534;
}
@media (min-width: 1025px) {
  .anc--red .anc__link:hover {
    opacity: 1;
    color: #e72534;
  }
}
.anc--s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  padding: 40px, min(2.08vw, 30px);
}
.anc--s > li {
  width: calc((100% - 12px) / 2);
}
.anc--s .anc__item {
  border: none;
  padding: 0;
}
.cnt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2em;
}
.cnt-wrap__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 960px;
}
.sidenav,
.sidenav--blue,
.sidenav--orange {
  position: sticky;
  top: calc(120px + 3em);
}
@media (max-width: 768px) {
  .sidenav,
  .sidenav--blue,
  .sidenav--orange {
    display: none;
  }
}
.sidenav__item {
  margin-bottom: 0.7em;
}
.sidenav__item.current .sidenav__link {
  color: #7f1084;
}
.sidenav__item.current .sidenav__link:before {
  opacity: 1;
}
.sidenav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6875rem;
  font-size: 0.9375rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #000;
}
@media (min-width: 1025px) {
  .sidenav__link:hover {
    opacity: 1;
    color: #7f1084;
  }
}
.sidenav__link:before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #7f1084;
  opacity: 0;
}
@media (min-width: 1025px) {
  .os-windows .sidenav__link:before {
    margin-bottom: 5px;
  }
}
.sidenav--blue .sidenav__item.current .sidenav__link {
  color: #0089ce;
}
.sidenav--blue .sidenav__link:before {
  background-color: #0089ce;
}
@media (min-width: 1025px) {
  .sidenav--blue .sidenav__link:hover {
    opacity: 1;
    color: #0089ce;
  }
}
.sidenav--orange .sidenav__item.current .sidenav__link {
  color: #f08300;
}
.sidenav--orange .sidenav__link:before {
  background-color: #f08300;
}
@media (min-width: 1025px) {
  .sidenav--orange .sidenav__link:hover {
    opacity: 1;
    color: #f08300;
  }
}
.sidenav-sub {
  margin-top: 4px;
}
.sidenav-sub__item {
  margin-bottom: 4px;
}
.sidenav-sub__item.current .sidenav-sub__link {
  color: #f08300;
}
.sidenav-sub__item.current .sidenav-sub__link:before {
  opacity: 1;
}
.sidenav-sub__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6875rem;
  font-size: 0.875rem;
  color: #000;
}
@media (min-width: 1025px) {
  .sidenav-sub__link:hover {
    opacity: 1;
    color: #f08300;
  }
}
.sidenav-sub__link:before {
  content: "";
  width: 0.5em;
  height: 1px;
  background-color: #f08300;
  opacity: 0;
}
@media (max-width: 768px) {
  .link-area,
  .link-area--blue,
  .link-area--green,
  .link-area--navy,
  .link-area--orange,
  .link-area--pink {
    margin-bottom: 0 !important;
  }
}
.link-area__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.5rem;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.link-area__wrap > li {
  width: calc((100% - 2.5rem) / 2);
}
@media (max-width: 1024px) {
  .link-area__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1em;
  }
  .link-area__wrap > li {
    width: calc((100% - 1em) / 2);
  }
}
@media (max-width: 768px) {
  .link-area__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 36px;
  }
  .link-area__wrap > li {
    width: calc((100% - 0px) / 1);
  }
}
.link-area__item {
  position: relative;
}
.link-area__item:after,
.link-area__item:before {
  content: "";
  position: absolute;
  background: url(/recruit/assets/uploads/ball-purple.png) no-repeat center
    center/contain;
  z-index: 5;
  pointer-events: none;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.link-area__item:before {
  width: 35px;
  height: 35px;
  left: min(1.66vw, 24px);
  top: -8px;
  -webkit-transform: scale(0);
  transform: scale(0);
}
@media (max-width: 768px) {
  .link-area__item:before {
    width: 26px;
    height: 26px;
    left: 10px;
    top: -8px;
  }
}
.link-area__item:after {
  width: 12px;
  height: 12px;
  top: -20px;
  left: min(5vw, 72px);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@media (max-width: 768px) {
  .link-area__item:after {
    width: 9px;
    height: 9px;
    left: 48px;
    top: -14px;
  }
}
.link-area__item:first-child:before {
  -webkit-animation: ballFloat1 3s ease-in-out infinite;
  animation: ballFloat1 3s ease-in-out infinite;
}
.link-area__item:first-child:after {
  -webkit-animation: ballFloat2 5s ease-in-out infinite 0.2s;
  animation: ballFloat2 5s ease-in-out infinite 0.2s;
}
.link-area__item:nth-child(2):before {
  -webkit-animation: ballFloat3 4s ease-in-out infinite 0.2s;
  animation: ballFloat3 4s ease-in-out infinite 0.2s;
}
.link-area__item:nth-child(2):after {
  -webkit-animation: ballFloat1 6s ease-in-out infinite;
  animation: ballFloat1 6s ease-in-out infinite;
}
.link-area__item:nth-child(3):before {
  -webkit-animation: ballFloat2 5s ease-in-out infinite 0.2s;
  animation: ballFloat2 5s ease-in-out infinite 0.2s;
}
.link-area__item:nth-child(3):after {
  -webkit-animation: ballFloat3 4s ease-in-out infinite;
  animation: ballFloat3 4s ease-in-out infinite;
}
.link-area__btn {
  display: block;
  padding: 3rem min(4.16vw, 60px) 3rem min(6.94vw, 100px);
  border-radius: 500px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .link-area__btn {
    background-size: cover;
    padding: 30px 1em 30px 2em;
  }
}
@media (max-width: 768px) {
  .link-area__btn {
    padding: 28px 1.5rem 28px 2rem;
  }
}
@media (min-width: 1025px) {
  .link-area__btn:hover {
    background-size: auto 120%;
  }
  .link-area__btn:hover:before {
    background-color: rgba(0, 137, 206, 0.6);
  }
}
.link-area__btn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.link-area__btn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1em;
  color: #fff;
  font-size: 1.5rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 5;
}
@media (max-width: 1024px) {
  .link-area__btn span {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .link-area__btn span {
    font-size: 1rem;
  }
}
.link-area__btn span:after {
  content: "\e900";
  color: #fff;
  font-family: "icomoon";
  font-size: 1.3125rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .link-area__btn span:after {
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .link-area__btn:hover {
    opacity: 1;
  }
}
.link-area--blue .link-area__item:after,
.link-area--blue .link-area__item:before {
  background-image: url(/recruit/assets/uploads/ball-blue.png);
}
@media (min-width: 1025px) {
  .link-area--blue .link-area__btn:hover:before {
    background-color: rgba(0, 137, 206, 0.6);
  }
}
.link-area--green .link-area__item:after,
.link-area--green .link-area__item:before {
  background-image: url(/recruit/assets/uploads/ball-green.png);
}
@media (min-width: 1025px) {
  .link-area--green .link-area__btn:hover:before {
    background-color: rgba(30, 172, 75, 0.6);
  }
}
.link-area--navy .link-area__item:after,
.link-area--navy .link-area__item:before {
  background-image: url(/recruit/assets/uploads/ball-navy.png);
}
@media (min-width: 1025px) {
  .link-area--navy .link-area__btn:hover:before {
    background-color: rgba(59, 30, 135, 0.6);
  }
}
.link-area--orange .link-area__item:after,
.link-area--orange .link-area__item:before {
  background-image: url(/recruit/assets/uploads/ball-orange.png);
}
@media (min-width: 1025px) {
  .link-area--orange .link-area__btn:hover:before {
    background-color: rgba(240, 131, 0, 0.6);
  }
}
.link-area--navy .link-area__item:after,
.link-area--navy .link-area__item:before {
  background-image: url(/recruit/assets/uploads/ball-navy.png);
}
@media (min-width: 1025px) {
  .link-area--navy .link-area__btn:hover:before {
    background-color: rgba(59, 30, 135, 0.6);
  }
}
.link-area--pink .link-area__item:after,
.link-area--pink .link-area__item:before {
  background-image: url(/recruit/assets/uploads/ball-pink.png);
}
@media (min-width: 1025px) {
  .link-area--pink .link-area__btn:hover:before {
    background-color: rgba(234, 95, 158, 0.6);
  }
}
.ball {
  pointer-events: none;
}
.ball__img {
  pointer-events: none;
}
.soon {
  text-align: center;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
}
.header {
  width: calc(100% - 40px);
  border-radius: 20px;
  height: 80px;
  padding: 0 20px 0 40px;
  margin: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  gap: 2em;
  top: 0;
  left: 0;
  z-index: 300;
  background-color: #fff;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media (max-width: 1280px) {
  .header {
    padding-left: 30px;
  }
}
@media (max-width: 1024px) {
  .header {
    padding: 1em 30px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 301;
    width: calc(100% - 20px);
    height: 70px;
    border-radius: 15px;
    margin: 10px;
    padding: 10px 15px 10px 20px;
  }
}
.header__logo {
  position: relative;
  z-index: 303;
}
.header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1280px) {
  .header__logo a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.header__logo span {
  line-height: 1;
  font-size: 0.75rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #000;
  margin-top: 15px;
}
@media (max-width: 1280px) {
  .header__logo span {
    margin-top: 0;
  }
}
.header__logo img {
  width: 130px;
}
@media (max-width: 1280px) {
  .header__logo img {
    width: 105px;
  }
}
.header.hidden {
  top: calc(-100% - 40px);
}
@media (max-width: 768px) {
  .header.hidden {
    top: calc(-100% - 20px);
  }
}
.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 1em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}
.header-menu .gnav-main {
  height: 100%;
  gap: 0;
}
@media (max-width: 1024px) {
  .header-menu .gnav-main {
    display: none;
  }
}
.header-menu .gnav-main > li {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-menu .gnav-main__ttl {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
}
@media (max-width: 1280px) {
  .header-menu .gnav-main__ttl {
    padding: 0 5px;
  }
}
.header-menu .gnav-main__ttl span {
  position: relative;
  display: inline-block;
}
.header-menu .gnav-main__ttl span:before {
  content: "";
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 0;
  height: 50%;
  background-color: #e8e8e8;
  z-index: -1;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .header-menu .gnav-main__ttl span:before {
    display: none;
  }
}
@media (min-width: 1025px) {
  .header-menu .gnav-main__ttl:hover {
    opacity: 1;
    color: #7f1084;
  }
  .header-menu .gnav-main__ttl:hover span:before {
    width: 100%;
  }
}
.header-menu .cv-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
@media (max-width: 768px) {
  .header-menu .cv-btn {
    display: none;
  }
}
.header-menu .entry,
.header-menu .internship {
  font-size: 0.8125rem;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  background-color: #e72534;
  color: #fff;
  padding: 18px 28px;
  line-height: 1;
  border-radius: 10px;
  border: 1px solid #e72534;
  background: url(/recruit/assets/uploads/entry-bg.jpg) no-repeat center
    center/cover;
  background-color: #e72534;
}
@media (max-width: 1280px) {
  .header-menu .entry,
  .header-menu .internship {
    padding: 18px;
  }
}
@media (min-width: 1025px) {
  .header-menu .entry:hover,
  .header-menu .internship:hover {
    opacity: 1;
    background: #fff;
    color: #e72534;
  }
}
.header-menu .internship {
  background-image: url(/recruit/assets/uploads/internship-bg.jpg);
  background-color: #ffe35b;
  color: #000;
  border-color: #ffe35b;
}
@media (min-width: 1025px) {
  .header-menu .internship:hover {
    color: #000;
  }
}
.floating {
  display: none;
}
@media (max-width: 768px) {
  .floating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
    text-align: center;
    font-size: 1.125rem;
  }
}
.floating__ttl {
  background-color: #e72534;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  height: 56px;
  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;
  position: relative;
}
.floating__ttl:before {
  content: "";
  width: 2px;
  height: 14px;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  top: 21px;
  right: 30px;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.floating__ttl:after {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.floating .floating-link {
  background-color: #e72534;
  border-radius: 8px;
  padding: 0 10px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
}
.floating .floating-link li:not(:last-child) .floating-link__item,
.floating .floating-link li:not(:last-child) .floating-link__item--blank {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.floating .floating-link__item,
.floating .floating-link__item--blank {
  color: #fff;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  padding: 20px 1em;
}
.floating .floating-link__item--blank:after,
.floating .floating-link__item:after {
  content: "\e900";
  font-family: "icomoon";
}
.floating .floating-link__item--blank:after {
  content: "\e902";
}
.floating.active .floating-link {
  padding: 10px;
  height: auto;
  opacity: 1;
  pointer-events: all;
}
.floating.active .floating__ttl:before {
  height: 0;
}
.megamenu,
.megamenu--blue,
.megamenu--green,
.megamenu--navy,
.megamenu--orange,
.megamenu--pink {
  position: fixed;
  top: 100px;
  padding-top: 20px;
  right: 20px;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  max-width: min(100% - 40px, 990px);
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .megamenu,
  .megamenu--blue,
  .megamenu--green,
  .megamenu--navy,
  .megamenu--orange,
  .megamenu--pink {
    display: none;
  }
}
.megamenu__inr {
  background-color: #fff;
  overflow: hidden;
  border-radius: 20px;
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2em;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.megamenu__inr:before {
  content: "";
  width: 20%;
  aspect-ratio: 1/1;
  background: url(/recruit/assets/uploads/ball-magenta.png) no-repeat center
    center/contain;
  position: absolute;
  top: 170px;
  left: -6%;
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
.megamenu__inr:after {
  content: "";
  width: 12%;
  aspect-ratio: 1/1;
  background: url(/recruit/assets/uploads/ball-magenta.png) no-repeat center
    center/contain;
  position: absolute;
  top: -68px;
  right: -3%;
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
.megamenu__ttl {
  font-size: 1.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  margin-bottom: 1.25rem;
}
.megamenu__ttl span {
  display: block;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #7f1084;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
}
.megamenu__lead {
  font-size: 0.9375rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 2;
}
.megamenu .gnav-sub,
.megamenu--blue .gnav-sub,
.megamenu--green .gnav-sub,
.megamenu--navy .gnav-sub,
.megamenu--orange .gnav-sub,
.megamenu--pink .gnav-sub {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 560px;
}
.megamenu .gnav-sub__link,
.megamenu .gnav-sub__link--blank,
.megamenu--blue .gnav-sub__link,
.megamenu--blue .gnav-sub__link--blank,
.megamenu--green .gnav-sub__link,
.megamenu--green .gnav-sub__link--blank,
.megamenu--navy .gnav-sub__link,
.megamenu--navy .gnav-sub__link--blank,
.megamenu--orange .gnav-sub__link,
.megamenu--orange .gnav-sub__link--blank,
.megamenu--pink .gnav-sub__link,
.megamenu--pink .gnav-sub__link--blank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1em;
  font-size: 0.875rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  padding: 24px 32px 24px 0;
  border-bottom: 1px solid rgba(15, 15, 15, 0.3);
  position: relative;
  letter-spacing: 0.03em;
}
.megamenu .gnav-sub__link--blank:before,
.megamenu .gnav-sub__link:before,
.megamenu--blue .gnav-sub__link--blank:before,
.megamenu--blue .gnav-sub__link:before,
.megamenu--green .gnav-sub__link--blank:before,
.megamenu--green .gnav-sub__link:before,
.megamenu--navy .gnav-sub__link--blank:before,
.megamenu--navy .gnav-sub__link:before,
.megamenu--orange .gnav-sub__link--blank:before,
.megamenu--orange .gnav-sub__link:before,
.megamenu--pink .gnav-sub__link--blank:before,
.megamenu--pink .gnav-sub__link:before {
  content: "";
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: #7f1084;
  -webkit-transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
}
.megamenu .gnav-sub__link--blank:after,
.megamenu .gnav-sub__link:after,
.megamenu--blue .gnav-sub__link--blank:after,
.megamenu--blue .gnav-sub__link:after,
.megamenu--green .gnav-sub__link--blank:after,
.megamenu--green .gnav-sub__link:after,
.megamenu--navy .gnav-sub__link--blank:after,
.megamenu--navy .gnav-sub__link:after,
.megamenu--orange .gnav-sub__link--blank:after,
.megamenu--orange .gnav-sub__link:after,
.megamenu--pink .gnav-sub__link--blank:after,
.megamenu--pink .gnav-sub__link:after {
  content: "\e900";
  font-family: "icomoon";
  font-size: 0.875rem;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  color: #7f1084;
}
.megamenu .gnav-sub__link--blank:after,
.megamenu--blue .gnav-sub__link--blank:after,
.megamenu--green .gnav-sub__link--blank:after,
.megamenu--navy .gnav-sub__link--blank:after,
.megamenu--orange .gnav-sub__link--blank:after,
.megamenu--pink .gnav-sub__link--blank:after {
  content: "\e902";
  font-size: 1rem;
}
.megamenu .gnav-sub__link--blank:hover,
.megamenu .gnav-sub__link:hover,
.megamenu--blue .gnav-sub__link--blank:hover,
.megamenu--blue .gnav-sub__link:hover,
.megamenu--green .gnav-sub__link--blank:hover,
.megamenu--green .gnav-sub__link:hover,
.megamenu--navy .gnav-sub__link--blank:hover,
.megamenu--navy .gnav-sub__link:hover,
.megamenu--orange .gnav-sub__link--blank:hover,
.megamenu--orange .gnav-sub__link:hover,
.megamenu--pink .gnav-sub__link--blank:hover,
.megamenu--pink .gnav-sub__link:hover {
  opacity: 1;
  color: #7f1084;
}
.megamenu .gnav-sub__link--blank:hover:before,
.megamenu .gnav-sub__link:hover:before,
.megamenu--blue .gnav-sub__link--blank:hover:before,
.megamenu--blue .gnav-sub__link:hover:before,
.megamenu--green .gnav-sub__link--blank:hover:before,
.megamenu--green .gnav-sub__link:hover:before,
.megamenu--navy .gnav-sub__link--blank:hover:before,
.megamenu--navy .gnav-sub__link:hover:before,
.megamenu--orange .gnav-sub__link--blank:hover:before,
.megamenu--orange .gnav-sub__link:hover:before,
.megamenu--pink .gnav-sub__link--blank:hover:before,
.megamenu--pink .gnav-sub__link:hover:before {
  width: 100%;
}
.megamenu .gnav-sub__link--blank:hover:after,
.megamenu .gnav-sub__link:hover:after,
.megamenu--blue .gnav-sub__link--blank:hover:after,
.megamenu--blue .gnav-sub__link:hover:after,
.megamenu--green .gnav-sub__link--blank:hover:after,
.megamenu--green .gnav-sub__link:hover:after,
.megamenu--navy .gnav-sub__link--blank:hover:after,
.megamenu--navy .gnav-sub__link:hover:after,
.megamenu--orange .gnav-sub__link--blank:hover:after,
.megamenu--orange .gnav-sub__link:hover:after,
.megamenu--pink .gnav-sub__link--blank:hover:after,
.megamenu--pink .gnav-sub__link:hover:after {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.megamenu--navy .megamenu__inr:after,
.megamenu--navy .megamenu__inr:before {
  background-image: url(/recruit/assets/uploads/ball-navy.png);
}
.megamenu--navy .megamenu__ttl span {
  color: #3b1e87;
}
.megamenu--navy .gnav-sub__link--blank:before,
.megamenu--navy .gnav-sub__link:before {
  background-color: #3b1e87;
}
.megamenu--navy .gnav-sub__link--blank:after,
.megamenu--navy .gnav-sub__link:after {
  color: #3b1e87;
}
.megamenu--navy .gnav-sub__link--blank:hover,
.megamenu--navy .gnav-sub__link:hover {
  color: #3b1e87;
}
.megamenu--pink .megamenu__inr:after,
.megamenu--pink .megamenu__inr:before {
  background-image: url(/recruit/assets/uploads/ball-pink.png);
}
.megamenu--pink .megamenu__ttl span {
  color: #ea5f9e;
}
.megamenu--pink .gnav-sub__link--blank:before,
.megamenu--pink .gnav-sub__link:before {
  background-color: #ea5f9e;
}
.megamenu--pink .gnav-sub__link--blank:after,
.megamenu--pink .gnav-sub__link:after {
  color: #ea5f9e;
}
.megamenu--pink .gnav-sub__link--blank:hover,
.megamenu--pink .gnav-sub__link:hover {
  color: #ea5f9e;
}
.megamenu--green .megamenu__inr:after,
.megamenu--green .megamenu__inr:before {
  background-image: url(/recruit/assets/uploads/ball-green.png);
}
.megamenu--green .megamenu__ttl span {
  color: #1eac4b;
}
.megamenu--green .gnav-sub__link--blank:before,
.megamenu--green .gnav-sub__link:before {
  background-color: #1eac4b;
}
.megamenu--green .gnav-sub__link--blank:after,
.megamenu--green .gnav-sub__link:after {
  color: #1eac4b;
}
.megamenu--green .gnav-sub__link--blank:hover,
.megamenu--green .gnav-sub__link:hover {
  color: #1eac4b;
}
.megamenu--orange .megamenu__inr:after,
.megamenu--orange .megamenu__inr:before {
  background-image: url(/recruit/assets/uploads/ball-orange.png);
}
.megamenu--orange .megamenu__ttl span {
  color: #f08300;
}
.megamenu--orange .gnav-sub__link--blank:before,
.megamenu--orange .gnav-sub__link:before {
  background-color: #f08300;
}
.megamenu--orange .gnav-sub__link--blank:after,
.megamenu--orange .gnav-sub__link:after {
  color: #f08300;
}
.megamenu--orange .gnav-sub__link--blank:hover,
.megamenu--orange .gnav-sub__link:hover {
  color: #f08300;
}
.megamenu--blue .megamenu__inr:after,
.megamenu--blue .megamenu__inr:before {
  background-image: url(/recruit/assets/uploads/ball-blue.png);
}
.megamenu--blue .megamenu__ttl span {
  color: #0089ce;
}
.megamenu--blue .gnav-sub__link--blank:before,
.megamenu--blue .gnav-sub__link:before {
  background-color: #0089ce;
}
.megamenu--blue .gnav-sub__link--blank:after,
.megamenu--blue .gnav-sub__link:after {
  color: #0089ce;
}
.megamenu--blue .gnav-sub__link--blank:hover,
.megamenu--blue .gnav-sub__link:hover {
  color: #0089ce;
}
.gnav-main__ttl:hover + .megamenu,
.gnav-main__ttl:hover + .megamenu--blue,
.gnav-main__ttl:hover + .megamenu--green,
.gnav-main__ttl:hover + .megamenu--navy,
.gnav-main__ttl:hover + .megamenu--orange,
.gnav-main__ttl:hover + .megamenu--pink {
  opacity: 1;
  pointer-events: all;
}
.megamenu--blue:hover,
.megamenu--green:hover,
.megamenu--navy:hover,
.megamenu--orange:hover,
.megamenu--pink:hover,
.megamenu:hover {
  opacity: 1;
  pointer-events: all;
}
.hamb-menu {
  display: none;
}
@media (max-width: 1024px) {
  .hamb-menu {
    width: 100%;
    height: 100%;
    padding: 120px 30px 40px;
    background: url(/recruit/assets/uploads/bg.jpg) repeat top center;
    background-color: #e9eaeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    right: 0;
    z-index: 302;
    overflow-y: scroll;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
    transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
}
.hamb-menu .cv-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  margin-bottom: 64px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .hamb-menu .cv-btn {
    margin-top: 4em;
  }
}
@media (max-width: 768px) {
  .hamb-menu .cv-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 10px;
    margin-bottom: 40px;
  }
}
.hamb-menu .cv-btn .internship {
  background-image: url(/recruit/assets/uploads/internship-bg.jpg);
  background-color: #ffe35b;
  color: #000;
  border-color: #ffe35b;
}
.hamb-menu .cv-btn .internship:after {
  color: #000;
}
@media (min-width: 1025px) {
  .hamb-menu .cv-btn .internship:hover {
    color: #000;
  }
  .hamb-menu .cv-btn .internship:hover:after {
    background-color: #ffe35b;
    color: #000;
  }
}
.hamb-btn {
  display: none;
}
@media (max-width: 1024px) {
  .hamb-btn {
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 303;
    padding: 0 13px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hamb-btn__bar,
  .hamb-btn__bar:after,
  .hamb-btn__bar:before {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
    transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  }
  .hamb-btn__bar:after,
  .hamb-btn__bar:before {
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 500px;
    background: #4d4d4d;
  }
  .hamb-btn__bar:before {
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
  .hamb-btn__bar:after {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
  }
}
@media (max-width: 1024px) {
  .hambActive .hamb-menu {
    pointer-events: all;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .hambActive .hamb-btn__bar:before {
    -webkit-transform: rotate(21deg);
    transform: rotate(21deg);
  }
  .hambActive .hamb-btn__bar:after {
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg);
  }
}
.gnav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 2em;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .gnav {
    gap: 1em;
  }
}
@media (max-width: 1024px) {
  .gnav {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.gnav-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .gnav-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .gnav-main > li {
    width: calc((100% - 3em) / 2);
  }
}
@media (max-width: 768px) {
  .gnav-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 40px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .gnav-main > li {
    width: 100%;
  }
}
.gnav-main__ttl {
  font-size: 0.9375rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.03em;
  color: #000;
  position: relative;
  cursor: default;
  display: inline-block;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1280px) {
  .gnav-main__ttl {
    font-size: 0.875rem;
  }
}
@media (max-width: 1024px) {
  .gnav-main__ttl {
    display: block;
    font-size: 1.25rem;
  }
}
.gnav-main__ttl.acdBtn {
  position: relative;
}
.gnav-main__ttl.acdBtn:after,
.gnav-main__ttl.acdBtn:before {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  left: inherit;
  bottom: inherit;
}
.gnav-main__ttl.acdBtn:before {
  width: 12px;
  height: 2px;
  top: calc(5px + 0.5em);
  right: 0;
}
.gnav-main__ttl.acdBtn:after {
  height: 12px;
  width: 2px;
  top: calc(0px + 0.5em);
  right: 5px;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.gnav-main a.gnav-main__ttl {
  cursor: pointer;
}
@media (min-width: 1025px) {
  .gnav-main a.gnav-main__ttl:hover {
    opacity: 1;
    color: #7f1084;
  }
  .gnav-main a.gnav-main__ttl:hover span:before {
    width: 100%;
  }
}
.gnav-main .acd.active .acdBtn:after {
  height: 0;
}
.gnav-sub {
  padding-top: 1rem;
}
.gnav-sub li:not(:last-child) {
  margin-bottom: 8px;
}
.gnav-sub a {
  color: #000;
  display: block;
  font-family: "A1ゴシック R", "A1 Gothic R", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 0.875rem;
}
.internship-side {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.internship-side__link {
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(/recruit/assets/uploads/side-internship-bg.jpg) no-repeat
    center center/cover;
  background-color: #ffe35b;
  padding: 15px 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 3px solid #fff;
  border-right: none;
}
@media (max-width: 768px) {
  .internship-side__link {
    padding: 12px 8px 12px 8px;
  }
}
.internship-side__link:after {
  content: "\e902";
  font-family: "icomoon";
  width: 35px;
  height: 35px;
  background-color: #fff;
  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;
  color: #000;
  border-radius: 5px;
}
@media (min-width: 1025px) {
  .internship-side__link:hover {
    opacity: 1;
    padding-right: 20px;
  }
}
.internship-side__link.hidden .internship-side__txt {
  height: 0;
  margin-bottom: 0;
}
.internship-side__txt {
  color: #000;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 14px;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .internship-side__txt {
    font-size: 0.875rem;
    height: 140px;
  }
}
.internship-side__txt span {
  font-size: ren(13);
}
@media (max-width: 768px) {
  .internship-side__txt span {
    font-size: 0.75rem;
  }
}
.internship-side__control {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}
@media (min-width: 769px) {
  .internship-side__control {
    display: none;
  }
}
.internship-side__control:before {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 30px;
}
.internship-side__control:after {
  content: "";
  height: 0;
  width: 2px;
  background-color: #000;
  position: absolute;
  top: 9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 30px;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.internship-side__control.hidden:after {
  height: 14px;
}
.footer {
  padding: 120px 0 20px;
  background: url(/recruit/assets/uploads/bg_w.jpg) repeat top center;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .footer {
    padding: 40px 0 80px;
  }
}
.footer .cv-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  margin-bottom: 64px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .footer .cv-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 10px;
    margin-bottom: 40px;
  }
}
.footer .cv-btn .internship {
  background-image: url(/recruit/assets/uploads/internship-bg.jpg);
  background-color: #ffe35b;
  color: #000;
  border-color: #ffe35b;
}
.footer .cv-btn .internship:after {
  color: #000;
}
@media (min-width: 1025px) {
  .footer .cv-btn .internship:hover {
    color: #000;
  }
  .footer .cv-btn .internship:hover:after {
    background-color: #ffe35b;
    color: #000;
  }
}
.footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 80px;
  margin-bottom: 130px;
}
@media (max-width: 1024px) {
  .footer__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 32px;
  }
}
@media (max-width: 1024px) {
  .footer__primary {
    width: 100%;
  }
}
.footer__logo {
  margin-bottom: 48px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .footer__logo {
    margin-bottom: 2em;
  }
}
.footer__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer__logo img {
  width: 300px;
  margin-bottom: 13px;
}
@media (max-width: 1024px) {
  .footer__logo img {
    width: 200px;
  }
}
.footer__logo span {
  font-size: 0.9375rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  color: #000;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .footer__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.footer__btn,
.footer__btn--link {
  margin-bottom: 1em;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .footer__btn,
  .footer__btn--link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .footer__btn a,
  .footer__btn--link a {
    width: 100%;
  }
}
.footer__btn--link a {
  padding-right: 38px;
}
.footer__btn--link a:after {
  content: "\e902";
}
.footer .gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(5.55vw, 80px);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .footer .gnav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    display: none;
  }
}
@media (min-width: 769px) {
  .footer .gnav.accordion {
    display: none;
  }
}
@media (max-width: 1024px) {
  .footer .gnav.accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer .gnav-main {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 40px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .footer .gnav-main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .footer .gnav-main > li {
    width: calc((100% - 3em) / 2);
  }
}
@media (max-width: 768px) {
  .footer .gnav-main {
    gap: 30px;
  }
}
.footer .footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}
.footer .footer-link a {
  color: #000;
  line-height: 1;
  font-size: 0.75rem;
}
.footer .copyright {
  font-size: 0.75rem;
  line-height: 1;
}
.breadcrumb {
  margin: 0;
  padding: 20px 0;
}
@media (max-width: 768px) {
  .breadcrumb {
    padding: 10px 0;
  }
}
.breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 768px) {
  .breadcrumb ol {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1em;
  }
}
.breadcrumb ol li {
  font-size: 0.75rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .breadcrumb ol li {
    font-size: 0.5625rem;
  }
}
.breadcrumb ol li:not(:last-child):after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #999;
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: -1px;
}
.breadcrumb ol li a {
  line-height: 1;
  color: #999;
}
@media (min-width: 1025px) {
  .breadcrumb ol li a:hover {
    opacity: 1;
    color: #4d4d4d;
  }
}
.breadcrumb ol li:last-of-type span {
  color: #4d4d4d;
}
.breadcrumb ol li span {
  white-space: normal;
}
@media (max-width: 768px) {
  .page-index .breadcrumb ol a,
  .page-index .breadcrumb ol li,
  .page-index .breadcrumb ol span {
    color: #fff !important;
  }
  .page-index .breadcrumb ol li:after {
    background-color: #fff;
  }
}
.form-area {
  width: 100%;
}
.form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.form-field:not(:last-child) {
  margin-bottom: 2em;
}
.form-field__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-bottom: 0.5em;
}
.form-field__label label {
  display: inline-block;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
.form-field__control {
  width: 100%;
}
.input-select,
.input-text,
.input-textarea {
  width: 100%;
  padding: 1.5em 1em;
  outline: none;
  background: #fff;
  border: 1px solid #999;
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.input-select:focus,
.input-text:focus,
.input-textarea:focus {
  border-color: #7f1084;
}
.input-textarea {
  height: 15em;
}
.input-select {
  position: relative;
  width: 100%;
  vertical-align: middle;
  border-color: #999;
}
.input-select option {
  color: #333;
}
.input-select::-ms-expand {
  display: none;
}
.input-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
.item-any,
.item-req {
  padding: 5px 9px 4px;
  border-radius: 100px;
  background: #e72534;
  color: #fff;
  display: inline-block;
  font-size: 0.625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
}
.item-any {
  background: #999;
  color: #fff;
}
.bodyFixed {
  position: fixed;
}
#modalOverlay {
  width: 100%;
  height: 100%;
  background: url(/recruit/assets/uploads/bg.jpg) repeat center center;
  background-color: #e9eaeb;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 400;
  opacity: 0;
}
#modalWrap {
  position: fixed;
  z-index: 401;
  display: none;
}
.modalOpen {
  cursor: pointer;
}
.modalOpen .tap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.8em;
  font-size: 0.75rem;
  margin-top: 1em;
}
.modalOpen .tap:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/recruit/assets/uploads/environment/career/zoom.svg) no-repeat
    center center/contain;
}
.modalClose {
  width: 70px;
  height: 70px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 402;
  background-color: #7f1084;
  border-radius: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .modalClose {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 768px) {
  .modalClose {
    width: 30px;
    height: 30px;
    -webkit-transform: translate(0, calc(-100% - 10px));
    transform: translate(0, calc(-100% - 10px));
  }
}
.modalClose:after,
.modalClose:before {
  width: 25px;
  height: 4px;
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media (max-width: 1024px) {
  .modalClose:after,
  .modalClose:before {
    width: 18px;
  }
}
.modalClose:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.modalClose:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal__contents {
  width: 100%;
  max-height: 80vh;
  max-width: 90vw;
  overflow-y: auto;
  opacity: 0;
  display: none;
  position: relative;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .modal__contents {
    padding: 20px;
    max-height: 70vh;
    max-width: 95vw;
    -webkit-overflow-scrolling: touch;
  }
}
.modal-figure img {
  max-width: 200vw;
  width: 200vw;
  margin-right: 20px;
}
.modal-video {
  aspect-ratio: 16/9;
  width: 100%;
}
.modal-video iframe {
  aspect-ratio: 16/9;
  width: 80vw;
}
.wrapper .swiper {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.wrapper .swiper .swiper-main :focus {
  outline: none;
}
.wrapper .swiper .swiper-slide-text {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.wrapper .swiper .swiper-slide {
  height: auto;
}
.wrapper .swiper-button-next,
.wrapper .swiper-button-prev {
  -webkit-transform: none !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.wrapper .swiper-button-next:after,
.wrapper .swiper-button-prev:after {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.wrapper .swiper-button-next span,
.wrapper .swiper-button-next svg,
.wrapper .swiper-button-prev span,
.wrapper .swiper-button-prev svg {
  display: none !important;
}
.tab .tabBtn {
  cursor: pointer;
}
.tab .tabPanel {
  display: none;
}
.tab .tabPanel.active {
  display: block;
}
.acdBtn {
  position: relative;
  cursor: pointer;
}
.acdCnt {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.anm-char {
  display: inline-block;
}
.anmTxt .anm-char {
  position: relative;
}
.anmFadeUp {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
.anmBlur {
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
@-webkit-keyframes ballFloat1 {
  0%,
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes ballFloat1 {
  0%,
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes ballFloat2 {
  0%,
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}
@keyframes ballFloat2 {
  0%,
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}
@-webkit-keyframes ballFloat3 {
  0%,
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes ballFloat3 {
  0%,
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes ballScale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ballScale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes anc-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes anc-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes anc-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes anc-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.op {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: #e9eaeb;
  background: url(/recruit/assets/uploads/bg.jpg) repeat top center;
  background-color: #e9eaeb;
}
.op .forPC,
.op .forSP {
  width: 100%;
  height: 100%;
}
.op img,
.op video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.kv {
  width: 100%;
  margin-bottom: 120px;
  position: relative;
}
.kv__slide {
  width: 100%;
  position: sticky;
  top: 0;
}
.kv__item {
  background: url(/recruit/assets/uploads/bg.jpg) repeat top center;
  background-color: #e9eaeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 5vw;
  width: 100%;
}
@media (max-width: 768px) {
  .kv__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
  }
}
.kv__tane {
  width: 34.72vw;
  padding-top: 13.88vw;
}
@media (max-width: 768px) {
  .kv__tane {
    width: 100%;
    height: calc(50vh - 1em);
    padding-top: calc(90px + 1em);
  }
}
.kv__face {
  width: 50%;
  height: 100%;
}
@media (max-width: 768px) {
  .kv__face {
    padding-top: 0;
    width: 100%;
    height: 50vh;
  }
}
.kv .swiper-slide {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.kv .swiper-slide-active .kv__tane {
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
  -webkit-animation: kv-tane 0.5s ease-in-out forwards;
  animation: kv-tane 0.5s ease-in-out forwards;
}
@-webkit-keyframes kv-tane {
  0% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes kv-tane {
  0% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.kv .swiper-slide-active .kv__tane img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}
.kv .swiper-slide-active .kv__face {
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
  -webkit-animation: kv-face 0.5s ease-in-out forwards;
  animation: kv-face 0.5s ease-in-out forwards;
}
@-webkit-keyframes kv-face {
  0% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes kv-face {
  0% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.kv .swiper-slide-active .kv__face img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top center;
  object-position: top center;
}
.kv__copy {
  position: relative;
  z-index: 5;
  width: 45.13vw;
  margin: -33.13vw auto 0 6.25vw;
  padding-bottom: 24.3vw;
}
@media (max-width: 768px) {
  .kv__copy {
    width: calc(100% - 60px);
    overflow: hidden;
    margin: -100vh auto 0;
    max-width: 550px;
    padding-top: 90px;
    padding-bottom: 70vh;
  }
}
@media (max-width: 768px) {
  .kv__copy .kv__ttl-wrap {
    height: calc(50vh - 90px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: calc(50vh + 2em);
  }
}
.kv__copy .kv__statement {
  width: 70%;
}
@media (max-width: 768px) {
  .kv__copy .kv__statement {
    width: 80%;
  }
}
.kv__copy .kv_ttl {
  width: 100%;
  margin-bottom: 40vh;
}
@media (max-width: 768px) {
  .kv__copy .kv_ttl {
    margin-bottom: 0;
  }
}
.kv__copy .kv_statement01,
.kv__copy .kv_statement02,
.kv__copy .kv_statement03 {
  width: 100%;
  margin-bottom: 3em;
}
.kv__copy .kv_statement03 {
  margin-bottom: 5em;
}
.tane-pickup__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tane-pickup__list > li {
  width: calc((100% - 6em) / 3);
}
@media (max-width: 768px) {
  .tane-pickup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .tane-pickup__list > li {
    width: calc((100% - 10px) / 2);
  }
}
.tane-pickup__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .tane-pickup__item {
    cursor: pointer;
  }
}
.tane-pickup__item:before {
  content: "";
  width: 52px;
  height: 52px;
  background-color: #fff;
  position: absolute;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  z-index: 5;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .tane-pickup__item:before {
    width: 38px;
    height: 38px;
    bottom: 10px;
    right: 10px;
  }
}
.tane-pickup__item:after {
  content: "";
  width: 27px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  right: 33px;
  background: url(/recruit/assets/uploads/top/open.svg) no-repeat center
    center/contain;
  z-index: 10;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .tane-pickup__item:after {
    width: 21px;
    height: 24px;
    bottom: 16px;
    right: 19px;
  }
}
.tane-pickup__tane {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.tane-pickup__tane .txt-box {
  position: relative;
  z-index: 5;
}
@media (max-width: 768px) {
  .tane-pickup__tane .txt-box {
    display: none;
  }
}
.tane-pickup__tane .txt-box__job,
.tane-pickup__tane .txt-box__name,
.tane-pickup__tane .txt-box__ttl {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
}
.tane-pickup__tane .txt-box__job span,
.tane-pickup__tane .txt-box__name span,
.tane-pickup__tane .txt-box__ttl span {
  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;
  padding: 2px;
  background-color: #fff;
  line-height: 1;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  -webkit-animation: txt-hidden 0.3s ease-in-out forwards;
  animation: txt-hidden 0.3s ease-in-out forwards;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
@media (min-width: 1025px) {
  .os-windows .tane-pickup__tane .txt-box__job span,
  .os-windows .tane-pickup__tane .txt-box__name span,
  .os-windows .tane-pickup__tane .txt-box__ttl span {
    padding-top: 4px;
  }
}
.tane-pickup__tane .txt-box__ttl {
  margin-bottom: 15px;
  font-size: 1.125rem;
}
.tane-pickup__tane .txt-box__ttl .sm {
  font-size: 0.75rem;
}
.tane-pickup__tane .txt-box__job {
  margin-bottom: 4px;
  font-size: 0.625rem;
}
.tane-pickup__tane .txt-box__name {
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .tane-pickup__tane .txt-box__name {
    font-size: 0.875rem;
  }
}
.tane-pickup__img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 10%;
  will-change: auto;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.tane-pickup__img .anmImg {
  opacity: 0;
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1);
}
.tane-pickup__face {
  width: 50%;
  opacity: 0;
  -webkit-transform: translateY(-35px);
  transform: translateY(-35px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.tane-pickup__item.active {
  pointer-events: all;
}
.tane-pickup__item.active .tane-pickup__img .anmImg {
  -webkit-animation: drop 0.6s ease-in-out forwards;
  animation: drop 0.6s ease-in-out forwards;
}
@-webkit-keyframes drop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1);
  }
  10% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(-35px) scale(1.1);
    transform: translateY(-35px) scale(1.1);
  }
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes drop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1);
  }
  10% {
    opacity: 1;
  }
  60% {
    -webkit-transform: translateY(-35px) scale(1.1);
    transform: translateY(-35px) scale(1.1);
  }
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
.tane-pickup__item.active .tane-pickup__face {
  -webkit-animation: face 0.6s ease-in-out forwards;
  animation: face 0.6s ease-in-out forwards;
}
@-webkit-keyframes face {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes face {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@media (min-width: 1025px) {
  .tane-pickup__item:hover:before {
    background-color: #000000;
  }
  .tane-pickup__item:hover:after {
    background-image: url(/recruit/assets/uploads/top/open_w.svg);
  }
  .tane-pickup__item:hover .tane-pickup__img {
    padding: 0 5%;
  }
  .tane-pickup__item:hover .tane-pickup__tane .txt-box__job span,
  .tane-pickup__item:hover .tane-pickup__tane .txt-box__name span,
  .tane-pickup__item:hover .tane-pickup__tane .txt-box__ttl span {
    -webkit-animation: txt-show 0.3s ease-in-out forwards;
    animation: txt-show 0.3s ease-in-out forwards;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@-webkit-keyframes txt-show {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes txt-show {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@-webkit-keyframes txt-hidden {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  to {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
}
@keyframes txt-hidden {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  to {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
}
.pickup-slide__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
}
@media (min-width: 1025px) {
  .pickup-slide__item {
    cursor: pointer;
  }
}
.pickup-slide__tane {
  position: relative;
  width: 37%;
}
@media (max-width: 768px) {
  .pickup-slide__tane {
    width: calc(50% - 10px - 30px);
  }
}
.pickup-slide__tane .txt-box {
  position: relative;
  z-index: 5;
}
.pickup-slide__tane .txt-box__job,
.pickup-slide__tane .txt-box__name,
.pickup-slide__tane .txt-box__ttl {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
}
.pickup-slide__tane .txt-box__job span,
.pickup-slide__tane .txt-box__name span,
.pickup-slide__tane .txt-box__ttl span {
  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;
  padding: 2px;
  background-color: #fff;
  line-height: 1;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  -webkit-animation: txt-hidden 0.3s ease-in-out forwards;
  animation: txt-hidden 0.3s ease-in-out forwards;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
@media (min-width: 1025px) {
  .os-windows .pickup-slide__tane .txt-box__job span,
  .os-windows .pickup-slide__tane .txt-box__name span,
  .os-windows .pickup-slide__tane .txt-box__ttl span {
    padding-top: 4px;
  }
}
.pickup-slide__tane .txt-box__ttl {
  margin-bottom: 30px;
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .pickup-slide__tane .txt-box__ttl {
    font-size: 1.3125rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  .pickup-slide__tane .txt-box__ttl {
    font-size: 4.26vw;
    margin-bottom: max(3.73vw, 14px);
  }
}
.pickup-slide__tane .txt-box__ttl .sm {
  font-size: 1.375rem;
}
@media (max-width: 1024px) {
  .pickup-slide__tane .txt-box__ttl .sm {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .pickup-slide__tane .txt-box__ttl .sm {
    font-size: max(2.66vw, 10px);
  }
}
.pickup-slide__tane .txt-box__job {
  margin-bottom: 8px;
  font-size: 0.8125rem;
}
@media (max-width: 1024px) {
  .pickup-slide__tane .txt-box__job {
    font-size: 0.625rem;
  }
}
@media (max-width: 768px) {
  .pickup-slide__tane .txt-box__job {
    font-size: max(2.4vw, 9px);
  }
}
.pickup-slide__tane .txt-box__name {
  font-size: 1rem;
}
@media (max-width: 1024px) {
  .pickup-slide__tane .txt-box__name {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .pickup-slide__tane .txt-box__name {
    font-size: max(3.2vw, 12px);
  }
}
.pickup-slide__img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 12px;
  will-change: auto;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.pickup-slide__img .anmImg {
  opacity: 0;
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1);
}
.pickup-slide__face {
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.pickup-slide-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  pointer-events: none;
  opacity: 0;
}
.pickup-slide-modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.pickup-slide-modal .pickup-slide-modal-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
  position: absolute;
  top: 0;
  left: 0;
}
.pickup-slide-modal__inr {
  max-width: 1180px;
  position: relative;
}
@media (max-width: 768px) {
  .pickup-slide-modal__inr {
    padding: 0;
    padding-top: 86px;
  }
}
.pickup-slide-modal .pickup-slide-modal-close {
  position: absolute;
  top: 0;
  right: 30px;
  cursor: pointer;
}
.pickup-slide-modal .pickup-slide-modal-close__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  position: relative;
}
.pickup-slide-modal .pickup-slide-modal-close__inr:before {
  content: "";
  width: 19px;
  height: 21px;
  position: absolute;
  top: 9px;
  right: 10px;
  background: url(/recruit/assets/uploads/top/close.svg) no-repeat center
    center/contain;
  z-index: 10;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.pickup-slide-modal .pickup-slide-modal-close__inr:after {
  content: "";
  width: 38px;
  height: 38px;
  background-color: #fff;
  display: inline-block;
  border-radius: 50%;
  z-index: 5;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.pickup-slide-modal .pickup-slide-modal-close span {
  color: #fff;
  font-size: 0.9375rem;
}
@media (min-width: 1025px) {
  .pickup-slide-modal
    .pickup-slide-modal-close:hover
    .pickup-slide-modal-close__inr:after {
    background-color: #000;
  }
  .pickup-slide-modal
    .pickup-slide-modal-close:hover
    .pickup-slide-modal-close__inr:before {
    background-image: url(/recruit/assets/uploads/top/close_w.svg);
  }
}
#pickupSlider {
  position: relative;
  overflow: hidden;
}
#pickupSlider .swiper-control {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  #pickupSlider .swiper-control {
    position: relative;
    margin-top: 3em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2em;
  }
}
#pickupSlider .swiper-button-next,
#pickupSlider .swiper-button-prev {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 768px) {
  #pickupSlider .swiper-button-next,
  #pickupSlider .swiper-button-prev {
    height: auto;
  }
}
#pickupSlider .swiper-button-next .swiper-button-next-txt,
#pickupSlider .swiper-button-next .swiper-button-prev-txt,
#pickupSlider .swiper-button-prev .swiper-button-next-txt,
#pickupSlider .swiper-button-prev .swiper-button-prev-txt {
  color: #fff;
  font-size: 0.9375rem;
  white-space: nowrap;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
#pickupSlider .swiper-button-next .swiper-button-next-tane,
#pickupSlider .swiper-button-next .swiper-button-prev-tane,
#pickupSlider .swiper-button-prev .swiper-button-next-tane,
#pickupSlider .swiper-button-prev .swiper-button-prev-tane {
  position: relative;
}
#pickupSlider .swiper-button-next .swiper-button-next-tane:before,
#pickupSlider .swiper-button-next .swiper-button-prev-tane:before,
#pickupSlider .swiper-button-prev .swiper-button-next-tane:before,
#pickupSlider .swiper-button-prev .swiper-button-prev-tane:before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
}
#pickupSlider .swiper-button-next .swiper-button-next-tane img,
#pickupSlider .swiper-button-next .swiper-button-prev-tane img,
#pickupSlider .swiper-button-prev .swiper-button-next-tane img,
#pickupSlider .swiper-button-prev .swiper-button-prev-tane img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
#pickupSlider .swiper-button-next .swiper-button-prev-tane:before,
#pickupSlider .swiper-button-prev .swiper-button-prev-tane:before {
  -webkit-transform: translate(-45%, -50%) rotate(135deg);
  transform: translate(-45%, -50%) rotate(135deg);
}
#pickupSlider .swiper-button-next .swiper-button-next-tane:before,
#pickupSlider .swiper-button-prev .swiper-button-next-tane:before {
  -webkit-transform: translate(-55%, -50%) rotate(-45deg);
  transform: translate(-55%, -50%) rotate(-45deg);
}
@media (min-width: 1025px) {
  #pickupSlider .swiper-button-next:hover .swiper-button-next-tane img,
  #pickupSlider .swiper-button-next:hover .swiper-button-prev-tane img,
  #pickupSlider .swiper-button-prev:hover .swiper-button-next-tane img,
  #pickupSlider .swiper-button-prev:hover .swiper-button-prev-tane img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  #pickupSlider .swiper-button-next:hover .swiper-button-next-txt,
  #pickupSlider .swiper-button-next:hover .swiper-button-prev-txt,
  #pickupSlider .swiper-button-prev:hover .swiper-button-next-txt,
  #pickupSlider .swiper-button-prev:hover .swiper-button-prev-txt {
    letter-spacing: 0.1em;
  }
}
#pickupSlider .swiper {
  overflow: visible;
}
#pickupSlider .swiper-slide {
  padding: 0 130px;
}
@media (max-width: 1024px) {
  #pickupSlider .swiper-slide {
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  #pickupSlider .swiper-slide {
    padding: 0;
  }
}
#pickupSlider .swiper-slide-active .pickup-slide__tane .txt-box__job span,
#pickupSlider .swiper-slide-active .pickup-slide__tane .txt-box__name span,
#pickupSlider .swiper-slide-active .pickup-slide__tane .txt-box__ttl span {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  -webkit-animation: txt-show 0.3s 0.3s ease-in-out forwards;
  animation: txt-show 0.3s 0.3s ease-in-out forwards;
}
.page-top {
  padding-bottom: 0;
}
.page-top .about__copy,
.page-top .environment__copy,
.page-top .interview__copy,
.page-top .story__copy,
.page-top .workfield__copy {
  font-size: 1.625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 0.3125rem;
}
@media (max-width: 768px) {
  .page-top .about__copy,
  .page-top .environment__copy,
  .page-top .interview__copy,
  .page-top .story__copy,
  .page-top .workfield__copy {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
}
.page-top .overview {
  margin-bottom: 190px;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .page-top .overview {
    margin-bottom: 120px;
  }
}
.page-top .overview__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  gap: min(6.25vw, 90px);
  padding: 60px;
  border-radius: 40px;
}
@media (max-width: 768px) {
  .page-top .overview__inr {
    border-radius: 20px;
    padding: 50px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 30px;
  }
}
@media (min-width: 1025px) {
  .page-top .overview__inr:has(.overview__btn a:hover) .overview__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-top .overview__img {
  width: 45%;
  border-radius: 22px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-top .overview__img {
    width: 100%;
    border-radius: 8px;
  }
}
.page-top .overview__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-top .overview__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-top .overview__copy {
  margin-bottom: 12px;
  background-color: #7f1084;
  color: #fff;
  position: relative;
  font-size: 0.8125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  padding: 10px 1rem;
  border-radius: 500px;
  margin-bottom: 9px;
  display: inline-block;
}
@media (min-width: 1025px) {
  .os-windows .page-top .overview__copy {
    padding-bottom: 6px;
  }
}
@media (max-width: 768px) {
  .page-top .overview__copy {
    font-size: 0.75rem;
  }
}
.page-top .overview__copy:after {
  content: "";
  width: 11px;
  height: 10px;
  background-color: #7f1084;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.page-top .overview__ttl {
  font-size: 1.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.4;
  margin-bottom: 0.5em;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .page-top .overview__ttl {
    font-size: 1.5rem;
  }
}
.page-top .overview__txt {
  line-height: 2;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 2em;
}
.page-top .overview__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .page-top .overview__btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.page-top .overview__btn a {
  min-width: 360px;
  border: 2px solid #7f1084;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
  border: none;
  padding-left: 0;
  min-width: auto;
}
@media (max-width: 1024px) {
  .page-top .overview__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .overview__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .overview__btn a span {
  color: #7f1084;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .overview__btn a span {
    font-size: 1rem;
  }
}
.page-top .overview__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #7f1084;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .overview__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .overview__btn a:hover {
    opacity: 1;
    background-color: #7f1084;
  }
  .page-top .overview__btn a:hover span {
    color: #fff;
  }
  .page-top .overview__btn a:hover span:after {
    left: 5px;
  }
}
@media (max-width: 768px) {
  .page-top .overview__btn a {
    width: auto;
  }
}
.page-top .overview__btn a span {
  gap: 0.9375rem;
}
.page-top .overview__btn a span:after {
  border: 2px solid #7f1084;
  background-color: #fff;
  color: #7f1084;
}
@media (min-width: 1025px) {
  .page-top .overview__btn a:hover {
    background-color: transparent;
  }
  .page-top .overview__btn a:hover span {
    color: #000;
  }
  .page-top .overview__btn a:hover span:after {
    background-color: #7f1084;
    color: #fff;
  }
}
.page-top .workfield {
  margin-bottom: 175px;
}
@media (max-width: 768px) {
  .page-top .workfield {
    margin-bottom: 120px;
  }
}
.page-top .workfield__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(6.25vw, 90px);
}
@media (max-width: 768px) {
  .page-top .workfield__inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.page-top .workfield__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 768px) {
  .page-top .workfield__txtbox {
    width: 100%;
  }
}
.page-top .workfield__copy {
  color: #b60081;
}
.page-top .workfield__ttl {
  font-size: 4.875rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .page-top .workfield__ttl {
    font-size: 2.875rem;
  }
}
.page-top .workfield__lead {
  margin-bottom: 2.8em;
}
@media (max-width: 768px) {
  .page-top .workfield__btn {
    width: 100%;
  }
}
.page-top .workfield__btn a {
  min-width: 360px;
  border: 2px solid #b60081;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .workfield__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .workfield__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .workfield__btn a span {
  color: #b60081;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .workfield__btn a span {
    font-size: 1rem;
  }
}
.page-top .workfield__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #b60081;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .workfield__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .workfield__btn a:hover {
    opacity: 1;
    background-color: #b60081;
  }
  .page-top .workfield__btn a:hover span {
    color: #fff;
  }
  .page-top .workfield__btn a:hover span:after {
    left: 5px;
  }
}
.page-top .workfield__imgbox {
  width: 60%;
  position: relative;
}
@media (max-width: 768px) {
  .page-top .workfield__imgbox {
    width: 100%;
  }
}
.page-top .workfield__imgbox .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-top .workfield__imgbox .ball__img {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.page-top .workfield__imgbox .ball__img:first-child {
  width: min(9.51vw, 137px);
  left: min(0.9vw, 13px);
  top: min(2.77vw, 40px);
}
@media (max-width: 768px) {
  .page-top .workfield__imgbox .ball__img:first-child {
    width: 19.2vw;
  }
}
.page-top .workfield__imgbox .ball__img:nth-child(2) {
  width: min(5.55vw, 80px);
  right: min(-1.25vw, -18px);
  top: min(14.58vw, 210px);
}
@media (max-width: 768px) {
  .page-top .workfield__imgbox .ball__img:nth-child(2) {
    width: 10.93vw;
  }
}
.page-top .workfield__imgbox .ball__img:last-child {
  width: min(3.75vw, 54px);
  right: min(10.41vw, 150px);
  bottom: min(0.97vw, 14px);
}
@media (max-width: 768px) {
  .page-top .workfield__imgbox .ball__img:last-child {
    width: 7.46vw;
  }
}
.page-top .workfield__imgbox.active .workfield__img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.page-top .workfield__imgbox.active .ball__img:first-child {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 0.8s,
    ballFloat1 3s ease-in-out infinite 1.4s;
  animation: ballScale 0.6s ease-in-out forwards 0.8s,
    ballFloat1 3s ease-in-out infinite 1.4s;
}
.page-top .workfield__imgbox.active .ball__img:nth-child(2) {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 0.9s,
    ballFloat2 4s ease-in-out infinite 1.5s;
  animation: ballScale 0.6s ease-in-out forwards 0.9s,
    ballFloat2 4s ease-in-out infinite 1.5s;
}
.page-top .workfield__imgbox.active .ball__img:last-child {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 1s,
    ballFloat3 5s ease-in-out infinite 1.6s;
  animation: ballScale 0.6s ease-in-out forwards 1s,
    ballFloat3 5s ease-in-out infinite 1.6s;
}
.page-top .workfield__img {
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: rotate(20deg) scale(0);
  transform: rotate(20deg) scale(0);
  -webkit-transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-top .interview {
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-top .interview {
    margin-bottom: 120px;
  }
}
.page-top .interview__inr {
  position: relative;
}
.page-top .interview__inr .ball {
  position: absolute;
  top: 17.36vw;
  left: min(-27.78vw, -400px);
  width: max(81.25vw, 1024px);
  -webkit-filter: blur(15px);
  filter: blur(15px);
  mix-blend-mode: multiply;
  z-index: -1;
}
@media (max-width: 1024px) {
  .page-top .interview__inr .ball {
    top: 24.3vw;
  }
}
@media (max-width: 768px) {
  .page-top .interview__inr .ball {
    width: min(142.4vw, 534px);
    left: max(-56vw, -210px);
    top: -13.34vw;
  }
}
.page-top .interview__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .page-top .interview__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    margin-bottom: 156px;
  }
}
.page-top .interview__copy {
  color: #3b1e87;
}
.page-top .interview__ttl {
  font-size: 4.875rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .page-top .interview__ttl {
    font-size: 2.875rem;
  }
}
.page-top .interview__lead {
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .page-top .interview__lead {
    margin-bottom: 32px;
  }
}
.page-top .interview .concept-video {
  max-width: 540px;
}
.page-top .interview .concept-video__ttl {
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .page-top .interview .concept-video__ttl {
    margin-bottom: 10px;
    text-align: center;
  }
}
.page-top .interview .concept-video__ttl span {
  background-color: #7f1084;
  color: #fff;
  position: relative;
  font-size: 0.8125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  padding: 10px 1rem;
  border-radius: 500px;
  margin-bottom: 9px;
  display: inline-block;
}
@media (min-width: 1025px) {
  .os-windows .page-top .interview .concept-video__ttl span {
    padding-bottom: 6px;
  }
}
@media (max-width: 768px) {
  .page-top .interview .concept-video__ttl span {
    font-size: 0.75rem;
  }
}
.page-top .interview .concept-video__ttl span:after {
  content: "";
  width: 11px;
  height: 10px;
  background-color: #7f1084;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.page-top .interview .concept-video__thumb {
  border-radius: 1.375rem;
  overflow: hidden;
}
.page-top .interview .concept-video__thumb img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .page-top .interview .concept-video__thumb:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-top .interview .member__ttl,
.page-top .interview .talksession__ttl {
  color: #fff;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  font-size: 4.375rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 768px) {
  .page-top .interview .member__ttl,
  .page-top .interview .talksession__ttl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.page-top .interview .member {
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .page-top .interview .member {
    position: relative;
  }
}
.page-top .interview .member__slide .member-list__item {
  display: block;
}
@media (min-width: 1025px) {
  .page-top .interview .member__slide .member-list__item {
    max-width: 17.36vw;
  }
}
@media (max-width: 768px) {
  .page-top .interview .member__slide .member-list__ttl {
    margin-bottom: 0;
  }
}
.page-top .interview .member__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.page-top .interview .member__btn a {
  min-width: 360px;
  border: 2px solid #3b1e87;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .interview .member__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .interview .member__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .interview .member__btn a span {
  color: #3b1e87;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .interview .member__btn a span {
    font-size: 1rem;
  }
}
.page-top .interview .member__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #3b1e87;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .interview .member__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .interview .member__btn a:hover {
    opacity: 1;
    background-color: #3b1e87;
  }
  .page-top .interview .member__btn a:hover span {
    color: #fff;
  }
  .page-top .interview .member__btn a:hover span:after {
    left: 5px;
  }
}
@media (max-width: 768px) {
  .page-top .interview .talksession {
    position: relative;
  }
}
.page-top .interview .talksession__slide .talksession-list__item {
  display: block;
}
@media (min-width: 1025px) {
  .page-top .interview .talksession__slide .talksession-list__item {
    max-width: 23.88vw;
  }
}
.page-top .interview .talksession__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.page-top .interview .talksession__btn a {
  min-width: 360px;
  border: 2px solid #3b1e87;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .interview .talksession__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .interview .talksession__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .interview .talksession__btn a span {
  color: #3b1e87;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .interview .talksession__btn a span {
    font-size: 1rem;
  }
}
.page-top .interview .talksession__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #3b1e87;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .interview .talksession__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .interview .talksession__btn a:hover {
    opacity: 1;
    background-color: #3b1e87;
  }
  .page-top .interview .talksession__btn a:hover span {
    color: #fff;
  }
  .page-top .interview .talksession__btn a:hover span:after {
    left: 5px;
  }
}
.page-top .arimac {
  margin-bottom: 140px;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .page-top .arimac {
    margin-bottom: 120px;
  }
}
.page-top .arimac__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  gap: min(6.25vw, 90px);
  padding: 60px;
  border-radius: 40px;
}
@media (max-width: 768px) {
  .page-top .arimac__inr {
    border-radius: 20px;
    padding: 50px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 30px;
  }
}
@media (min-width: 1025px) {
  .page-top .arimac__inr:has(.arimac__btn a:hover) .arimac__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-top .arimac__img {
  width: 45%;
  border-radius: 22px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-top .arimac__img {
    width: 100%;
    border-radius: 8px;
  }
}
.page-top .arimac__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-top .arimac__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-top .arimac__copy {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .page-top .arimac__copy {
    margin-bottom: 10px;
  }
}
.page-top .arimac__copy span {
  background-color: #3b1e87;
  color: #fff;
  position: relative;
  font-size: 0.8125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  padding: 11px 2em 7px;
  border-radius: 500px;
  display: inline-block;
}
@media (min-width: 1025px) {
  .os-windows .page-top .arimac__copy span {
    padding-bottom: 6px;
  }
}
@media (max-width: 768px) {
  .page-top .arimac__copy span {
    font-size: 0.75rem;
  }
}
.page-top .arimac__ttl {
  font-size: 1.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.page-top .arimac__txt {
  line-height: 2;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 2em;
}
.page-top .arimac__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .page-top .arimac__btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.page-top .arimac__btn a {
  min-width: 360px;
  border: 2px solid #3b1e87;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
  border: none;
  padding-left: 0;
  min-width: auto;
}
@media (max-width: 1024px) {
  .page-top .arimac__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .arimac__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .arimac__btn a span {
  color: #3b1e87;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .arimac__btn a span {
    font-size: 1rem;
  }
}
.page-top .arimac__btn a span:after {
  font-family: "icomoon";
  content: "\e902";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #3b1e87;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .arimac__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .arimac__btn a:hover {
    opacity: 1;
    background-color: #3b1e87;
  }
  .page-top .arimac__btn a:hover span {
    color: #fff;
  }
  .page-top .arimac__btn a:hover span:after {
    left: 5px;
  }
}
@media (max-width: 768px) {
  .page-top .arimac__btn a {
    width: auto;
  }
}
.page-top .arimac__btn a span {
  gap: 0.9375rem;
}
.page-top .arimac__btn a span:after {
  border: 2px solid #3b1e87;
  background-color: #fff;
  color: #3b1e87;
}
@media (min-width: 1025px) {
  .page-top .arimac__btn a:hover {
    background-color: transparent;
  }
  .page-top .arimac__btn a:hover span {
    color: #000;
  }
  .page-top .arimac__btn a:hover span:after {
    background-color: #3b1e87;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .page-top .story {
    margin-bottom: 80pxx;
  }
}
.page-top .story__copy {
  color: #ea5f9e;
}
.page-top .story__ttl {
  font-size: 4.875rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .page-top .story__ttl {
    font-size: 2.875rem;
  }
}
.page-top .story__lead {
  margin-bottom: 2.8em;
}
.page-top .story .story-slide {
  height: calc((100vh - 120px - 30px) * 3) !important;
  margin-bottom: 60px;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .page-top .story .story-slide {
    padding: 0 10px;
  }
}
.page-top .story .story-slide__list {
  max-width: 100%;
  width: 100%;
  height: calc(100vh - 120px - 30px) !important;
  color: #fff;
  background: url(/recruit/assets/uploads/top/story-bg.jpg) no-repeat center
    center/cover;
  border-radius: 60px;
  position: sticky;
  top: 120px;
}
@media (max-width: 768px) {
  .page-top .story .story-slide__list {
    height: calc(100vh - 90px - 50px - 20px) !important;
    top: 90px;
  }
}
.page-top .story .story-slide__item {
  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;
  height: calc(100vh - 120px - 30px) !important;
  width: 100%;
  pointer-events: none;
}
@media (max-width: 768px) {
  .page-top .story .story-slide__item {
    height: calc(100vh - 90px - 50px - 20px) !important;
  }
}
.page-top .story .story-slide__item:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.page-top .story .story-slide__inr {
  position: relative;
}
@media (max-width: 768px) {
  .page-top .story .story-slide__inr {
    position: relative;
    width: 100%;
    padding: 40px 20px;
  }
}
.page-top .story .story-slide__wrap {
  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;
  gap: min(2.77vw, 40px);
}
@media (max-width: 768px) {
  .page-top .story .story-slide__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
}
.page-top .story .story-slide__imgbox {
  width: 50%;
  max-width: 490px;
  position: relative;
  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;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-top .story .story-slide__imgbox {
    max-width: 65vh;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__imgbox {
    width: 80%;
    margin: 0 5% 0 auto;
  }
}
@media (max-width: 420px) {
  .page-top .story .story-slide__imgbox {
    max-width: 30vh;
    margin: 0 10% 0 auto;
  }
}
.page-top .story .story-slide__imgbox img {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-top .story .story-slide__imgbox .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-top .story .story-slide__imgbox .ball__img {
  position: absolute;
}
.page-top .story .story-slide__imgbox .ball__img:first-child {
  width: min(5.69vw, 82px);
  left: 0;
  bottom: min(2.77vw, 40px);
  -webkit-animation: ballFloat1 3s ease-in-out infinite;
  animation: ballFloat1 3s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-top .story .story-slide__imgbox .ball__img:first-child {
    width: vsSP(40);
  }
}
.page-top .story .story-slide__imgbox .ball__img:nth-child(2) {
  width: min(2.63vw, 38px);
  right: min(6.94vw, 100px);
  top: min(1.38vw, 20px);
  -webkit-animation: ballFloat2 4s ease-in-out infinite 0.5s;
  animation: ballFloat2 4s ease-in-out infinite 0.5s;
}
@media (max-width: 768px) {
  .page-top .story .story-slide__imgbox .ball__img:nth-child(2) {
    width: vsSP(18);
  }
}
.page-top .story .story-slide__imgbox .ball__img:last-child {
  width: min(2.22vw, 32px);
  right: min(1.87vw, 27px);
  bottom: 0;
  -webkit-animation: ballFloat3 5s ease-in-out infinite 1s;
  animation: ballFloat3 5s ease-in-out infinite 1s;
}
@media (max-width: 768px) {
  .page-top .story .story-slide__imgbox .ball__img:last-child {
    width: vsSP(16);
  }
}
.page-top .story .story-slide__num {
  text-transform: uppercase;
  font-size: 1.625rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  margin-bottom: 1em;
  -webkit-transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-top .story .story-slide__num {
    margin-bottom: 0;
    font-size: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__num {
    z-index: 5;
    font-size: 0.8125rem;
  }
}
.page-top .story .story-slide__txtbox {
  width: 50%;
}
@media (max-width: 768px) {
  .page-top .story .story-slide__txtbox {
    width: 100%;
  }
}
.page-top .story .story-slide__category {
  margin-bottom: 30px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  -webkit-transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-top .story .story-slide__category {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__category {
    margin-bottom: 20px;
  }
}
.page-top .story .story-slide__category span {
  background-color: #fff;
  color: #ea5f9e;
  position: relative;
  font-size: 1rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  padding: 0.5em 1em;
  border-radius: 500px;
  display: inline-block;
}
@media (min-width: 1025px) {
  .os-windows .page-top .story .story-slide__category span {
    padding-bottom: 0.2em;
  }
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-top .story .story-slide__category span {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__category span {
    font-size: 0.75rem;
  }
}
.page-top .story .story-slide__sub {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-top .story .story-slide__sub {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__sub {
    font-size: 1rem;
  }
}
.page-top .story .story-slide__name {
  overflow: hidden;
  margin-bottom: 64px;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-top .story .story-slide__name {
    margin-bottom: 1em;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__name {
    margin-bottom: 0;
  }
}
.page-top .story .story-slide__name span {
  display: block;
  line-height: 1;
  font-size: 2.75rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-top: 16px;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-transform: translateY(0.5em);
  transform: translateY(0.5em);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-top .story .story-slide__name span {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__name span {
    font-size: 1.3125rem;
    margin-top: 0.4em;
  }
}
.page-top .story .story-slide__name span:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.page-top .story .story-slide__name span:nth-child(3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.page-top .story .story-slide__name span:nth-child(4) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.page-top .story .story-slide__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  opacity: 0;
  -webkit-transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .story .story-slide__btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.page-top .story .story-slide__btn a {
  min-width: 360px;
  border: 2px solid #7f1084;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
  border: none;
  padding-left: 0;
  min-width: auto;
}
@media (max-width: 1024px) {
  .page-top .story .story-slide__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .story .story-slide__btn a span {
  color: #7f1084;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .story .story-slide__btn a span {
    font-size: 1rem;
  }
}
.page-top .story .story-slide__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #7f1084;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .story .story-slide__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .story .story-slide__btn a:hover {
    opacity: 1;
    background-color: #7f1084;
  }
  .page-top .story .story-slide__btn a:hover span {
    color: #fff;
  }
  .page-top .story .story-slide__btn a:hover span:after {
    left: 5px;
  }
}
@media (max-width: 768px) {
  .page-top .story .story-slide__btn a {
    width: auto;
  }
}
.page-top .story .story-slide__btn a span {
  gap: 0.9375rem;
  color: #fff;
}
.page-top .story .story-slide__btn a span:after {
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
}
@media (min-width: 1025px) {
  .page-top .story .story-slide__btn a:hover {
    background-color: transparent;
  }
  .page-top .story .story-slide__btn a:hover span:after {
    background-color: #fff;
    color: #ea5f9e;
  }
}
.page-top .story .story-slide .pagenation {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 768px) {
  .page-top .story .story-slide .pagenation {
    bottom: 25px;
    right: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.page-top .story .story-slide .pagenation .dots {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .story .story-slide .pagenation .dots {
    width: 8px;
    height: 8px;
    gap: 8px;
  }
}
.page-top .story .story-slide .pagenation .dots.active {
  background-color: #fff;
}
.page-top .story .story-slide__item.visible {
  pointer-events: all;
}
.page-top .story .story-slide__item.visible .story-slide__imgbox img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.page-top .story .story-slide__item.visible .story-slide__num {
  opacity: 1;
}
.page-top .story .story-slide__item.visible .story-slide__category {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.page-top .story .story-slide__item.visible .story-slide__name span {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-top
  .story
  .story-slide__item.visible
  .story-slide__name
  span:first-child {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.page-top
  .story
  .story-slide__item.visible
  .story-slide__name
  span:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.page-top
  .story
  .story-slide__item.visible
  .story-slide__name
  span:nth-child(3) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.page-top
  .story
  .story-slide__item.visible
  .story-slide__name
  span:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.page-top .story .story-slide__item.visible .story-slide__btn {
  opacity: 1;
}
.page-top .story__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.page-top .story__btn a {
  min-width: 360px;
  border: 2px solid #ea5f9e;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .story__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .story__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .story__btn a span {
  color: #ea5f9e;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .story__btn a span {
    font-size: 1rem;
  }
}
.page-top .story__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #ea5f9e;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .story__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .story__btn a:hover {
    opacity: 1;
    background-color: #ea5f9e;
  }
  .page-top .story__btn a:hover span {
    color: #fff;
  }
  .page-top .story__btn a:hover span:after {
    left: 5px;
  }
}
.page-top .voice {
  margin-bottom: 200px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-top .voice {
    margin-bottom: 80px;
  }
}
.page-top .voice__en {
  color: #ea5f9e;
  font-size: 1rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 768px) {
  .page-top .voice__en {
    font-size: 0.8125rem;
  }
}
.page-top .voice__ttl {
  font-size: 2.75rem;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .page-top .voice__ttl {
    font-size: 1.75rem;
  }
}
.page-top .voice__lead {
  margin-bottom: 2.8em;
  margin-bottom: 10px;
}
.page-top .voice .voice-slide {
  margin-right: calc(50% - 50vw);
  margin-bottom: 54px;
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide {
    margin-bottom: 70px;
  }
}
.page-top .voice .voice-slide__img {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 18px;
  position: relative;
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide__img {
    margin-bottom: 12px;
  }
}
.page-top .voice .voice-slide__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-top .voice .voice-slide__img:before {
  content: "";
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 501%;
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 5;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide__img:before {
    width: 32px;
    height: 32px;
  }
}
.page-top .voice .voice-slide__img:after {
  content: "";
  width: 13px;
  height: 17px;
  background-color: #ea5f9e;
  position: absolute;
  right: calc(1em + 21.5px - 2px);
  bottom: calc(1em + 19.5px);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  z-index: 6;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide__img:after {
    width: 8px;
    height: 10px;
    right: calc(1em + 12px - 2px);
    bottom: calc(1em + 11px);
  }
}
.page-top .voice .voice-slide__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ea5f9e;
  font-size: 0.8125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  gap: 0.5em;
  margin-bottom: 0.4em;
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide__category {
    margin-bottom: 4px;
  }
}
.page-top .voice .voice-slide__category:before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #ea5f9e;
  margin-bottom: 0.2em;
}
.page-top .voice .voice-slide__ttl {
  color: #000;
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide__ttl {
    font-size: 1.125rem;
  }
}
.page-top .voice .voice-slide .swiper-wrapper {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide .swiper-wrapper {
    margin-bottom: 30px;
  }
}
.page-top .voice .voice-slide .swiper-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 30px;
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 768px) {
  .page-top .voice .voice-slide .swiper-control {
    max-width: calc(100% - 30px);
  }
}
.page-top .voice .voice-slide .swiper-control:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.4);
  margin-left: 1em;
}
.page-top .voice .voice-slide .swiper-button-next,
.page-top .voice .voice-slide .swiper-button-prev {
  background-color: #ea5f9e;
  position: relative;
  width: 45px;
  height: 30px;
}
.page-top .voice .voice-slide .swiper-button-next:after,
.page-top .voice .voice-slide .swiper-button-prev:after {
  content: "";
  color: #fff;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 1025px) {
  .page-top .voice .voice-slide .swiper-button-next:hover,
  .page-top .voice .voice-slide .swiper-button-prev:hover {
    opacity: 0.7;
  }
}
.page-top .voice .voice-slide .swiper-button-prev {
  border-top-left-radius: 500px;
  border-bottom-left-radius: 500px;
}
.page-top .voice .voice-slide .swiper-button-prev:after {
  background-image: url(/recruit/assets/uploads/top/swiper-prev.svg);
}
.page-top .voice .voice-slide .swiper-button-prev:before {
  content: "";
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-top .voice .voice-slide .swiper-button-next {
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px;
}
.page-top .voice .voice-slide .swiper-button-next:after {
  background-image: url(/recruit/assets/uploads/top/swiper-next.svg);
}
@media (min-width: 1025px) {
  .page-top .voice .voice-slide a:hover {
    opacity: 1;
  }
  .page-top .voice .voice-slide a:hover .voice-slide__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .page-top .voice .voice-slide a:hover .voice-slide__img:before {
    background-color: #ea5f9e;
  }
  .page-top .voice .voice-slide a:hover .voice-slide__img:after {
    background-color: #fff;
  }
  .page-top .voice .voice-slide a:hover .voice-slide__ttl {
    color: #ea5f9e;
  }
}
.page-top .voice__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.page-top .voice__btn a {
  min-width: 360px;
  border: 2px solid #ea5f9e;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .voice__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .voice__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .voice__btn a span {
  color: #ea5f9e;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .voice__btn a span {
    font-size: 1rem;
  }
}
.page-top .voice__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #ea5f9e;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .voice__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .voice__btn a:hover {
    opacity: 1;
    background-color: #ea5f9e;
  }
  .page-top .voice__btn a:hover span {
    color: #fff;
  }
  .page-top .voice__btn a:hover span:after {
    left: 5px;
  }
}
.page-top .environment {
  padding-top: 80px;
  position: relative;
  overflow: hidden;
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .page-top .environment {
    padding-top: 92px;
  }
}
.page-top .environment > .ball {
  position: absolute;
  width: 28.47vw;
  right: -11.12vw;
  top: 200px;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  z-index: -1;
}
@media (max-width: 768px) {
  .page-top .environment > .ball {
    width: 62.66vw;
    right: -21.34vw;
    top: 100px;
  }
}
.page-top .environment__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: min(8.33vw, 120px);
}
@media (max-width: 768px) {
  .page-top .environment__inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 0;
  }
}
.page-top .environment__imgbox {
  width: 50%;
  position: relative;
}
@media (max-width: 768px) {
  .page-top .environment__imgbox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 64px;
  }
}
.page-top .environment__imgbox .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-top .environment__imgbox .ball__img {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.page-top .environment__imgbox .ball__img:first-child {
  width: min(3.68vw, 53px);
  left: min(2.08vw, 30px);
  top: min(13.19vw, 190px);
}
@media (max-width: 768px) {
  .page-top .environment__imgbox .ball__img:first-child {
    width: 6.4vw;
  }
}
.page-top .environment__imgbox .ball__img:nth-child(2) {
  width: min(8.33vw, 120px);
  right: min(1.59vw, 23px);
  top: 20px;
}
@media (max-width: 768px) {
  .page-top .environment__imgbox .ball__img:nth-child(2) {
    width: 12.53vw;
  }
}
.page-top .environment__imgbox .ball__img:last-child {
  width: min(5.55vw, 80px);
  right: min(6.94vw, 100px);
  bottom: 0;
}
@media (max-width: 768px) {
  .page-top .environment__imgbox .ball__img:last-child {
    width: 8.53vw;
  }
}
.page-top .environment__imgbox.active .environment__img01 {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.page-top .environment__imgbox.active .ball__img:first-child {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 0.8s,
    ballFloat1 3s ease-in-out infinite 1.4s;
  animation: ballScale 0.6s ease-in-out forwards 0.8s,
    ballFloat1 3s ease-in-out infinite 1.4s;
}
.page-top .environment__imgbox.active .ball__img:nth-child(2) {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 0.9s,
    ballFloat2 4s ease-in-out infinite 1.5s;
  animation: ballScale 0.6s ease-in-out forwards 0.9s,
    ballFloat2 4s ease-in-out infinite 1.5s;
}
.page-top .environment__imgbox.active .ball__img:last-child {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 1s,
    ballFloat3 5s ease-in-out infinite 1.6s;
  animation: ballScale 0.6s ease-in-out forwards 1s,
    ballFloat3 5s ease-in-out infinite 1.6s;
}
.page-top .environment__img01 {
  overflow: hidden;
  -webkit-transform: rotate(20deg) scale(0);
  transform: rotate(20deg) scale(0);
  -webkit-transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .environment__img01 {
    margin-bottom: 37px;
    width: 65%;
  }
}
.page-top .environment__img02 {
  width: 50%;
  margin: 0 0 0 auto;
  -webkit-transform: rotate(20deg) scale(0);
  transform: rotate(20deg) scale(0);
  -webkit-transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .environment__img02 {
    width: 35%;
  }
}
.page-top .environment__img02.active {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.page-top .environment__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 60px;
}
@media (max-width: 768px) {
  .page-top .environment__txtbox {
    padding-top: 0;
  }
}
.page-top .environment__copy {
  color: #1eac4b;
}
.page-top .environment__ttl {
  font-size: 4.875rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .page-top .environment__ttl {
    font-size: 2.875rem;
  }
}
.page-top .environment__lead {
  margin-bottom: 2.8em;
}
.page-top .environment__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .page-top .environment__btn {
    width: 100%;
  }
}
.page-top .environment__btn a {
  min-width: 360px;
  border: 2px solid #1eac4b;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .environment__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .environment__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .environment__btn a span {
  color: #1eac4b;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .environment__btn a span {
    font-size: 1rem;
  }
}
.page-top .environment__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #1eac4b;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .environment__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .environment__btn a:hover {
    opacity: 1;
    background-color: #1eac4b;
  }
  .page-top .environment__btn a:hover span {
    color: #fff;
  }
  .page-top .environment__btn a:hover span:after {
    left: 5px;
  }
}
.page-top .about {
  margin-bottom: 200px;
}
@media (max-width: 1024px) {
  .page-top .about {
    margin-bottom: 160px;
  }
}
@media (max-width: 768px) {
  .page-top .about {
    margin-bottom: 120px;
  }
}
.page-top .about__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}
.page-top .about__copy {
  color: #f08300;
}
.page-top .about__ttl {
  font-size: 4.875rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .page-top .about__ttl {
    font-size: 2.875rem;
  }
}
.page-top .about__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .page-top .about__btn {
    width: 100%;
  }
}
.page-top .about__btn a {
  min-width: 360px;
  border: 2px solid #f08300;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .about__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .about__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .about__btn a span {
  color: #f08300;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .about__btn a span {
    font-size: 1rem;
  }
}
.page-top .about__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #f08300;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .about__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .about__btn a:hover {
    opacity: 1;
    background-color: #f08300;
  }
  .page-top .about__btn a:hover span {
    color: #fff;
  }
  .page-top .about__btn a:hover span:after {
    left: 5px;
  }
}
.page-top .about .img-slide {
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-top .about .img-slide {
    margin-bottom: 60px;
  }
}
.page-top .about .img-slide__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-animation: loop-slide 25s linear infinite;
  animation: loop-slide 25s linear infinite;
  width: 200vw;
}
.page-top .about .img-slide__img img,
.page-top .about .img-slide__img picture {
  width: 100vw;
}
@-webkit-keyframes loop-slide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes loop-slide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.page-top .about .img-slide__img:nth-child(2) {
  position: absolute;
  top: 0;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}
.page-top .about .img-slide__img:last-child {
  position: absolute;
  top: 0;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}
.page-top .info {
  margin: 0 30px 250px;
  position: relative;
  border-radius: 60px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-top .info {
    border-radius: 30px;
    margin-bottom: 130px;
    padding: 70px 0 100px;
  }
}
.page-top .info:before {
  content: "";
  mix-blend-mode: multiply;
  border-radius: 60px;
  background-color: #0089ce;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.7;
}
@media (max-width: 768px) {
  .page-top .info:before {
    border-radius: 30px;
  }
}
.page-top .info__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .page-top .info__inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.page-top .info__txtbox {
  width: 60%;
  padding: 150px min(2.77vw, 40px) 130px min(10.41vw, 150px);
}
@media (max-width: 768px) {
  .page-top .info__txtbox {
    width: 100%;
    padding: 0 40px;
    margin-bottom: 80px;
  }
}
.page-top .info__ttl {
  font-size: 4.875rem;
  line-height: 1.1;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .page-top .info__ttl {
    font-size: 2.875rem;
  }
}
.page-top .info__lead {
  margin-bottom: 2.8em;
  color: #fff;
}
.page-top .info .info-link {
  margin-bottom: 60px;
  max-width: 450px;
}
.page-top .info .info-link__item {
  width: 100%;
  display: block;
  padding-bottom: 25px;
  padding-right: 64px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .page-top .info .info-link__item {
    font-size: 1.25rem;
    padding-right: 50px;
    padding-bottom: 20px;
    margin-bottom: 24px;
  }
}
.page-top .info .info-link__item:after {
  content: "\e900";
  width: 52px;
  height: 52px;
  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;
  font-family: "icomoon";
  background-color: transparent;
  color: #fff;
  font-size: 1rem;
  border-radius: 50%;
  position: absolute;
  bottom: 25px;
  right: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-top .info .info-link__item:after {
    width: 40px;
    height: 40px;
    font-size: 0.5rem;
    background-color: #fff;
    color: #0089ce;
  }
}
.page-top .info .info-link__item span {
  font-size: 1rem;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  opacity: 0.5;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
  .page-top .info .info-link__item span {
    font-size: 0.8125rem;
    margin-bottom: 8px;
  }
}
@media (min-width: 1025px) {
  .page-top .info .info-link__item:hover {
    opacity: 1;
    border-color: #fff;
  }
  .page-top .info .info-link__item:hover:after {
    background-color: #fff;
    color: #0089ce;
  }
}
.page-top .info__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-top .info__btn a {
  min-width: 360px;
  border: 2px solid #fff;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-top .info__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-top .info__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-top .info__btn a span {
  color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .info__btn a span {
    font-size: 1rem;
  }
}
.page-top .info__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #fff;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-top .info__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-top .info__btn a:hover {
    opacity: 1;
    background-color: #fff;
  }
  .page-top .info__btn a:hover span {
    color: #fff;
  }
  .page-top .info__btn a:hover span:after {
    left: 5px;
  }
}
.page-top .info__btn a span:after {
  color: #0089ce;
}
@media (min-width: 1025px) {
  .page-top .info__btn a:hover span {
    color: #0089ce;
  }
}
.page-top .info .img-slide {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  -webkit-animation: loop 50s linear infinite;
  animation: loop 50s linear infinite;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media (max-width: 768px) {
  .page-top .info .img-slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 390vw;
    -webkit-animation: loop-sp 30s linear infinite;
    animation: loop-sp 30s linear infinite;
  }
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@keyframes loop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@-webkit-keyframes loop-sp {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes loop-sp {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.page-top .info .img-slide__img {
  width: calc(100% + 80px);
}
@media (max-width: 768px) {
  .page-top .info .img-slide__img {
    width: 65vw;
  }
}
.page-top .statement {
  text-align: center;
  max-width: 1280px;
  margin: 0 auto 180px;
}
@media (max-width: 1024px) {
  .page-top .statement {
    margin-bottom: 140px;
  }
}
@media (max-width: 768px) {
  .page-top .statement {
    overflow: hidden;
    margin-bottom: 160px;
  }
}
.page-top .statement img,
.page-top .statement picture {
  width: 100%;
}
.page-top .statement .statement-animation {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media (max-width: 768px) {
  .page-top .statement .statement-animation {
    width: 150%;
    position: relative;
    left: -25%;
  }
}
.page-data .data__category {
  margin-bottom: 40px;
}
.page-data .data__category:before {
  background-color: #f08300;
}
.page-data .data .number img,
.page-data .data .number picture {
  width: 100%;
}
.page-message .page-head__img img {
  -o-object-position: top center;
  object-position: top center;
}
.page-message .top-message__box {
  padding-bottom: 40px;
  border-bottom: 1px solid #999;
}
@media (max-width: 768px) {
  .page-message .top-message__box {
    padding-bottom: 60px;
  }
}
.page-message .top-message__box:not(:last-of-type) {
  margin-bottom: 80px;
}
.page-message .top-message__box:last-of-type {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .page-message .top-message__box:last-of-type {
    margin-bottom: 40px;
  }
}
.page-message .top-message__copy {
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  .page-message .top-message__copy {
    margin-bottom: 2rem;
  }
}
.page-message .top-message__name {
  text-align: right;
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .page-message .top-message__name {
    font-size: 1.5rem;
  }
}
.page-message .top-message__name span {
  display: block;
  font-size: 0.9375rem;
}
@media (max-width: 768px) {
  .page-message .top-message__name span {
    font-size: 0.75rem;
  }
}
.page-business .business .business-category {
  margin-bottom: 200px;
}
@media (max-width: 1024px) {
  .page-business .business .business-category {
    margin-bottom: 160px;
  }
}
@media (max-width: 768px) {
  .page-business .business .business-category {
    margin-bottom: 140px;
  }
}
.page-business .business .business-category__ttl {
  margin-bottom: 54px;
}
@media (max-width: 768px) {
  .page-business .business .business-category__ttl {
    margin-bottom: 48px;
  }
}
.page-business .business .business-box {
  margin-bottom: 180px;
}
@media (max-width: 1024px) {
  .page-business .business .business-box {
    margin-bottom: 140px;
  }
}
@media (max-width: 768px) {
  .page-business .business .business-box {
    margin-bottom: 120px;
  }
}
.page-business .business .business-box__ttl {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .page-business .business .business-box__ttl {
    margin-bottom: 32px;
  }
}
.page-business .business .business-box__ttl:before {
  background-color: #f08300;
}
.page-business .business .business-box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(4.86vw, 70px);
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .page-business .business .business-box__item {
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .page-business .business .business-box__item {
    margin-bottom: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
.page-business .business .business-box__item:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .page-business .business .business-box__item:nth-of-type(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.page-business .business .business-box__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-business .business .business-box__img--clm {
  width: 100%;
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .page-business .business .business-box__img--clm {
    margin-bottom: 40px;
  }
}
.page-business .business .business-box__txtbox {
  width: 43%;
}
@media (max-width: 768px) {
  .page-business .business .business-box__txtbox {
    width: 100%;
  }
}
.page-business .business .business-box__subttl {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .page-business .business .business-box__subttl {
    font-size: 1.125rem;
    margin-bottom: 1.3125rem;
  }
}
.page-business .business .future {
  background-color: #fff;
  border-radius: 16px;
  padding: 80px min(5.55vw, 80px);
}
@media (max-width: 768px) {
  .page-business .business .future {
    border-radius: 8px;
    padding: 54px 30px;
  }
}
.page-business .business .future__ttl {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 3.375rem;
}
@media (max-width: 768px) {
  .page-business .business .future__ttl {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
.page-business .business .future__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(3.33vw, 48px);
}
@media (max-width: 768px) {
  .page-business .business .future__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 56px;
  }
}
.page-business .business .future__img {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .page-business .business .future__img {
    margin-bottom: 1.5rem;
  }
}
.page-business .business .value-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
.page-business .business .value-list > li {
  width: calc((100% - 24px) / 2);
}
@media (max-width: 768px) {
  .page-business .business .value-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
  }
  .page-business .business .value-list > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-business .business .value-list__box {
  border: 1px solid #000;
  padding: 48px min(48px, 3.33vw) 40px;
  background-color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 768px) {
  .page-business .business .value-list__box {
    padding: 48px 30px 54px;
  }
}
.page-business .business .value-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .page-business .business .value-list__head {
    margin-bottom: 24px;
  }
}
.page-business .business .value-list__ttl {
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
.page-business .business .value-list__icon {
  width: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .page-business .business .value-list__icon {
    width: 40px;
  }
}
.page-business .business .cps-value {
  margin-bottom: 120px;
}
.page-business .business .cps-value__ttl {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .page-business .business .cps-value__ttl {
    margin-bottom: 24px;
  }
}
.page-business .business .cps-value__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(40px, 2.77vw);
}
@media (max-width: 768px) {
  .page-business .business .cps-value__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}
.page-business .business .cps-value__item:not(:last-child) {
  margin-bottom: 80px;
}
.page-business .business .cps-value__img {
  width: 48%;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-business .business .cps-value__img {
    width: 100%;
  }
}
.page-business .business .cps-value__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-business .business .cps-value__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.page-business .business .cps-value__icon {
  width: 64px;
}
@media (max-width: 768px) {
  .page-business .business .cps-value__icon {
    width: 54px;
  }
}
.page-business .business .cps-value__business {
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.4;
}
.page-business .business .cps-value__txt {
  margin-bottom: 40px;
}
.page-business .business .cps-value__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-business .business .cps-value__btn a {
  min-width: 360px;
  border: 2px solid #f08300;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-business .business .cps-value__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-business .business .cps-value__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-business .business .cps-value__btn a span {
  color: #f08300;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-business .business .cps-value__btn a span {
    font-size: 1rem;
  }
}
.page-business .business .cps-value__btn a span:after {
  font-family: "icomoon";
  content: "\e902";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #f08300;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-business .business .cps-value__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-business .business .cps-value__btn a:hover {
    opacity: 1;
    background-color: #f08300;
  }
  .page-business .business .cps-value__btn a:hover span {
    color: #fff;
  }
  .page-business .business .cps-value__btn a:hover span:after {
    left: 5px;
  }
}
.page-business .tap:after {
  background-image: url(/recruit/assets/uploads/about/business/zoom.svg);
}
.page-overview .award,
.page-overview .brand,
.page-overview .company,
.page-overview .data,
.page-overview .environment,
.page-overview .history,
.page-overview .workfield {
  padding: 140px 0 100px;
  margin-bottom: 0;
  position: relative;
}
@media (max-width: 768px) {
  .page-overview .award,
  .page-overview .brand,
  .page-overview .company,
  .page-overview .data,
  .page-overview .environment,
  .page-overview .history,
  .page-overview .workfield {
    padding: 80px 0;
  }
}
.page-overview .award__inr,
.page-overview .brand__inr,
.page-overview .company__inr,
.page-overview .data__inr,
.page-overview .environment__inr,
.page-overview .history__inr,
.page-overview .workfield__inr {
  padding-right: 4.16vw;
  padding-left: 25vw;
  z-index: 5;
  position: relative;
}
@media (max-width: 768px) {
  .page-overview .award__inr,
  .page-overview .brand__inr,
  .page-overview .company__inr,
  .page-overview .data__inr,
  .page-overview .environment__inr,
  .page-overview .history__inr,
  .page-overview .workfield__inr {
    padding: 0 15px;
  }
}
.page-overview .award__box,
.page-overview .brand__box,
.page-overview .company__box,
.page-overview .data__box,
.page-overview .environment__box,
.page-overview .history__box,
.page-overview .workfield__box {
  background-color: #fff;
  border-radius: 20px;
  padding: 100px min(6.11vw, 88px);
}
@media (max-width: 768px) {
  .page-overview .award__box,
  .page-overview .brand__box,
  .page-overview .company__box,
  .page-overview .data__box,
  .page-overview .environment__box,
  .page-overview .history__box,
  .page-overview .workfield__box {
    padding: 54px 30px 64px;
  }
}
.page-overview .award__ttl span,
.page-overview .brand__ttl span,
.page-overview .company__ttl span,
.page-overview .data__ttl span,
.page-overview .environment__ttl span,
.page-overview .history__ttl span,
.page-overview .workfield__ttl span {
  display: inline-block;
  color: #fff;
  font-size: 3rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.1;
  padding: 0 10px;
  margin-bottom: 1em;
}
@media (min-width: 1025px) {
  .os-windows .page-overview .award__ttl span,
  .os-windows .page-overview .brand__ttl span,
  .os-windows .page-overview .company__ttl span,
  .os-windows .page-overview .data__ttl span,
  .os-windows .page-overview .environment__ttl span,
  .os-windows .page-overview .history__ttl span,
  .os-windows .page-overview .workfield__ttl span,
  .page-overview .award__ttl .os-windows span,
  .page-overview .brand__ttl .os-windows span,
  .page-overview .company__ttl .os-windows span,
  .page-overview .data__ttl .os-windows span,
  .page-overview .environment__ttl .os-windows span,
  .page-overview .history__ttl .os-windows span,
  .page-overview .workfield__ttl .os-windows span {
    line-height: 1;
    padding-top: 12px;
  }
}
@media (max-width: 1024px) {
  .page-overview .award__ttl span,
  .page-overview .brand__ttl span,
  .page-overview .company__ttl span,
  .page-overview .data__ttl span,
  .page-overview .environment__ttl span,
  .page-overview .history__ttl span,
  .page-overview .workfield__ttl span {
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 768px) {
  .page-overview .award__ttl span,
  .page-overview .brand__ttl span,
  .page-overview .company__ttl span,
  .page-overview .data__ttl span,
  .page-overview .environment__ttl span,
  .page-overview .history__ttl span,
  .page-overview .workfield__ttl span {
    font-size: 1.5rem;
  }
}
.page-overview .award__btn,
.page-overview .company__btn,
.page-overview .data__btn,
.page-overview .environment__btn,
.page-overview .workfield__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .page-overview .award__btn,
  .page-overview .company__btn,
  .page-overview .data__btn,
  .page-overview .environment__btn,
  .page-overview .workfield__btn {
    margin-top: 72px;
  }
}
@media (max-width: 768px) {
  .page-overview .award__btn,
  .page-overview .company__btn,
  .page-overview .data__btn,
  .page-overview .environment__btn,
  .page-overview .workfield__btn {
    margin-top: 64px;
  }
}
.page-overview .award .ball,
.page-overview .company .ball,
.page-overview .data .ball,
.page-overview .environment .ball,
.page-overview .history .ball,
.page-overview .workfield .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-overview .award .ball__img,
.page-overview .company .ball__img,
.page-overview .data .ball__img,
.page-overview .environment .ball__img,
.page-overview .history .ball__img,
.page-overview .workfield .ball__img {
  position: absolute;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
.page-overview .award,
.page-overview .brand,
.page-overview .company,
.page-overview .data,
.page-overview .environment,
.page-overview .history,
.page-overview .workfield {
  padding: 140px 0 100px;
  margin-bottom: 0;
  position: relative;
}
@media (max-width: 768px) {
  .page-overview .award,
  .page-overview .brand,
  .page-overview .company,
  .page-overview .data,
  .page-overview .environment,
  .page-overview .history,
  .page-overview .workfield {
    padding: 80px 0;
  }
}
.page-overview .award__inr,
.page-overview .brand__inr,
.page-overview .company__inr,
.page-overview .data__inr,
.page-overview .environment__inr,
.page-overview .history__inr,
.page-overview .workfield__inr {
  padding-right: 4.16vw;
  padding-left: 25vw;
  z-index: 5;
  position: relative;
}
@media (max-width: 768px) {
  .page-overview .award__inr,
  .page-overview .brand__inr,
  .page-overview .company__inr,
  .page-overview .data__inr,
  .page-overview .environment__inr,
  .page-overview .history__inr,
  .page-overview .workfield__inr {
    padding: 0 15px;
  }
}
.page-overview .award__box,
.page-overview .brand__box,
.page-overview .company__box,
.page-overview .data__box,
.page-overview .environment__box,
.page-overview .history__box,
.page-overview .workfield__box {
  background-color: #fff;
  border-radius: 20px;
  padding: 100px min(6.11vw, 88px);
}
@media (max-width: 768px) {
  .page-overview .award__box,
  .page-overview .brand__box,
  .page-overview .company__box,
  .page-overview .data__box,
  .page-overview .environment__box,
  .page-overview .history__box,
  .page-overview .workfield__box {
    padding: 54px 30px 64px;
  }
}
.page-overview .award__ttl span,
.page-overview .brand__ttl span,
.page-overview .company__ttl span,
.page-overview .data__ttl span,
.page-overview .environment__ttl span,
.page-overview .history__ttl span,
.page-overview .workfield__ttl span {
  display: inline-block;
  color: #fff;
  font-size: 3rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.1;
  padding: 0 10px;
  margin-bottom: 1em;
}
@media (min-width: 1025px) {
  .os-windows .page-overview .award__ttl span,
  .os-windows .page-overview .brand__ttl span,
  .os-windows .page-overview .company__ttl span,
  .os-windows .page-overview .data__ttl span,
  .os-windows .page-overview .environment__ttl span,
  .os-windows .page-overview .history__ttl span,
  .os-windows .page-overview .workfield__ttl span,
  .page-overview .award__ttl .os-windows span,
  .page-overview .brand__ttl .os-windows span,
  .page-overview .company__ttl .os-windows span,
  .page-overview .data__ttl .os-windows span,
  .page-overview .environment__ttl .os-windows span,
  .page-overview .history__ttl .os-windows span,
  .page-overview .workfield__ttl .os-windows span {
    line-height: 1;
    padding-top: 12px;
  }
}
@media (max-width: 1024px) {
  .page-overview .award__ttl span,
  .page-overview .brand__ttl span,
  .page-overview .company__ttl span,
  .page-overview .data__ttl span,
  .page-overview .environment__ttl span,
  .page-overview .history__ttl span,
  .page-overview .workfield__ttl span {
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 768px) {
  .page-overview .award__ttl span,
  .page-overview .brand__ttl span,
  .page-overview .company__ttl span,
  .page-overview .data__ttl span,
  .page-overview .environment__ttl span,
  .page-overview .history__ttl span,
  .page-overview .workfield__ttl span {
    font-size: 1.5rem;
  }
}
.page-overview .award__btn,
.page-overview .company__btn,
.page-overview .data__btn,
.page-overview .environment__btn,
.page-overview .workfield__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .page-overview .award__btn,
  .page-overview .company__btn,
  .page-overview .data__btn,
  .page-overview .environment__btn,
  .page-overview .workfield__btn {
    margin-top: 72px;
  }
}
@media (max-width: 768px) {
  .page-overview .award__btn,
  .page-overview .company__btn,
  .page-overview .data__btn,
  .page-overview .environment__btn,
  .page-overview .workfield__btn {
    margin-top: 64px;
  }
}
.page-overview .award .ball,
.page-overview .company .ball,
.page-overview .data .ball,
.page-overview .environment .ball,
.page-overview .history .ball,
.page-overview .workfield .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-overview .award .ball__img,
.page-overview .company .ball__img,
.page-overview .data .ball__img,
.page-overview .environment .ball__img,
.page-overview .history .ball__img,
.page-overview .workfield .ball__img {
  position: absolute;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
.page-overview {
  margin-top: 0 !important;
}
.page-overview .intro {
  margin-bottom: 0;
  padding: 120px 0 100px;
  background: url(/recruit/assets/uploads/about/overview/intro_bg.jpg) no-repeat
    center center/cover;
}
@media (max-width: 768px) {
  .page-overview .intro {
    padding: 90px 0 60px;
    background-image: url(/recruit/assets/uploads/about/overview/intro_bg_sp.jpg);
  }
}
.page-overview .intro .breadcrumb {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .page-overview .intro .breadcrumb {
    margin-bottom: 40px;
  }
}
.page-overview .intro__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .page-overview .intro__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.page-overview .intro__video {
  width: 48%;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .page-overview .intro__video {
    width: 100%;
  }
}
.page-overview .intro__en {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.04em;
  color: #3b1e87;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .page-overview .intro__en {
    font-size: 1.125rem;
    margin-bottom: 1.3125rem;
  }
}
.page-overview .overview {
  position: relative;
  margin-bottom: 180px;
}
@media (max-width: 1024px) {
  .page-overview .overview {
    margin-bottom: 140px;
  }
}
@media (max-width: 768px) {
  .page-overview .overview {
    margin-bottom: 120px;
  }
}
.page-overview .overview .sidenav {
  position: fixed;
  top: calc(120px + 3em);
  left: min(8.33vw, 120px);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  z-index: 200;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-overview .overview .sidenav.visible {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.page-overview .overview .sidenav__item.current:nth-child(2) .sidenav__link {
  color: #f08300;
}
.page-overview
  .overview
  .sidenav__item.current:nth-child(2)
  .sidenav__link:before {
  background-color: #f08300;
}
.page-overview .overview .sidenav__item.current:nth-child(3) .sidenav__link {
  color: #b60081;
}
.page-overview
  .overview
  .sidenav__item.current:nth-child(3)
  .sidenav__link:before {
  background-color: #b60081;
}
.page-overview .overview .sidenav__item.current:nth-child(4) .sidenav__link {
  color: #1eac4b;
}
.page-overview
  .overview
  .sidenav__item.current:nth-child(4)
  .sidenav__link:before {
  background-color: #1eac4b;
}
.page-overview .overview .sidenav__item.current:nth-child(5) .sidenav__link {
  color: #ea5f9e;
}
.page-overview
  .overview
  .sidenav__item.current:nth-child(5)
  .sidenav__link:before {
  background-color: #ea5f9e;
}
.page-overview .overview .sidenav__item.current:nth-child(6) .sidenav__link {
  color: #0089ce;
}
.page-overview
  .overview
  .sidenav__item.current:nth-child(6)
  .sidenav__link:before {
  background-color: #0089ce;
}
.page-overview .overview .sidenav__item.current:nth-child(7) .sidenav__link {
  color: #7f1084;
}
.page-overview
  .overview
  .sidenav__item.current:nth-child(7)
  .sidenav__link:before {
  background-color: #7f1084;
}
.page-overview .overview .sidenav__item.current:nth-child(8) .sidenav__link {
  color: #f08300;
}
.page-overview
  .overview
  .sidenav__item.current:nth-child(8)
  .sidenav__link:before {
  background-color: #f08300;
}
.page-overview .message {
  margin-bottom: 0;
}
.page-overview .message img,
.page-overview .message picture {
  width: 100%;
}
.page-overview .data {
  background: url(/recruit/assets/uploads/about/overview/data_bg.jpg) repeat top
    center;
}
.page-overview .data .ball__img:first-child {
  width: 37.77vw;
  top: 19.72vw;
  left: 8.75vw;
}
.page-overview .data .ball__img:nth-child(2) {
  width: 25.9vw;
  bottom: 57.98vw;
  left: -6.46vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.page-overview .data .ball__img:nth-child(3) {
  width: 33.81vw;
  bottom: -13.89vw;
  right: -9.38vw;
  -webkit-filter: blur(15px);
  filter: blur(15px);
}
.page-overview .data__ttl span {
  background-color: #f08300;
}
.page-overview .data__btn a {
  min-width: 360px;
  border: 2px solid #f08300;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-overview .data__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-overview .data__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-overview .data__btn a span {
  color: #f08300;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .data__btn a span {
    font-size: 1rem;
  }
}
.page-overview .data__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #f08300;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .data__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-overview .data__btn a:hover {
    opacity: 1;
    background-color: #f08300;
  }
  .page-overview .data__btn a:hover span {
    color: #fff;
  }
  .page-overview .data__btn a:hover span:after {
    left: 5px;
  }
}
.page-overview .data__category {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .page-overview .data__category {
    margin-bottom: 32px;
  }
}
.page-overview .data__category:before {
  background-color: #f08300;
}
.page-overview .data__block:not(:last-child) {
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .page-overview .data__block:not(:last-child) {
    margin-bottom: 100px;
  }
}
.page-overview .data .number img,
.page-overview .data .number picture {
  width: 100%;
}
.page-overview .workfield {
  background: url(/recruit/assets/uploads/about/overview/workfield_bg.jpg)
    repeat top center;
}
.page-overview .workfield .ball__img:first-child {
  width: 40.55vw;
  bottom: 26.38vw;
  left: 4.86vw;
}
.page-overview .workfield .ball__img:nth-child(2) {
  width: 27.43vw;
  bottom: -5.56vw;
  right: -3.48vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.page-overview .workfield__ttl span {
  background-color: #b60081;
}
.page-overview .workfield .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(3.75vw, 54px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .page-overview .workfield .field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 54px;
  }
}
.page-overview .workfield .field__img {
  width: 48%;
}
@media (max-width: 768px) {
  .page-overview .workfield .field__img {
    width: 100%;
  }
}
.page-overview .workfield .field-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-overview .workfield .field-list__item {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 21px;
}
.page-overview .workfield .field-list__item:not(:last-of-type) {
  margin-bottom: 21px;
}
.page-overview .workfield .field-list__ttl {
  color: #b60081;
  font-size: 1.125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 7px;
}
@media (max-width: 768px) {
  .page-overview .workfield .field-list__ttl {
    font-size: 1rem;
  }
}
.page-overview .workfield .business {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(4.44vw, 64px);
  row-gap: 40px;
}
.page-overview .workfield .business > li {
  width: calc((100% - min(4.44vw, 64px) * 1) / 2);
}
@media (max-width: 768px) {
  .page-overview .workfield .business {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
  }
  .page-overview .workfield .business > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-overview .workfield .business__ttl {
  color: #b60081;
  font-size: 1.125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 7px;
}
@media (max-width: 768px) {
  .page-overview .workfield .business__ttl {
    font-size: 1rem;
  }
}
.page-overview .workfield__block:not(:last-child) {
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .page-overview .workfield__block:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .page-overview .workfield__block:not(:last-child) {
    margin-bottom: 80px;
  }
}
.page-overview .workfield__btn a {
  min-width: 360px;
  border: 2px solid #b60081;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-overview .workfield__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-overview .workfield__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-overview .workfield__btn a span {
  color: #b60081;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .workfield__btn a span {
    font-size: 1rem;
  }
}
.page-overview .workfield__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #b60081;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .workfield__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-overview .workfield__btn a:hover {
    opacity: 1;
    background-color: #b60081;
  }
  .page-overview .workfield__btn a:hover span {
    color: #fff;
  }
  .page-overview .workfield__btn a:hover span:after {
    left: 5px;
  }
}
.page-overview .environment {
  background: url(/recruit/assets/uploads/about/overview/environment_bg.jpg)
    repeat top center;
}
.page-overview .environment .ball__img:first-child {
  width: 58.68vw;
  top: 6.94vw;
  right: -19.94vw;
}
.page-overview .environment .ball__img:nth-child(2) {
  width: 27.36vw;
  bottom: 17.36vw;
  left: -15.49vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.page-overview .environment__ttl span {
  background-color: #1eac4b;
}
.page-overview .environment__copy {
  margin-bottom: 54px;
}
@media (max-width: 768px) {
  .page-overview .environment__copy {
    margin-bottom: 48px;
  }
}
.page-overview .environment .flexible-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(4.44vw, 64px);
  row-gap: 80px;
}
.page-overview .environment .flexible-list > li {
  width: calc((100% - min(4.44vw, 64px) * 1) / 2);
}
@media (max-width: 1024px) {
  .page-overview .environment .flexible-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: min(2.22vw, 32px);
    row-gap: 64px;
  }
  .page-overview .environment .flexible-list > li {
    width: calc((100% - min(2.22vw, 32px) * 1) / 2);
  }
}
@media (max-width: 768px) {
  .page-overview .environment .flexible-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
  }
  .page-overview .environment .flexible-list > li {
    width: calc((100% - 0rem) / 1);
  }
}
.page-overview .environment .flexible-list__img {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 1.875rem;
}
@media (max-width: 1024px) {
  .page-overview .environment .flexible-list__img {
    margin-bottom: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-overview .environment .flexible-list__img {
    margin-bottom: 1.125rem;
  }
}
.page-overview .environment .flexible-list__ttl {
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.3125rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .page-overview .environment .flexible-list__ttl {
    font-size: 1.125rem;
  }
}
.page-overview .environment__btn a {
  min-width: 360px;
  border: 2px solid #1eac4b;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-overview .environment__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-overview .environment__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-overview .environment__btn a span {
  color: #1eac4b;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .environment__btn a span {
    font-size: 1rem;
  }
}
.page-overview .environment__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #1eac4b;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .environment__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-overview .environment__btn a:hover {
    opacity: 1;
    background-color: #1eac4b;
  }
  .page-overview .environment__btn a:hover span {
    color: #fff;
  }
  .page-overview .environment__btn a:hover span:after {
    left: 5px;
  }
}
.page-overview .award {
  background: url(/recruit/assets/uploads/about/overview/award_bg.jpg) repeat
    top center;
}
.page-overview .award .ball__img:first-child {
  width: 40.55vw;
  top: 3.19vw;
  right: -15.63vw;
}
.page-overview .award .ball__img:nth-child(2) {
  width: 20.13vw;
  bottom: 8.75vw;
  left: -6.95vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.page-overview .award__ttl span {
  background-color: #ea5f9e;
}
.page-overview .award .award-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.page-overview .award .award-list > li {
  width: calc((100% - 20px) / 3);
}
@media (max-width: 768px) {
  .page-overview .award .award-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
  }
  .page-overview .award .award-list > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-overview .award .award-list__item {
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  padding: 40px min(2.08vw, 30px) 24px;
}
@media (max-width: 1024px) {
  .page-overview .award .award-list__item {
    padding: 40px 30px 32px;
  }
}
@media (max-width: 768px) {
  .page-overview .award .award-list__item {
    padding: 24px 30px 32px;
  }
}
.page-overview .award .award-list__img {
  margin-bottom: 21px;
}
@media (max-width: 768px) {
  .page-overview .award .award-list__img {
    margin-bottom: 24px;
  }
}
.page-overview .award__btn a {
  min-width: 360px;
  border: 2px solid #ea5f9e;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-overview .award__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-overview .award__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-overview .award__btn a span {
  color: #ea5f9e;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .award__btn a span {
    font-size: 1rem;
  }
}
.page-overview .award__btn a span:after {
  font-family: "icomoon";
  content: "\e902";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #ea5f9e;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .award__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-overview .award__btn a:hover {
    opacity: 1;
    background-color: #ea5f9e;
  }
  .page-overview .award__btn a:hover span {
    color: #fff;
  }
  .page-overview .award__btn a:hover span:after {
    left: 5px;
  }
}
.page-overview .history {
  background: url(/recruit/assets/uploads/about/overview/history_bg.jpg) repeat
    top center;
}
.page-overview .history .ball__img {
  width: 31.73vw;
  left: 9.37vw;
  bottom: -12.16vw;
}
.page-overview .history__ttl span {
  background-color: #0089ce;
}
.page-overview .history__bnr {
  display: block;
  overflow: hidden;
  width: 100%;
}
.page-overview .history__bnr img,
.page-overview .history__bnr picture {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .page-overview .history__bnr:hover {
    opacity: 1;
  }
  .page-overview .history__bnr:hover img,
  .page-overview .history__bnr:hover picture {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-overview .company {
  background: url(/recruit/assets/uploads/about/overview/company_bg.jpg) repeat
    top center;
}
.page-overview .company .ball__img:first-child {
  width: 36.94vw;
  top: 9.23vw;
  right: -12.16vw;
}
.page-overview .company .ball__img:nth-child(2) {
  width: 18.4vw;
  top: 65.76vw;
  left: 0vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.page-overview .company .ball__img:nth-child(3) {
  width: 36.94vw;
  bottom: -14.59vw;
  right: -0.7vw;
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.page-overview .company__ttl span {
  background-color: #7f1084;
}
.page-overview .company__block:not(:last-child) {
  margin-bottom: 160px;
}
@media (max-width: 1024px) {
  .page-overview .company__block:not(:last-child) {
    margin-bottom: 120px;
  }
}
@media (max-width: 768px) {
  .page-overview .company__block:not(:last-child) {
    margin-bottom: 72px;
  }
}
.page-overview .company .philosophy__img,
.page-overview .company .purpose__img {
  margin-bottom: 80px;
  max-width: 800px;
}
@media (max-width: 1024px) {
  .page-overview .company .philosophy__img,
  .page-overview .company .purpose__img {
    margin-bottom: 64px;
  }
}
@media (max-width: 768px) {
  .page-overview .company .philosophy__img,
  .page-overview .company .purpose__img {
    margin-bottom: 40px;
  }
}
.page-overview .company .philosophy__img img,
.page-overview .company .philosophy__img picture,
.page-overview .company .purpose__img img,
.page-overview .company .purpose__img picture {
  width: 100%;
}
.page-overview .company .philosophy__img {
  margin-left: auto;
  margin-right: auto;
}
.page-overview .company .purpose__txt span {
  color: #7f1084;
}
.page-overview .company__btn a {
  min-width: 360px;
  border: 2px solid #b60081;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-overview .company__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-overview .company__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-overview .company__btn a span {
  color: #b60081;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .company__btn a span {
    font-size: 1rem;
  }
}
.page-overview .company__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #b60081;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-overview .company__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-overview .company__btn a:hover {
    opacity: 1;
    background-color: #b60081;
  }
  .page-overview .company__btn a:hover span {
    color: #fff;
  }
  .page-overview .company__btn a:hover span:after {
    left: 5px;
  }
}
.page-overview .brand {
  background: url(/recruit/assets/uploads/about/overview/brand_bg.jpg) repeat
    top center;
}
.page-overview .brand__ttl span {
  background-color: #f08300;
}
.page-overview .brand__video {
  overflow: hidden;
  border-radius: 16px;
  width: 100%;
}
.page-workfield .link-area__item {
  position: relative;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .page-workfield .link-area__item {
    margin-top: 50px;
  }
}
.page-workfield .link-area__item:first-child:after,
.page-workfield .link-area__item:first-child:before {
  background-image: url(/recruit/assets/uploads/ball-orange.png);
}
@media (min-width: 1025px) {
  .page-workfield .link-area__item:first-child .link-area__btn:hover:before {
    background-color: rgba(240, 131, 0, 0.6);
  }
}
.page-workfield .link-area__lead {
  text-align: center;
  font-size: 1.125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
}
@media (max-width: 768px) {
  .page-workfield .link-area__lead {
    top: -50px;
    font-size: 0.9375rem;
  }
}
.page-workfield .overview__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: min(4.86vw, 70px);
}
@media (max-width: 768px) {
  .page-workfield .overview__inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 64px;
  }
}
.page-workfield .overview__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-workfield .overview__ttl {
  margin-bottom: 2rem;
}
.page-workfield .overview__lead {
  margin-bottom: 4em;
}
@media (max-width: 768px) {
  .page-workfield .overview__lead {
    margin-bottom: 54px;
  }
}
.page-workfield .overview .workfield-anc:not(:last-child) {
  margin-bottom: 40px;
}
.page-workfield .overview .workfield-anc__ttl {
  font-size: 1.375rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .page-workfield .overview .workfield-anc__ttl {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .page-workfield .overview .workfield-anc__ttl {
    font-size: 1rem;
    margin-bottom: 12px;
  }
}
.page-workfield .overview .anc--s {
  margin-bottom: 0;
}
.page-workfield .overview .anc--s .anc__item.wide {
  width: 100%;
}
.page-workfield .overview__figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-workfield .anc-area {
  opacity: 0;
  pointer-events: none;
  position: sticky;
  top: 102px;
  z-index: 200;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .page-workfield .anc-area {
    top: 90px;
    -webkit-animation: anc-hide 0.6s ease-in-out forwards;
    animation: anc-hide 0.6s ease-in-out forwards;
  }
  @-webkit-keyframes anc-hide {
    0% {
      opacity: 0;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes anc-hide {
    0% {
      opacity: 0;
    }
    to {
      opacity: 0;
    }
  }
}
.page-workfield .anc-area.fixed {
  opacity: 1;
  pointer-events: all;
  -webkit-animation: anc-fixed 0.6s ease-in-out forwards;
  animation: anc-fixed 0.6s ease-in-out forwards;
}
@media (min-width: 1025px) {
  .page-workfield .anc-area .anc {
    height: 70px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    padding: 21px 1em;
  }
}
@media (min-width: 1025px) {
  .page-workfield .anc-area .anc__item {
    border: none;
  }
}
.page-workfield .workfield__ttl {
  margin-bottom: 2rem;
}
.page-workfield .workfield .workfield-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}
.page-workfield .workfield .workfield-list > li {
  width: calc((100% - 40px) / 2);
}
@media (max-width: 768px) {
  .page-workfield .workfield .workfield-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
  }
  .page-workfield .workfield .workfield-list > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-workfield .workfield .workfield-list__item {
  background-color: #fff;
  padding: 60px min(50px, 3.47vw);
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list__item {
    padding: 60px 30px;
  }
}
.page-workfield .workfield .workfield-list__ttl {
  font-size: 2rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  padding-bottom: 4px;
  border-bottom: 1px solid #4d4d4d;
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list__ttl {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .page-workfield .workfield .workfield-list__ttl {
    font-size: 1.3125rem;
  }
}
.page-workfield .workfield .workfield-list__ttl span {
  display: block;
  font-size: 1.125rem;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list__ttl span {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .page-workfield .workfield .workfield-list__ttl span {
    font-size: 0.875rem;
  }
}
.page-workfield .workfield .workfield-list__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-workfield .workfield .workfield-list__btn a {
  min-width: 360px;
  border: 2px solid #1eac4b;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-workfield .workfield .workfield-list__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-workfield .workfield .workfield-list__btn a span {
  color: #1eac4b;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list__btn a span {
    font-size: 1rem;
  }
}
.page-workfield .workfield .workfield-list__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #1eac4b;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-workfield .workfield .workfield-list__btn a:hover {
    opacity: 1;
    background-color: #1eac4b;
  }
  .page-workfield .workfield .workfield-list__btn a:hover span {
    color: #fff;
  }
  .page-workfield .workfield .workfield-list__btn a:hover span:after {
    left: 5px;
  }
}
.page-workfield .workfield .workfield-list .business-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 54px;
}
.page-workfield .workfield .workfield-list .business-list__item {
  font-size: 0.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  border: 1px solid #b60081;
  border-radius: 500px;
  padding: 2px 10px 0;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list .business-list__item {
    font-size: 0.6875rem;
    padding: 2px 8px 0;
  }
}
.page-workfield .workfield .workfield-list .workfield-box:not(:last-of-type) {
  margin-bottom: 54px;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list .workfield-box:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.page-workfield .workfield .workfield-list .workfield-box__ttl {
  margin-bottom: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-workfield .workfield .workfield-list .workfield-box__ttl span {
  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;
  color: #fff;
  font-size: 1.375rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  letter-spacing: 0.1em;
  padding: 1px 10px 0;
  background-color: #b60081;
}
@media (min-width: 1025px) {
  .os-windows
    .page-workfield
    .workfield
    .workfield-list
    .workfield-box__ttl
    span {
    padding: 6px 10px 0;
  }
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list .workfield-box__ttl span {
    font-size: 1.125rem;
  }
}
.page-workfield .workfield .workfield-list .business-box {
  border: 1px solid #000000;
  padding: 24px min(40px, 2.77vw);
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list .business-box {
    padding: 24px 30px;
  }
}
@media (max-width: 768px) {
  .page-workfield .workfield .workfield-list .business-box {
    padding: 32px 20px;
  }
}
.page-workfield .workfield .workfield-list .business-box:not(:last-of-type) {
  margin-bottom: 8px;
}
.page-workfield .workfield .workfield-list .business-box__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.3125rem;
  margin-bottom: 1rem;
}
.page-workfield .workfield .workfield-list .business-box__icon {
  width: 2em;
}
.page-workfield .workfield .workfield-list .business-box__ttl {
  font-size: 1.3125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .workfield-list .business-box__ttl {
    font-size: 1rem;
  }
}
.page-workfield .workfield .interview-area {
  position: relative;
}
.page-workfield .workfield .interview-area:after {
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #3b1e87;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-area:after {
    width: 24px;
    height: 24px;
  }
}
.page-workfield .workfield .interview-area:has(.story-box):after {
  background-color: #ea5f9e;
}
.page-workfield .workfield .interview-area.active .interview-area__ttl:after {
  height: 0;
}
.page-workfield .workfield .interview-area__ttl {
  font-size: 1.375rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.2;
  position: relative;
  margin-bottom: 1.125rem;
  min-height: 32px;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-area__ttl {
    font-size: 1.125rem;
    min-height: 24px;
  }
}
@media (max-width: 768px) {
  .page-workfield .workfield .interview-area__ttl {
    font-size: 1rem;
  }
}
.page-workfield .workfield .interview-area__ttl:before {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 5;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-area__ttl:before {
    width: 10px;
    top: 11px;
    right: 7px;
  }
}
.page-workfield .workfield .interview-area__ttl:after {
  content: "";
  height: 12px;
  width: 2px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 5;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-area__ttl:after {
    height: 10px;
    right: 11px;
    top: 7px;
  }
}
.page-workfield .workfield .interview-box,
.page-workfield .workfield .story-box,
.page-workfield .workfield .talksession-box {
  border: 1px solid #e8e8e8;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  border-radius: 500px;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-box,
  .page-workfield .workfield .story-box,
  .page-workfield .workfield .talksession-box {
    padding: 0;
    border-radius: 0;
    border: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.page-workfield .workfield .interview-box:not(:last-of-type),
.page-workfield .workfield .story-box:not(:last-of-type),
.page-workfield .workfield .talksession-box:not(:last-of-type) {
  margin-bottom: 1em;
  gap: 16px;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-box:not(:last-of-type),
  .page-workfield .workfield .story-box:not(:last-of-type),
  .page-workfield .workfield .talksession-box:not(:last-of-type) {
    margin-bottom: 32px;
  }
}
.page-workfield .workfield .interview-box:last-child,
.page-workfield .workfield .story-box:last-child,
.page-workfield .workfield .talksession-box:last-child {
  margin-bottom: 54px;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-box:last-child,
  .page-workfield .workfield .story-box:last-child,
  .page-workfield .workfield .talksession-box:last-child {
    margin-bottom: 40px;
  }
}
.page-workfield .workfield .interview-box__imgbox,
.page-workfield .workfield .story-box__imgbox,
.page-workfield .workfield .talksession-box__imgbox {
  width: 22%;
  max-width: 110px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 768px) {
  .page-workfield .workfield .interview-box__imgbox,
  .page-workfield .workfield .story-box__imgbox,
  .page-workfield .workfield .talksession-box__imgbox {
    width: 80px;
  }
}
.page-workfield .workfield .interview-box__imgbox:after,
.page-workfield .workfield .story-box__imgbox:after,
.page-workfield .workfield .talksession-box__imgbox:after {
  content: "\e900";
  font-family: "icomoon";
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  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;
  font-size: 0.625rem;
  background-color: #3b1e87;
  border: 1px solid #3b1e87;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-workfield .workfield .interview-box__imgbox:after,
  .page-workfield .workfield .story-box__imgbox:after,
  .page-workfield .workfield .talksession-box__imgbox:after {
    width: 20px;
    height: 20px;
    font-size: 0.4375rem;
  }
}
.page-workfield .workfield .interview-box__img,
.page-workfield .workfield .story-box__img,
.page-workfield .workfield .talksession-box__img {
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.page-workfield .workfield .interview-box__img img,
.page-workfield .workfield .story-box__img img,
.page-workfield .workfield .talksession-box__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .page-workfield .workfield .interview-box:hover {
    opacity: 1;
  }
  .page-workfield .workfield .interview-box:hover .interview-box__imgbox:after {
    background-color: #fff;
    color: #3b1e87;
  }
  .page-workfield .workfield .interview-box:hover .interview-box__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-workfield .workfield .interview-box .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-box .info {
    gap: 4px;
    margin-bottom: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.page-workfield .workfield .interview-box .info__tag {
  padding: 4px 12px 4px;
  background-color: #3b1e87;
  color: #fff;
  font-size: 0.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
}
@media (min-width: 1025px) {
  .os-windows .page-workfield .workfield .interview-box .info__tag {
    padding-top: 6px;
  }
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-box .info__tag {
    font-size: 0.75rem;
    padding: 4px 8px 5px;
  }
  .page-workfield .workfield .interview-box .info__tag:first-child {
    font-size: 0.6875rem;
    padding: 3px 8px 4px;
  }
}
.page-workfield .workfield .interview-box__tane {
  color: #3b1e87;
  font-size: 1.3125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-box__tane {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .page-workfield .workfield .interview-box__tane {
    font-size: 1rem;
  }
}
.page-workfield .workfield .interview-box__tane span {
  display: block;
  font-size: 1rem;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .interview-box__tane span {
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-workfield .workfield .talksession-box:hover {
    opacity: 1;
  }
  .page-workfield
    .workfield
    .talksession-box:hover
    .talksession-box__imgbox:after {
    background-color: #fff;
    color: #3b1e87;
  }
  .page-workfield .workfield .talksession-box:hover .talksession-box__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-workfield .workfield .talksession-box__tag {
  margin-bottom: 1.125rem;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .talksession-box__tag {
    margin-bottom: 0.5rem;
    text-align: center;
  }
}
.page-workfield .workfield .talksession-box__tag span {
  display: inline-block;
  padding: 4px 8px;
  background-color: #3b1e87;
  color: #fff;
  font-size: 1rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
}
@media (min-width: 1025px) {
  .os-windows .page-workfield .workfield .talksession-box__tag span {
    padding-top: 7px;
  }
}
@media (max-width: 1024px) {
  .page-workfield .workfield .talksession-box__tag span {
    font-size: 0.75rem;
  }
}
.page-workfield .workfield .talksession-box .tane-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .talksession-box .tane-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
  }
}
.page-workfield .workfield .talksession-box .tane-list li:not(:last-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .talksession-box .tane-list li:not(:last-child) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
  }
}
.page-workfield
  .workfield
  .talksession-box
  .tane-list
  li:not(:last-child):after {
  content: "";
  width: 1em;
  height: 1em;
  background: url(/recruit/assets/uploads/talksession/and.svg) no-repeat center
    center/contain;
}
.page-workfield .workfield .talksession-box .tane-list li span {
  font-size: 1.125rem;
  line-height: 1;
  color: #3b1e87;
  white-space: nowrap;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-workfield .workfield .talksession-box .tane-list li span {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .page-workfield .workfield .talksession-box .tane-list li span {
    white-space: wrap;
    text-align: center;
  }
}
.page-workfield .workfield .story-box .story-box__imgbox:after {
  border-color: #ea5f9e;
  background-color: #ea5f9e;
}
@media (min-width: 1025px) {
  .page-workfield .workfield .story-box:hover {
    opacity: 1;
  }
  .page-workfield .workfield .story-box:hover .story-box__imgbox:after {
    background-color: #fff;
    color: #ea5f9e;
  }
  .page-workfield .workfield .story-box:hover .story-box__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-workfield .workfield .story-box__tag {
  margin-bottom: 8px;
}
.page-workfield .workfield .story-box__tag span {
  color: #fff;
  background-color: #ea5f9e;
  line-height: 1;
  font-size: 0.8125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  padding: 5px 10px 6px;
  border-radius: 500px;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .story-box__tag span {
    font-size: 0.6875rem;
  }
}
.page-workfield .workfield .story-box__ttl {
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  color: #000;
}
@media (max-width: 1024px) {
  .page-workfield .workfield .story-box__ttl {
    font-size: 1rem;
  }
}
.page-member-article .interview .interview__copy,
.page-member-article .interview--r .interview__copy,
.page-talksession-article .interview .interview__copy,
.page-talksession-article .interview--r .interview__copy {
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .page-member-article .interview .interview__copy,
  .page-member-article .interview--r .interview__copy,
  .page-talksession-article .interview .interview__copy,
  .page-talksession-article .interview--r .interview__copy {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .page-member-article .interview .interview__copy,
  .page-member-article .interview--r .interview__copy,
  .page-talksession-article .interview .interview__copy,
  .page-talksession-article .interview--r .interview__copy {
    margin-bottom: 52px;
  }
}
.page-member-article .interview .interview__item,
.page-member-article .interview--r .interview__item,
.page-talksession-article .interview .interview__item,
.page-talksession-article .interview--r .interview__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: min(6.94vw, 100px);
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .page-member-article .interview .interview__item,
  .page-member-article .interview--r .interview__item,
  .page-talksession-article .interview .interview__item,
  .page-talksession-article .interview--r .interview__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2rem;
    margin-bottom: 112px;
  }
}
.page-member-article .interview .interview__txtbox,
.page-member-article .interview--r .interview__txtbox,
.page-talksession-article .interview .interview__txtbox,
.page-talksession-article .interview--r .interview__txtbox {
  width: 50%;
}
@media (max-width: 1024px) {
  .page-member-article .interview .interview__txtbox,
  .page-member-article .interview--r .interview__txtbox,
  .page-talksession-article .interview .interview__txtbox,
  .page-talksession-article .interview--r .interview__txtbox {
    width: 100%;
  }
}
.page-member-article .interview .interview__img,
.page-member-article .interview--r .interview__img,
.page-talksession-article .interview .interview__img,
.page-talksession-article .interview--r .interview__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-member-article .interview .interview__img,
  .page-member-article .interview--r .interview__img,
  .page-talksession-article .interview .interview__img,
  .page-talksession-article .interview--r .interview__img {
    width: 100%;
  }
}
.page-member-article .interview .interview__topic,
.page-member-article .interview--r .interview__topic,
.page-talksession-article .interview .interview__topic,
.page-talksession-article .interview--r .interview__topic {
  text-decoration: underline;
  text-decoration-thickness: 1.2em;
  text-decoration-color: #3b1e87;
  text-underline-offset: -1.2em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: -1em;
  font-size: 1.3125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .page-member-article .interview .interview__topic,
  .page-member-article .interview--r .interview__topic,
  .page-talksession-article .interview .interview__topic,
  .page-talksession-article .interview--r .interview__topic {
    font-size: 1.125rem;
  }
}
.page-member-article .interview .interview__lead,
.page-member-article .interview--r .interview__lead,
.page-talksession-article .interview .interview__lead,
.page-talksession-article .interview--r .interview__lead {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .page-member-article .interview .interview__lead,
  .page-member-article .interview--r .interview__lead,
  .page-talksession-article .interview .interview__lead,
  .page-talksession-article .interview--r .interview__lead {
    font-size: 1.3125rem;
  }
}
.page-member-article .member__ttl,
.page-talksession-article .talksession__ttl {
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 2rem;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .page-member-article .member__ttl,
  .page-talksession-article .talksession__ttl {
    margin-bottom: 0.5em;
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .page-member-article .member__ttl,
  .page-talksession-article .talksession__ttl {
    font-size: 1.5rem;
    margin-bottom: 1em;
  }
}
.member-list__img {
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.member-list__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.member-list__txtbox {
  position: relative;
  top: -54px;
  margin-bottom: -54px;
}
.member-list__entry span {
  color: #fff;
  font-size: 0.6875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  padding: 0.5em 0.5em;
  background-color: #3b1e87;
  position: relative;
}
.member-list__entry span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .member-list__entry span {
    padding: 4px 8px;
  }
}
.member-list__job {
  margin-bottom: 0.5em;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.member-list__job span {
  color: #fff;
  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;
  font-size: 0.875rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  padding: 0.5em 0.4em;
  background-color: #3b1e87;
  position: relative;
}
.member-list__job span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .member-list__job span {
    font-size: 0.75rem;
    line-height: 1.4;
  }
}
.member-list__job span.small {
  font-size: 0.75rem;
}
.member-list__ttl {
  color: #3b1e87;
  gap: 4px;
  line-height: 1.5;
  margin-bottom: 0.375rem;
  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-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.member-list__ttl span {
  display: inline-block;
  background-color: #fff;
  line-height: 1;
  font-size: 1.25rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 768px) {
  .member-list__ttl span {
    font-size: 1.125rem;
  }
}
.member-list__ttl span.sm {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .member-list__ttl span.sm {
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .member-list__item:hover {
    opacity: 1;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .member-list__item:hover .member-list__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.member-list__item.active .member-list__entry span:before {
  width: 0;
}
.member-list__item.active .member-list__job span:before {
  width: 0;
}
@media (max-width: 768px) {
  .page-member .index-head__ttlbox {
    gap: 2em;
  }
}
.page-member .member .filter {
  margin-bottom: 100px;
}
.page-member .member .filter__item:not(:last-child) {
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  .page-member .member .filter__item:not(:last-child) {
    margin-bottom: 40px;
  }
}
.page-member .member .filter__ttl {
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.375rem;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .page-member .member .filter__ttl {
    font-size: 1.125rem;
    margin-bottom: 1em;
  }
}
.page-member .member .filter__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .page-member .member .filter__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0px;
    row-gap: 1em;
  }
  .page-member .member .filter__tag > li {
    width: calc((100% - 0px) / 2);
  }
}
.page-member .member .filter__tag li {
  font-size: 1rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #999;
  padding: 0.4em 1.875rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  position: relative;
}
@media (max-width: 768px) {
  .page-member .member .filter__tag li {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}
.page-member .member .filter__tag li:before {
  content: "";
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 2px;
  border: 2px solid #3b1e87;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-member .member .filter__tag li {
    padding: 0.4em 0;
    font-size: 0.9375rem;
  }
}
@media (min-width: 1025px) {
  .page-member .member .filter__tag li:hover {
    color: #3b1e87;
  }
}
.page-member .member .filter__tag li.current {
  color: #3b1e87;
}
.page-member .member .filter__tag li.current:before {
  opacity: 1;
}
.page-member .member .member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(3.12vw, 45px);
  row-gap: 88px;
}
.page-member .member .member-list > li {
  width: calc((100% - min(3.12vw, 45px) * 3) / 4);
}
@media (max-width: 768px) {
  .page-member .member .member-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2em;
  }
  .page-member .member .member-list > li {
    width: calc((100% - 2em) / 2);
  }
}
.page-member .member .member-list li:nth-child(4n-3) .ball__img:first-child {
  width: 22px;
  left: 0;
  top: 28%;
  -webkit-animation: ballFloat1 3s ease-in-out infinite;
  animation: ballFloat1 3s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-3) .ball__img:first-child {
    width: 12px;
  }
}
.page-member .member .member-list li:nth-child(4n-3) .ball__img:nth-child(2) {
  width: 18px;
  right: 3%;
  top: 5%;
  -webkit-animation: ballFloat2 4s ease-in-out infinite 0.5s;
  animation: ballFloat2 4s ease-in-out infinite 0.5s;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-3) .ball__img:nth-child(2) {
    width: 9px;
  }
}
.page-member .member .member-list li:nth-child(4n-3) .ball__img:last-child {
  width: 12px;
  right: 20%;
  bottom: 20%;
  -webkit-animation: ballFloat3 5s ease-in-out infinite 1s;
  animation: ballFloat3 5s ease-in-out infinite 1s;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-3) .ball__img:last-child {
    width: 6px;
  }
}
.page-member .member .member-list li:nth-child(4n-2) .ball__img:first-child {
  width: 22px;
  left: 0;
  bottom: 28%;
  -webkit-animation: ballFloat3 5s ease-in-out infinite;
  animation: ballFloat3 5s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-2) .ball__img:first-child {
    width: 12px;
  }
}
.page-member .member .member-list li:nth-child(4n-2) .ball__img:nth-child(2) {
  width: 18px;
  right: 20%;
  top: 0;
  -webkit-animation: ballFloat2 4s ease-in-out infinite 0.5s;
  animation: ballFloat2 4s ease-in-out infinite 0.5s;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-2) .ball__img:nth-child(2) {
    width: 9px;
  }
}
.page-member .member .member-list li:nth-child(4n-2) .ball__img:last-child {
  width: 12px;
  right: 3%;
  top: 30%;
  -webkit-animation: ballFloat1 6s ease-in-out infinite 1s;
  animation: ballFloat1 6s ease-in-out infinite 1s;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-2) .ball__img:last-child {
    width: 6px;
  }
}
.page-member .member .member-list li:nth-child(4n-1) .ball__img:first-child {
  width: 22px;
  left: 3%;
  top: 15%;
  -webkit-animation: ballFloat3 3s ease-in-out infinite;
  animation: ballFloat3 3s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-1) .ball__img:first-child {
    width: 12px;
  }
}
.page-member .member .member-list li:nth-child(4n-1) .ball__img:nth-child(2) {
  width: 12px;
  right: 12%;
  top: 8%;
  -webkit-animation: ballFloat2 6s ease-in-out infinite;
  animation: ballFloat2 6s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-1) .ball__img:nth-child(2) {
    width: 6px;
  }
}
.page-member .member .member-list li:nth-child(4n-1) .ball__img:last-child {
  width: 18px;
  right: 5%;
  bottom: 20%;
  -webkit-animation: ballFloat1 4s ease-in-out infinite;
  animation: ballFloat1 4s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n-1) .ball__img:last-child {
    width: 9px;
  }
}
.page-member .member .member-list li:nth-child(4n) .ball__img:first-child {
  width: 22px;
  left: 10%;
  top: 5%;
  -webkit-animation: ballFloat2 4s ease-in-out infinite;
  animation: ballFloat2 4s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n) .ball__img:first-child {
    width: 12px;
  }
}
.page-member .member .member-list li:nth-child(4n) .ball__img:nth-child(2) {
  width: 12px;
  right: 5%;
  top: 35%;
  -webkit-animation: ballFloat3 5s ease-in-out infinite;
  animation: ballFloat3 5s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n) .ball__img:nth-child(2) {
    width: 6px;
  }
}
.page-member .member .member-list li:nth-child(4n) .ball__img:last-child {
  width: 18px;
  right: 3%;
  bottom: 20%;
  -webkit-animation: ballFloat1 3s ease-in-out infinite;
  animation: ballFloat1 3s ease-in-out infinite;
}
@media (max-width: 768px) {
  .page-member .member .member-list li:nth-child(4n) .ball__img:last-child {
    width: 9px;
  }
}
.page-member .member .member-list__imgbox {
  position: relative;
}
.page-member .member .member-list__imgbox .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-member .member .member-list__imgbox .ball__img {
  position: absolute;
}
.page-member .member .member-list__name {
  font-size: 1.125rem;
  font-family: "A1ゴシック R", "A1 Gothic R", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 2;
  color: #000;
}
@media (max-width: 768px) {
  .page-member .member .member-list__name {
    font-size: 0.875rem;
  }
}
@media (min-width: 1025px) {
  .page-member
    .member
    .member-list__item:hover
    .member-list__imgbox
    .ball__img {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
  }
}
.page-member-article {
  overflow: hidden;
}
.page-member-article .intro {
  margin-top: 56px;
  margin-bottom: 140px;
  position: relative;
}
@media (max-width: 768px) {
  .page-member-article .intro {
    margin-top: 40px;
    margin-bottom: 100px;
  }
}
.page-member-article .intro__imgbox {
  position: relative;
}
.page-member-article .intro__imgbox .ball {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-member-article .intro__imgbox .ball__img {
  position: absolute;
}
.page-member-article .intro__imgbox .ball__img:first-child {
  width: min(9.93vw, 143px);
  top: min(6.94vw, 100px);
  right: min(4.86vw, 70px);
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
@media (max-width: 768px) {
  .page-member-article .intro__imgbox .ball__img:first-child {
    top: min(21.33vw, 80px);
  }
}
.page-member-article .intro__img {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-member-article .intro__img.active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.page-member-article .intro__tane {
  aspect-ratio: 1/1;
  width: min(35.97vw, 518px);
  position: absolute;
  top: 6.94vw;
  left: 1.38vw;
  background: url(/recruit/assets/uploads/ball-navy.png) no-repeat center
    center/contain;
  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;
}
@media (max-width: 768px) {
  .page-member-article .intro__tane {
    width: 320px;
    top: auto;
    left: -40px;
    bottom: -160px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 94px;
    padding-left: 70px;
  }
}
.page-member-article .intro__ttl {
  color: #fff;
  font-size: 3.25rem;
  text-align: center;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  margin-bottom: 0.5em;
}
@media (max-width: 1024px) {
  .page-member-article .intro__ttl {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .page-member-article .intro__ttl {
    text-align: left;
  }
}
.page-member-article .intro__ttl span {
  display: block;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0.8em;
}
@media (max-width: 1024px) {
  .page-member-article .intro__ttl span {
    font-size: 1.125rem;
  }
}
.page-member-article .intro__info {
  position: absolute;
  bottom: 4em;
  left: 65%;
}
@media (max-width: 768px) {
  .page-member-article .intro__info {
    position: relative;
    left: 30px;
    bottom: auto;
    margin-top: 48px;
  }
}
.page-member-article .intro__name {
  overflow: hidden;
  font-size: 3.375rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.5em;
  line-height: 1;
}
@media (min-width: 1025px) {
  .os-windows .page-member-article .intro__name {
    padding-top: 10px;
  }
}
@media (max-width: 1024px) {
  .page-member-article .intro__name {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .page-member-article .intro__name {
    font-size: 1.75rem;
  }
}
.page-member-article .intro__name > span {
  position: relative;
  overflow: hidden;
}
.page-member-article .intro__name > span:before {
  content: "";
  width: 0%;
  height: 100%;
  top: 50%;
  left: 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-member-article .intro__name > span span {
  display: inline-block;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  line-height: 1;
}
.page-member-article .intro__name.active > span:before {
  width: 100%;
}
.page-member-article .intro__name.active > span span {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.page-member-article .intro__data {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.5em;
}
@media (max-width: 768px) {
  .page-member-article .intro__data {
    gap: 0.5rem;
  }
}
.page-member-article .intro__data span {
  display: inline-block;
  color: #7f1084;
  font-size: 1.3125rem;
  background-color: #fff;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  padding: 2px 5px 0;
}
@media (min-width: 1025px) {
  .os-windows .page-member-article .intro__data span {
    padding-top: 6px;
  }
}
@media (max-width: 1024px) {
  .page-member-article .intro__data span {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .page-member-article .intro__data span {
    font-size: 0.875rem;
  }
}
.page-member-article .interview--r .interview__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .page-member-article .interview--r .interview__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .page-member-article .schedule {
    padding: 0 30px;
  }
}
.page-member-article .schedule__inr {
  background-color: #fff;
  padding: 72px min(8.33vw, 120px) 64px min(8.33vw, 120px);
  position: relative;
  margin-bottom: 84px;
  border-radius: 1em;
}
@media (max-width: 1024px) {
  .page-member-article .schedule__inr {
    padding: 72px 30px;
  }
}
@media (max-width: 768px) {
  .page-member-article .schedule__inr {
    padding: 64px 30px;
    margin-bottom: 112px;
  }
}
.page-member-article .schedule__inr:before {
  content: "DAILY SCHEDULE";
  line-height: 1;
  font-size: 4.5rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .page-member-article .schedule__inr:before {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .page-member-article .schedule__inr:before {
    font-size: 1.5rem;
  }
}
.page-member-article .schedule__ttl {
  font-size: 1.3125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 54px;
}
@media (max-width: 768px) {
  .page-member-article .schedule__ttl {
    font-size: 1.125rem;
    margin-bottom: 40px;
  }
}
.page-member-article .schedule__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: min(7.77vw, 112px);
}
@media (max-width: 768px) {
  .page-member-article .schedule__area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.page-member-article .schedule .schedule-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 768px) {
  .page-member-article
    .schedule
    .schedule-list:first-child
    .schedule-list__item {
    padding-bottom: 40px;
  }
}
.page-member-article
  .schedule
  .schedule-list:last-child
  .schedule-list__item:last-child:before {
  display: none;
}
.page-member-article .schedule .schedule-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2em;
  position: relative;
}
@media (max-width: 1024px) {
  .page-member-article .schedule .schedule-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
  }
}
.page-member-article .schedule .schedule-list__item:not(:last-child) {
  padding-bottom: 64px;
}
@media (max-width: 768px) {
  .page-member-article .schedule .schedule-list__item:not(:last-child) {
    padding-bottom: 40px;
  }
}
.page-member-article .schedule .schedule-list__item:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #3b1e87;
  position: absolute;
  top: 0;
  left: 8px;
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .page-member-article .schedule .schedule-list__item:before {
    left: 4px;
  }
}
.page-member-article .schedule .schedule-list__time {
  padding-left: 26px;
  font-size: 1.3125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  position: relative;
  line-height: 1;
  color: #3b1e87;
  width: 4.9em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .page-member-article .schedule .schedule-list__time {
    font-size: 1.125rem;
    padding-left: 22px;
    top: -3px;
    width: auto;
  }
}
@media (max-width: 768px) {
  .page-member-article .schedule .schedule-list__time {
    font-size: 0.9375rem;
  }
}
.page-member-article .schedule .schedule-list__time:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #3b1e87;
}
@media (max-width: 1024px) {
  .page-member-article .schedule .schedule-list__time:before {
    width: 8px;
    height: 8px;
    top: 3px;
  }
}
@media (max-width: 1024px) {
  .page-member-article .schedule .schedule-list__txtbox {
    padding-left: 22px;
  }
}
.page-member-article .schedule .schedule-list__ttl {
  line-height: 1.5;
  font-size: 1.125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.7em;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .page-member-article .schedule .schedule-list__ttl {
    margin-top: 0;
    margin-bottom: 4px;
  }
}
.page-member-article .vision {
  margin-bottom: 140px;
}
@media (max-width: 768px) {
  .page-member-article .vision {
    margin-bottom: 80px;
  }
}
.page-member-article .vision__ttl {
  font-size: 7rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  position: relative;
  letter-spacing: 0.1em;
  color: rgba(0, 0, 0, 0.05);
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
  .page-member-article .vision__ttl {
    font-size: 5rem;
  }
}
@media (max-width: 768px) {
  .page-member-article .vision__ttl {
    font-size: 3rem;
  }
}
.page-member-article .vision__ttl span {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.3125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #000;
  line-height: 1;
  display: block;
}
@media (max-width: 768px) {
  .page-member-article .vision__ttl span {
    font-size: 1.125rem;
  }
}
.page-member-article .vision__txt {
  line-height: 2;
}
@media (max-width: 768px) {
  .page-member-article .message {
    padding: 0 30px;
  }
}
.page-member-article .message__inr {
  border-radius: 40px;
  padding: 0 min(4.16vw, 60px) 0 min(8.33vw, 120px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2em;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-member-article .message__inr {
    padding: 40px 30px 0;
    -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;
    gap: 1.5rem;
    border-radius: 1.125rem;
  }
}
.page-member-article .message__inr:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(-30deg, #a091c7, #7866bf 24%, #3b1e87);
  mix-blend-mode: multiply;
  z-index: -1;
}
.page-member-article .message__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 64px 0;
}
@media (max-width: 1024px) {
  .page-member-article .message__txtbox {
    padding: 32px 0;
  }
}
@media (max-width: 768px) {
  .page-member-article .message__txtbox {
    padding: 0;
  }
}
.page-member-article .message__ttl {
  font-size: 2rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .page-member-article .message__ttl {
    font-size: 1.5rem;
  }
}
.page-member-article .message__txt {
  line-height: 2;
}
.page-member-article .message__img {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .page-member-article .message__img {
    width: 60%;
  }
}
.page-member-article .message__img img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom;
}
.page-member-article .member {
  margin: 200px auto;
}
@media (max-width: 768px) {
  .page-member-article .member {
    margin-top: 120px;
    margin-bottom: 80px;
  }
}
.page-member-article .member__slide .member-list__item {
  display: block;
}
@media (min-width: 1025px) {
  .page-member-article .member__slide .member-list__item {
    max-width: 17.36vw;
  }
}
@media (max-width: 768px) {
  .page-member-article .member__slide {
    padding-right: 30px;
  }
}
.page-member-article .member__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-member-article .member__btn a {
  min-width: 360px;
  border: 2px solid #3b1e87;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-member-article .member__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-member-article .member__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-member-article .member__btn a span {
  color: #3b1e87;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-member-article .member__btn a span {
    font-size: 1rem;
  }
}
.page-member-article .member__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #3b1e87;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-member-article .member__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-member-article .member__btn a:hover {
    opacity: 1;
    background-color: #3b1e87;
  }
  .page-member-article .member__btn a:hover span {
    color: #fff;
  }
  .page-member-article .member__btn a:hover span:after {
    left: 5px;
  }
}
.talksession__slide .talksession-list__imgbox {
  position: relative;
  margin-bottom: 1.5em;
}
.talksession__slide .talksession-list__img {
  overflow: hidden;
  border-radius: 50%;
}
.talksession__slide .talksession-list__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.talksession__slide .talksession-list__ttl {
  position: absolute;
  top: calc(100% - 5em);
}
.talksession__slide .talksession-list__ttl span {
  color: #fff;
  font-size: 1.3125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  padding: 0.3em 0.5em;
  background-color: #3b1e87;
  position: relative;
}
@media (min-width: 1025px) {
  .os-windows .talksession__slide .talksession-list__ttl span {
    padding-bottom: 0.1em;
  }
}
.talksession__slide .talksession-list__ttl span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .talksession__slide .talksession-list__ttl span {
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.talksession__slide .talksession-list__ttl span .sm {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .talksession__slide .talksession-list__ttl span .sm {
    font-size: 0.875rem;
  }
}
@media (min-width: 1025px) {
  .talksession__slide .talksession-list__item:hover {
    opacity: 1;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .talksession__slide .talksession-list__item:hover .talksession-list__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.talksession__slide
  .talksession-list__item.active
  .talksession-list__ttl
  span:before {
  width: 0;
}
.tane-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3px;
}
.tane-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tane-list li:not(:last-child):after {
  content: "";
  width: 1em;
  height: 1em;
  background: url(/recruit/assets/uploads/talksession/and.svg) no-repeat center
    center/contain;
}
@media (max-width: 420px) {
  .tane-list li:not(:last-child):after {
    background-image: url(/recruit/assets/uploads/talksession/and_w.svg);
  }
}
.tane-list li span {
  font-size: 1.125rem;
  line-height: 1;
  color: #3b1e87;
  white-space: nowrap;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  background-color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .os-windows .tane-list li span {
    padding-top: 4px;
  }
}
@media (max-width: 1024px) {
  .tane-list li span {
    font-size: 0.75rem;
  }
}
.page-talksession {
  overflow: hidden;
}
.page-talksession .talksession .talksession-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(5.27vw, 76px);
  row-gap: 60px;
  padding-bottom: 120px;
}
.page-talksession .talksession .talksession-list > li {
  width: calc((100% - min(5.27vw, 76px) * 1) / 2);
}
@media (max-width: 768px) {
  .page-talksession .talksession .talksession-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 0;
  }
  .page-talksession .talksession .talksession-list > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-talksession
  .talksession
  .talksession-list
  > li:nth-child(2n)
  .talksession-list__item {
  position: relative;
  top: 120px;
}
@media (max-width: 768px) {
  .page-talksession
    .talksession
    .talksession-list
    > li:nth-child(2n)
    .talksession-list__item {
    top: auto;
  }
}
.page-talksession .talksession .talksession-list__item {
  display: block;
  position: relative;
  padding-bottom: clamp(100px, 6.94vw, 120px);
}
@media (max-width: 768px) {
  .page-talksession .talksession .talksession-list__item {
    padding-bottom: max(26.66vw, 100px);
  }
}
@media (min-width: 1025px) {
  .page-talksession .talksession .talksession-list__item:hover {
    opacity: 1;
  }
  .page-talksession
    .talksession
    .talksession-list__item:hover
    .talksession-list__img
    img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .page-talksession
    .talksession
    .talksession-list__item:hover
    .talksession-list__tane
    span {
    text-decoration-color: #3b1e87;
    color: #fff;
  }
}
.page-talksession .talksession .talksession-list__img {
  width: 70%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-talksession .talksession .talksession-list__img {
    width: 52.26vw;
    min-width: 60%;
  }
}
.page-talksession .talksession .talksession-list__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-talksession .talksession .talksession-list__txtbox {
  width: 51%;
  min-width: 280px;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/recruit/assets/uploads/ball-navy.png) no-repeat center
    center/contain;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .page-talksession .talksession .talksession-list__txtbox {
    min-width: 200px;
  }
}
@media (max-width: 768px) {
  .page-talksession .talksession .talksession-list__txtbox {
    width: 56.53vw;
  }
}
.page-talksession .talksession .talksession-list__ttl {
  color: #fff;
  font-size: 1.625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0.9375rem;
}
@media (max-width: 1024px) {
  .page-talksession .talksession .talksession-list__ttl {
    font-size: 0.9375rem;
    margin-bottom: 0.75rem;
  }
}
.page-talksession .talksession .talksession-list__ttl span {
  font-size: 1rem;
  display: block;
}
@media (max-width: 1024px) {
  .page-talksession .talksession .talksession-list__ttl span {
    font-size: 0.8125rem;
  }
}
.page-talksession .talksession .talksession-list .tane-list li:after {
  background-image: url(/recruit/assets/uploads/talksession/and_w.svg);
}
.page-talksession-article {
  overflow: hidden;
}
.page-talksession-article .intro {
  margin-top: 56px;
  margin-bottom: 100px;
  padding-bottom: 8.33vw;
}
@media (max-width: 1024px) {
  .page-talksession-article .intro {
    padding-bottom: 160px;
  }
}
@media (max-width: 768px) {
  .page-talksession-article .intro {
    margin-top: 40px;
  }
}
.page-talksession-article .intro__imgbox {
  position: relative;
}
.page-talksession-article .intro .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-talksession-article .intro .ball__img {
  position: absolute;
}
.page-talksession-article .intro .ball__img:first-child {
  width: min(2.77vw, 40px);
  top: min(20.83vw, 300px);
  left: min(3.47vw, 50px);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
@media (max-width: 768px) {
  .page-talksession-article .intro .ball__img:first-child {
    width: min(5.33vw, 20px);
    top: min(8vw, 30px);
    left: min(5.33vw, 20px);
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
}
.page-talksession-article .intro .ball__img:nth-child(2) {
  width: min(5.2vw, 75px);
  top: min(11.38vw, 164px);
  right: min(2.77vw, 40px);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
@media (max-width: 768px) {
  .page-talksession-article .intro .ball__img:nth-child(2) {
    display: none;
  }
}
.page-talksession-article .intro .ball__img:last-child {
  width: min(10.97vw, 158px);
  bottom: min(2.77vw, 40px);
  right: min(-3.48vw, -50px);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
@media (max-width: 768px) {
  .page-talksession-article .intro .ball__img:last-child {
    width: min(14.93vw, 56px);
    right: min(-6.4vw, -24px);
    bottom: min(18.66vw, 70px);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
.page-talksession-article .intro__tane {
  aspect-ratio: 1/1;
  width: 385px;
  position: absolute;
  bottom: -8.34vw;
  left: 8.33vw;
  background: url(/recruit/assets/uploads/ball-navy.png) no-repeat center
    center/contain;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 24px;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-talksession-article .intro__tane {
    width: 350px;
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  .page-talksession-article .intro__tane {
    width: 320px;
    top: auto;
    left: -40px;
    bottom: -160px;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.page-talksession-article .intro__ttl {
  color: #fff;
  font-size: 2rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  text-align: center;
  margin-bottom: 1.125rem;
  line-height: 1.4;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-talksession-article .intro__ttl {
    font-size: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .page-talksession-article .intro__ttl {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .page-talksession-article .intro__ttl {
    font-size: 1.3125rem;
  }
}
.page-talksession-article .intro__ttl span {
  display: block;
  font-size: 1.3125rem;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-talksession-article .intro__ttl span {
    font-size: 1.125rem;
  }
}
@media (max-width: 1024px) {
  .page-talksession-article .intro__ttl span {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .page-talksession-article .intro__ttl span {
    font-size: 1rem;
  }
}
.page-talksession-article .intro .tane-list {
  gap: 8px;
}
.page-talksession-article .intro .tane-list li:not(:last-child) {
  gap: 8px;
}
.page-talksession-article .intro .tane-list li:not(:last-child):after {
  background-image: url(/recruit/assets/uploads/talksession/and_w.svg);
}
.page-talksession-article .intro .tane-list li span {
  font-size: 1.5rem;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-talksession-article .intro .tane-list li span {
    font-size: 1.3125rem;
  }
}
@media (max-width: 1024px) {
  .page-talksession-article .intro .tane-list li span {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .page-talksession-article .intro .tane-list li span {
    font-size: 1rem;
  }
}
.page-talksession-article .member {
  position: relative;
  margin-bottom: 120px;
}
.page-talksession-article .member .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .page-talksession-article .member .ball {
    display: none;
  }
}
.page-talksession-article .member .ball__img {
  position: absolute;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.page-talksession-article .member .ball__img:first-child {
  width: min(5.41vw, 78px);
  top: 60%;
  left: min(-2.09vw, -30px);
}
.page-talksession-article .member .ball__img:nth-child(2) {
  width: min(2.08vw, 30px);
  top: 55%;
  left: min(8.33vw, 120px);
}
@media (max-width: 1024px) {
  .page-talksession-article .member .ball__img:nth-child(2) {
    display: none;
  }
}
.page-talksession-article .member .ball__img:nth-child(3) {
  width: min(2.77vw, 40px);
  top: 45%;
  right: min(7.91vw, 114px);
}
.page-talksession-article .member .ball__img:last-child {
  width: min(11.25vw, 162px);
  top: 23%;
  right: min(-5.21vw, -75px);
}
.page-talksession-article .member__copy {
  font-size: 1.75rem;
  letter-spacing: 0.1em;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.6;
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .page-talksession-article .member__copy {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .page-talksession-article .member__copy {
    font-size: 1.3125rem;
  }
}
@media (max-width: 1024px) {
  .page-talksession-article .member__copy {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .page-talksession-article .member__copy {
    margin-bottom: 52px;
  }
}
.page-talksession-article .member__ttl {
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  text-decoration-color: #fff;
  text-underline-offset: -0.7em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  font-size: 1.625rem;
  letter-spacing: 0.1em;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  text-transform: uppercase;
  color: #3b1e87;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .page-talksession-article .member__ttl {
    font-size: 1.3125rem;
    margin-bottom: 28px;
  }
}
.page-talksession-article .member .member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(4.16vw, 60px);
}
.page-talksession-article .member .member-list > li {
  width: calc((100% - min(4.16vw, 60px) * 2) / 3);
}
@media (max-width: 768px) {
  .page-talksession-article .member .member-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px;
  }
  .page-talksession-article .member .member-list > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-talksession-article .member .member-list__item {
  pointer-events: none;
}
.page-talksession-article .member .member-list__imgbox {
  position: relative;
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  .page-talksession-article .member .member-list__img {
    max-width: 270px;
    margin: 0 auto;
  }
}
.page-talksession-article .member .member-list__tane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  position: absolute;
  left: 0;
  bottom: 20px;
}
.page-talksession-article .member .member-list__tane span {
  background-color: #3b1e87;
  color: #fff;
  font-size: 1.375rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  padding: 0.375rem 0.75rem;
  line-height: 1;
}
@media (min-width: 1025px) {
  .os-windows .page-talksession-article .member .member-list__tane span {
    padding: 7px 12px 2px;
  }
}
@media (max-width: 1024px) {
  .page-talksession-article .member .member-list__tane span {
    font-size: 1.125rem;
  }
}
.page-talksession-article .member .member-list__tane span.sub {
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
}
@media (max-width: 1024px) {
  .page-talksession-article .member .member-list__tane span.sub {
    font-size: 0.875rem;
  }
}
.page-talksession-article .member .member-list__txtbox {
  top: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.page-talksession-article .member .member-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.875rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-talksession-article .member .member-list__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0;
  }
}
.page-talksession-article .member .member-list__name {
  font-size: 1.3125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 1024px) {
  .page-talksession-article .member .member-list__name {
    font-size: 1.125rem;
  }
}
.page-talksession-article .member .member-list__data {
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 2px;
}
.page-talksession-article .interview--r .interview__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .page-talksession-article .interview--r .interview__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.page-talksession-article .talk__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
.page-talksession-article .talk__item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.page-talksession-article .talk .speaker {
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 768px) {
  .page-talksession-article .talk .speaker {
    width: 40px;
  }
}
.page-talksession-article .talk .speaker__name {
  color: #3b1e87;
  font-size: 1rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  white-space: nowrap;
  line-height: 1;
}
@media (max-width: 768px) {
  .page-talksession-article .talk .speaker__name {
    font-size: 0.75rem;
  }
}
.page-talksession-article .talk .speaker__img {
  width: 60px;
}
@media (max-width: 768px) {
  .page-talksession-article .talk .speaker__img {
    width: 40px;
  }
}
.page-talksession-article .talk .speaker__img img {
  width: 100%;
}
.page-talksession-article .talksession__slide .talksession-list__item {
  display: block;
}
@media (min-width: 1025px) {
  .page-talksession-article .talksession__slide .talksession-list__item {
    max-width: 23.88vw;
  }
}
.page-talksession-article .talksession__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-talksession-article .talksession__btn a {
  min-width: 360px;
  border: 2px solid #3b1e87;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-talksession-article .talksession__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-talksession-article .talksession__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-talksession-article .talksession__btn a span {
  color: #3b1e87;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-talksession-article .talksession__btn a span {
    font-size: 1rem;
  }
}
.page-talksession-article .talksession__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #3b1e87;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-talksession-article .talksession__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-talksession-article .talksession__btn a:hover {
    opacity: 1;
    background-color: #3b1e87;
  }
  .page-talksession-article .talksession__btn a:hover span {
    color: #fff;
  }
  .page-talksession-article .talksession__btn a:hover span:after {
    left: 5px;
  }
}
.page-story-article .interview .interview__copy,
.page-story-article .interview--r .interview__copy {
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .page-story-article .interview .interview__copy,
  .page-story-article .interview--r .interview__copy {
    margin-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .page-story-article .interview .interview__copy,
  .page-story-article .interview--r .interview__copy {
    margin-bottom: 52px;
  }
}
.page-story-article .interview .interview__item,
.page-story-article .interview--r .interview__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: min(6.94vw, 100px);
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .page-story-article .interview .interview__item,
  .page-story-article .interview--r .interview__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 2rem;
    margin-bottom: 112px;
  }
}
.page-story-article .interview .interview__txtbox,
.page-story-article .interview--r .interview__txtbox {
  width: 50%;
}
@media (max-width: 1024px) {
  .page-story-article .interview .interview__txtbox,
  .page-story-article .interview--r .interview__txtbox {
    width: 100%;
  }
}
.page-story-article .interview .interview__img,
.page-story-article .interview--r .interview__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-story-article .interview .interview__img,
  .page-story-article .interview--r .interview__img {
    width: 100%;
  }
}
.page-story-article .interview .interview__topic,
.page-story-article .interview--r .interview__topic {
  text-decoration: underline;
  text-decoration-thickness: 1.2em;
  text-decoration-color: #ea5f9e;
  text-underline-offset: -1.2em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: -1em;
  font-size: 1.3125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .page-story-article .interview .interview__topic,
  .page-story-article .interview--r .interview__topic {
    font-size: 1.125rem;
  }
}
.page-story-article .interview .interview__lead,
.page-story-article .interview--r .interview__lead {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .page-story-article .interview .interview__lead,
  .page-story-article .interview--r .interview__lead {
    font-size: 1.3125rem;
  }
}
.page-story-article .other__ttl {
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 2rem;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .page-story-article .other__ttl {
    margin-bottom: 0.5em;
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .page-story-article .other__ttl {
    font-size: 1.5rem;
    margin-bottom: 1em;
  }
}
.page-story {
  margin-top: 0;
  padding-top: 120px;
}
@media (max-width: 768px) {
  .page-story {
    padding-top: 90px;
  }
}
@media (max-width: 768px) {
  .page-story .breadcrumb ol a,
  .page-story .breadcrumb ol li,
  .page-story .breadcrumb ol span {
    color: #fff !important;
  }
  .page-story .breadcrumb ol li:after {
    background-color: #fff;
  }
}
.page-story .story .story-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(5.97vw, 86px);
  position: relative;
}
@media (max-width: 768px) {
  .page-story .story .story-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.page-story .story .story-list__item:not(:last-child) {
  margin-bottom: 112px;
}
.page-story .story .story-list__item:nth-child(3n-2) .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-story .story .story-list__item:nth-child(3n-2) .ball__img {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.page-story .story .story-list__item:nth-child(3n-2) .ball__img:first-child {
  width: min(2.08vw, 30px);
  left: min(8.75vw, 126px);
  top: 0;
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n-2) .ball__img:first-child {
    width: min(5.33vw, 20px);
    left: min(21.33vw, 80px);
  }
}
.page-story .story .story-list__item:nth-child(3n-2) .ball__img:nth-child(2) {
  width: min(2.29vw, 33px);
  left: min(1.8vw, 26px);
  bottom: min(1.11vw, 16px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n-2) .ball__img:nth-child(2) {
    width: min(6.4vw, 24px);
    left: min(4vw, 15px);
    bottom: min(2.66vw, 10px);
  }
}
.page-story .story .story-list__item:nth-child(3n-2) .ball__img:last-child {
  width: min(5.41vw, 78px);
  right: min(0.34vw, 5px);
  bottom: min(2.29vw, 33px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n-2) .ball__img:last-child {
    width: min(13.86vw, 52px);
    right: min(1.06vw, 4px);
    bottom: min(5.86vw, 22px);
  }
}
.page-story .story .story-list__item:nth-child(3n-1) .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-story .story .story-list__item:nth-child(3n-1) .ball__img {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.page-story .story .story-list__item:nth-child(3n-1) .ball__img:first-child {
  width: min(4.23vw, 61px);
  left: min(-1.19vw, -17px);
  top: min(5.06vw, 73px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n-1) .ball__img:first-child {
    width: min(10.66vw, 40px);
    left: min(1.33vw, 5px);
    top: min(10.66vw, 40px);
  }
}
.page-story .story .story-list__item:nth-child(3n-1) .ball__img:nth-child(2) {
  width: min(2.08vw, 30px);
  right: min(-0.35vw, -5px);
  bottom: min(10.41vw, 150px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n-1) .ball__img:nth-child(2) {
    width: min(5.33vw, 20px);
    right: min(-2.14vw, -8px);
    bottom: min(26.66vw, 100px);
  }
}
.page-story .story .story-list__item:nth-child(3n-1) .ball__img:last-child {
  width: min(2.43vw, 35px);
  right: min(6.94vw, 100px);
  bottom: min(0.69vw, 10px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n-1) .ball__img:last-child {
    width: min(6.13vw, 23px);
    right: min(17.06vw, 64px);
    bottom: min(-1.6vw, -6px);
  }
}
.page-story .story .story-list__item:nth-child(3n) .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-story .story .story-list__item:nth-child(3n) .ball__img {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.page-story .story .story-list__item:nth-child(3n) .ball__img:first-child {
  width: min(2.22vw, 32px);
  left: min(-1.25vw, -18px);
  top: min(5.41vw, 78px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n) .ball__img:first-child {
    width: min(5.6vw, 21px);
    left: min(-2.67vw, -10px);
    top: min(14.4vw, 54px);
  }
}
.page-story .story .story-list__item:nth-child(3n) .ball__img:nth-child(2) {
  width: min(2.08vw, 30px);
  right: min(6.04vw, 87px);
  top: min(0.76vw, 11px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n) .ball__img:nth-child(2) {
    width: min(5.33vw, 20px);
    right: min(17.06vw, 64px);
    top: min(2.93vw, 11px);
  }
}
.page-story .story .story-list__item:nth-child(3n) .ball__img:last-child {
  width: min(5.41vw, 78px);
  right: min(1.73vw, 25px);
  bottom: min(-1.05vw, -15px);
}
@media (max-width: 768px) {
  .page-story .story .story-list__item:nth-child(3n) .ball__img:last-child {
    width: min(13.33vw, 50px);
    right: min(5.86vw, 22px);
    bottom: min(-1.34vw, -5px);
  }
}
.page-story .story .story-list__num {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: min(18.05vw, 16.25rem);
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  color: rgba(234, 95, 158, 0.1);
  z-index: -1;
}
@media (max-width: 768px) {
  .page-story .story .story-list__num {
    top: 0;
    font-size: min(29.86vw, 7rem);
  }
}
.page-story .story .story-list__imgbox {
  width: 35%;
  position: relative;
}
@media (max-width: 768px) {
  .page-story .story .story-list__imgbox {
    width: 85%;
  }
}
.page-story .story .story-list__img {
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: rotate(20deg) scale(0);
  transform: rotate(20deg) scale(0);
  -webkit-transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 1s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-story .story .story-list__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-story .story .story-list__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 768px) {
  .page-story .story .story-list__txtbox {
    width: 100%;
  }
}
.page-story .story .story-list__category {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .page-story .story .story-list__category {
    margin-bottom: 20px;
  }
}
.page-story .story .story-list__category span {
  background-color: #ea5f9e;
  color: #fff;
  position: relative;
  font-size: 1rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  padding: 0.5em 1em;
  border-radius: 500px;
  display: inline-block;
}
@media (min-width: 1025px) {
  .os-windows .page-story .story .story-list__category span {
    padding-bottom: 0.2em;
  }
}
@media (max-width: 768px) {
  .page-story .story .story-list__category span {
    font-size: 0.875rem;
  }
}
.page-story .story .story-list__ttl {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
  line-height: 1;
  font-size: 2rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .page-story .story .story-list__ttl {
    font-size: 1.5rem;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .page-story .story .story-list__ttl {
    font-size: 1.375rem;
  }
}
.page-story .story .story-list__ttl > span {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .os-windows .page-story .story .story-list__ttl > span {
    padding-top: 0.2em;
  }
}
.page-story .story .story-list__ttl > span:before {
  content: "";
  width: 0%;
  height: 80%;
  top: 50%;
  left: 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: -1;
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-story .story .story-list__ttl > span span {
  display: inline-block;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-story .story .story-list__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-story .story .story-list__btn a {
  min-width: 360px;
  border: 2px solid #ea5f9e;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .page-story .story .story-list__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-story .story .story-list__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-story .story .story-list__btn a span {
  color: #ea5f9e;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-story .story .story-list__btn a span {
    font-size: 1rem;
  }
}
.page-story .story .story-list__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #ea5f9e;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-story .story .story-list__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-story .story .story-list__btn a:hover {
    opacity: 1;
    background-color: #ea5f9e;
  }
  .page-story .story .story-list__btn a:hover span {
    color: #fff;
  }
  .page-story .story .story-list__btn a:hover span:after {
    left: 5px;
  }
}
.page-story .story .story-list__item.active .story-list__img {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}
.page-story .story .story-list__item.active .ball__img:first-child {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 0.8s,
    ballFloat1 3s ease-in-out infinite 1.4s;
  animation: ballScale 0.6s ease-in-out forwards 0.8s,
    ballFloat1 3s ease-in-out infinite 1.4s;
}
.page-story .story .story-list__item.active .ball__img:nth-child(2) {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 0.9s,
    ballFloat2 4s ease-in-out infinite 1.5s;
  animation: ballScale 0.6s ease-in-out forwards 0.9s,
    ballFloat2 4s ease-in-out infinite 1.5s;
}
.page-story .story .story-list__item.active .ball__img:last-child {
  -webkit-animation: ballScale 0.6s ease-in-out forwards 1s,
    ballFloat3 5s ease-in-out infinite 1.6s;
  animation: ballScale 0.6s ease-in-out forwards 1s,
    ballFloat3 5s ease-in-out infinite 1.6s;
}
.page-story .story .story-list__item.active .story-list__ttl > span:before {
  width: 100%;
}
.page-story
  .story
  .story-list__item.active
  .story-list__ttl
  > span:nth-child(2):before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.page-story
  .story
  .story-list__item.active
  .story-list__ttl
  > span:nth-child(2)
  span {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.page-story .story .story-list__item.active .story-list__ttl > span span {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
@media (min-width: 1025px) {
  .page-story
    .story
    .story-list__item:has(.story-list__btn:hover)
    .story-list__img
    img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-story-article {
  overflow: hidden;
}
.page-story-article .intro {
  margin-top: 56px;
  margin-bottom: 80px;
  padding-bottom: 200px;
}
@media (max-width: 1024px) {
  .page-story-article .intro {
    padding-bottom: 160px;
  }
}
@media (max-width: 768px) {
  .page-story-article .intro {
    margin-top: 40px;
    padding-bottom: 290px;
  }
}
.page-story-article .intro__imgbox {
  position: relative;
}
.page-story-article .intro .ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-story-article .intro .ball__img {
  position: absolute;
}
.page-story-article .intro .ball__img:first-child {
  width: min(2.77vw, 40px);
  top: min(20.83vw, 300px);
  left: min(3.47vw, 50px);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
@media (max-width: 768px) {
  .page-story-article .intro .ball__img:first-child {
    width: min(5.33vw, 20px);
    top: min(8vw, 30px);
    left: min(5.33vw, 20px);
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
}
.page-story-article .intro .ball__img:nth-child(2) {
  width: min(10.97vw, 158px);
  bottom: min(2.77vw, 40px);
  right: min(-3.48vw, -50px);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
@media (max-width: 768px) {
  .page-story-article .intro .ball__img:nth-child(2) {
    width: min(14.93vw, 56px);
    right: min(-6.4vw, -24px);
    bottom: min(-21.34vw, -80px);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
.page-story-article .intro__tane {
  aspect-ratio: 1/1;
  width: 500px;
  position: absolute;
  bottom: -200px;
  left: 8.33vw;
  background: url(/recruit/assets/uploads/ball-pink.png) no-repeat center
    center/contain;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 24px;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-story-article .intro__tane {
    width: 400px;
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  .page-story-article .intro__tane {
    width: 350px;
    top: auto;
    left: -40px;
    bottom: -160px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 70px;
    padding-top: 90px;
  }
}
@media (max-width: 768px) {
  .page-story-article .intro__tane {
    z-index: -1;
    width: 410px;
    left: -64px;
    bottom: -290px;
    padding-top: 150px;
    padding-left: 94px;
  }
}
.page-story-article .intro__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2em;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-story-article .intro__category {
    margin-bottom: 1.5em;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-story-article .intro__category {
    margin-bottom: 1.5em;
  }
}
.page-story-article .intro__category span {
  background-color: #fff;
  line-height: 1;
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #ea5f9e;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-story-article .intro__category span {
    font-size: 1.3125rem;
  }
}
@media (max-width: 1024px) {
  .page-story-article .intro__category span {
    font-size: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-story-article .intro__category span {
    font-size: 1rem;
    padding: 4px;
  }
}
.page-story-article .intro__ttl {
  color: #fff;
  font-size: 2rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  text-align: center;
  margin-bottom: 1.125rem;
  line-height: 1.4;
}
@media (max-height: 720px) and (min-width: 1025px) {
  .page-story-article .intro__ttl {
    font-size: 1.75rem;
  }
}
@media (max-width: 1024px) {
  .page-story-article .intro__ttl {
    font-size: 1.3125rem;
    text-align: left;
    line-height: 1.6;
  }
}
.page-story-article .intro__ttl span {
  display: block;
  font-size: 1.3125rem;
}
@media (max-width: 1024px) {
  .page-story-article .intro__ttl span {
    font-size: 1.125rem;
    margin-bottom: 0.5em;
  }
}
@media (max-width: 768px) {
  .page-story-article .outline {
    padding: 0 30px;
  }
}
.page-story-article .outline__inr {
  background-color: #fff;
  padding: 60px min(5.55vw, 80px);
}
@media (max-width: 768px) {
  .page-story-article .outline__inr {
    padding: 40px 30px;
  }
}
.page-story-article .outline__ttl {
  color: #ea5f9e;
  text-transform: uppercase;
  font-size: 1.625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 0.9375rem;
}
@media (max-width: 768px) {
  .page-story-article .outline__ttl {
    font-size: 1.3125rem;
    margin-bottom: 2rem;
  }
}
.page-story-article .member {
  position: relative;
  margin-bottom: 100px;
}
.page-story-article .member__ttl {
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  text-decoration-color: #fff;
  text-underline-offset: -0.7em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  font-size: 1.625rem;
  letter-spacing: 0.1em;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  text-transform: uppercase;
  color: #ea5f9e;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .page-story-article .member__ttl {
    font-size: 1.3125rem;
    margin-bottom: 28px;
  }
}
.page-story-article .member .member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(2.77vw, 40px);
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-story-article .member .member-list > li {
  width: calc((100% - min(2.77vw, 40px) * 4) / 5);
}
@media (max-width: 1024px) {
  .page-story-article .member .member-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1em;
  }
  .page-story-article .member .member-list > li {
    width: calc((100% - 4em) / 5);
  }
}
@media (max-width: 768px) {
  .page-story-article .member .member-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
    row-gap: 40px;
  }
  .page-story-article .member .member-list > li {
    width: calc((100% - 32px) / 2);
  }
}
.page-story-article .member .member-list__item {
  pointer-events: none;
}
.page-story-article .member .member-list__img {
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .page-story-article .member .member-list__img {
    max-width: 140px;
    margin: 0 auto 10px;
  }
}
.page-story-article .member .member-list__name {
  font-size: 1.0625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
@media (max-width: 1024px) {
  .page-story-article .member .member-list__name {
    font-size: 1.0625rem;
  }
}
@media (max-width: 768px) {
  .page-story-article .member .member-list__name {
    font-size: 0.9375rem;
  }
}
.page-story-article .member .member-list__name span {
  background-color: #fff;
  display: inline-block;
  padding: 0 0.625rem;
}
@media (min-width: 1025px) {
  .os-windows .page-story-article .member .member-list__name span {
    padding-top: 4px;
  }
}
.page-story-article .member .member-list__data {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .page-story-article .member .member-list__data {
    font-size: 0.75rem;
  }
}
.page-story-article .point__ttl {
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  text-decoration-color: #fff;
  text-underline-offset: -0.7em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  font-size: 1.625rem;
  letter-spacing: 0.1em;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  text-transform: uppercase;
  color: #ea5f9e;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .page-story-article .point__ttl {
    font-size: 1.3125rem;
    margin-bottom: 28px;
  }
}
.page-story-article .point .point-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px;
}
.page-story-article .point .point-list > li {
  width: calc((100% - 64px) / 3);
}
@media (max-width: 768px) {
  .page-story-article .point .point-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
  }
  .page-story-article .point .point-list > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-story-article .point .point-list__item {
  background-color: #ea5f9e;
  color: #fff;
  border-radius: 8px;
  padding: 48px 2em 60px;
  position: relative;
}
@media (max-width: 1024px) {
  .page-story-article .point .point-list__item {
    padding: 30px 30px 40px;
  }
}
@media (max-width: 768px) {
  .page-story-article .point .point-list__item {
    padding: 40px 30px;
  }
}
.page-story-article .point .point-list__item:not(:last-child):after {
  content: "";
  height: 18px;
  width: 9px;
  background: url(/recruit/assets/uploads/story/next.svg) no-repeat center
    center/contain;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .page-story-article .point .point-list__item:not(:last-child):after {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: auto;
    bottom: -20px;
    width: 18px;
    height: 9px;
    background-image: url(/recruit/assets/uploads/story/next_sp.svg);
  }
}
.page-story-article .point .point-list__ttl {
  font-size: 1.5rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .page-story-article .point .point-list__ttl {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
  }
}
.page-story-article .point .point-list .list-ind li:before {
  background-color: #fff;
}
.page-story-article .interview--r .interview__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .page-story-article .interview--r .interview__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.page-story-article .future {
  color: #fff;
}
@media (max-width: 1024px) {
  .page-story-article .future {
    padding: 0 30px;
  }
}
.page-story-article .future__inr {
  max-width: 960px;
  background-color: #ea5f9e;
  border-radius: 2em;
  gap: 40px;
  padding: 40px min(9.72vw, 140px) 70px;
}
@media (max-width: 768px) {
  .page-story-article .future__inr {
    padding: 40px 30px;
  }
}
.page-story-article .future__img {
  max-width: 450px;
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .page-story-article .future__img {
    margin-bottom: 21px;
  }
}
.page-story-article .future__ttl {
  font-size: 2rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .page-story-article .future__ttl {
    font-size: 1.3125rem;
    margin-bottom: 2rem;
  }
}
.page-story-article .future__copy {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .page-story-article .future__copy {
    font-size: 1.125rem;
  }
}
.page-story-article .other__inr {
  max-width: 960px;
}
.page-story-article .other__ttl {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .page-story-article .other__ttl {
    margin-bottom: 2rem;
  }
}
.page-story-article .other .other-story {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(7.63vw, 110px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-story-article .other .other-story > li {
  width: calc((100% - min(7.63vw, 110px) * 1) / 2);
}
@media (max-width: 768px) {
  .page-story-article .other .other-story {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px;
  }
  .page-story-article .other .other-story > li {
    width: calc((100% - 0px) / 1);
  }
}
.page-story-article .other .other-story__item {
  max-width: 360px;
}
.page-story-article .other .other-story__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-story-article .other .other-story__txtbox {
  position: relative;
  top: -80px;
  margin-bottom: -80px;
}
@media (max-width: 768px) {
  .page-story-article .other .other-story__txtbox {
    top: -100px;
  }
}
.page-story-article .other .other-story__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 0.625rem;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .page-story-article .other .other-story__category {
    font-size: 0.75rem;
  }
}
.page-story-article .other .other-story__category span {
  background-color: #ea5f9e;
  color: #fff;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  padding: 0.5em 1em;
  border-radius: 500px;
}
@media (max-width: 768px) {
  .page-story-article .other .other-story__category span {
    padding: 8px 15px;
  }
}
.page-story-article .other .other-story__ttl {
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  text-decoration-color: #fff;
  text-underline-offset: -0.7em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #000;
  font-size: 1.75rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  padding-right: 85px;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-story-article .other .other-story__ttl {
    padding-right: 40px;
    font-size: 1.5rem;
  }
}
.page-story-article .other .other-story__ttl:after {
  content: "\e900";
  font-family: "icomoon";
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #ea5f9e;
  color: #fff;
  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;
  font-size: 1.125rem;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-story-article .other .other-story__ttl:after {
    width: 40px;
    height: 40px;
    font-size: 0.5625rem;
    top: 60px;
  }
}
@media (min-width: 1025px) {
  .page-story-article .other .other-story__link:hover {
    opacity: 1;
  }
  .page-story-article .other .other-story__link:hover .other-story__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .page-story-article .other .other-story__link:hover .other-story__ttl {
    color: #ea5f9e;
  }
  .page-story-article .other .other-story__link:hover .other-story__ttl:after {
    color: #ea5f9e;
    background-color: #fff;
  }
}
.page-workstyle .de-i,
.page-workstyle .flexible {
  margin-bottom: 160px;
}
@media (max-width: 1024px) {
  .page-workstyle .de-i,
  .page-workstyle .flexible {
    margin-bottom: 120px;
  }
}
.page-workstyle .de-i__lead,
.page-workstyle .flexible__lead {
  margin-bottom: 80px;
}
.page-workstyle .de-i__ttl,
.page-workstyle .flexible__ttl {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .page-workstyle .de-i__ttl,
  .page-workstyle .flexible__ttl {
    margin-bottom: 2rem;
  }
}
.page-workstyle .de-i-list,
.page-workstyle .flexible-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(8.33vw, 120px);
  row-gap: 100px;
  margin-bottom: 100px;
}
.page-workstyle .de-i-list > li,
.page-workstyle .flexible-list > li {
  width: calc((100% - min(8.33vw, 120px) * 1) / 2);
}
@media (max-width: 1024px) {
  .page-workstyle .de-i-list,
  .page-workstyle .flexible-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: min(2.22vw, 32px);
    row-gap: 64px;
    margin-bottom: 80px;
  }
  .page-workstyle .de-i-list > li,
  .page-workstyle .flexible-list > li {
    width: calc((100% - min(2.22vw, 32px) * 1) / 2);
  }
}
@media (max-width: 768px) {
  .page-workstyle .de-i-list,
  .page-workstyle .flexible-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
  }
  .page-workstyle .de-i-list > li,
  .page-workstyle .flexible-list > li {
    width: calc((100% - 0rem) / 1);
  }
}
.page-workstyle .de-i-list__img,
.page-workstyle .flexible-list__img {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 1.875rem;
}
@media (max-width: 1024px) {
  .page-workstyle .de-i-list__img,
  .page-workstyle .flexible-list__img {
    margin-bottom: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-workstyle .de-i-list__img,
  .page-workstyle .flexible-list__img {
    margin-bottom: 1.125rem;
  }
}
.page-workstyle .de-i-list__ttl,
.page-workstyle .flexible-list__ttl {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.625rem;
}
@media (max-width: 1024px) {
  .page-workstyle .de-i-list__ttl,
  .page-workstyle .flexible-list__ttl {
    font-size: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-workstyle .de-i-list__ttl,
  .page-workstyle .flexible-list__ttl {
    font-size: 1.125rem;
  }
}
.page-workstyle .talk {
  background-color: #fff;
  padding: 100px min(8.33vw, 120px);
}
@media (max-width: 768px) {
  .page-workstyle .talk {
    padding: 48px 30px;
  }
}
.page-workstyle .talk__ttl {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 6.25rem;
}
@media (max-width: 768px) {
  .page-workstyle .talk__ttl {
    font-size: 1.125rem;
    margin-bottom: 2rem;
  }
}
.page-workstyle .talk .talk-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(4.16vw, 60px);
}
@media (max-width: 768px) {
  .page-workstyle .talk .talk-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
  }
}
.page-workstyle .talk .talk-box:not(:last-child) {
  margin-bottom: 112px;
}
@media (max-width: 768px) {
  .page-workstyle .talk .talk-box:not(:last-child) {
    margin-bottom: 80px;
  }
}
.page-workstyle .talk .talk-box:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .page-workstyle .talk .talk-box:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.page-workstyle .talk .talk-box__img {
  width: 30%;
}
@media (max-width: 768px) {
  .page-workstyle .talk .talk-box__img {
    width: 100%;
  }
}
.page-workstyle .talk .talk-box__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-workstyle .talk .talk-box__ttl {
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.9375rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .page-workstyle .talk .talk-box__ttl {
    font-size: 1rem;
    gap: 10px;
    margin-bottom: 1.125rem;
  }
}
.page-workstyle .talk .talk-box__ttl:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #3b1e87;
  display: inline-block;
  position: relative;
  margin-top: 0.65em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.page-workstyle .talk .talk-box__txt {
  margin-bottom: 2em;
}
.page-workstyle .talk .talk-box__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-workstyle .talk .talk-box__btn a {
  min-width: 360px;
  border: 2px solid #3b1e87;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
  min-width: 320px;
}
@media (max-width: 1024px) {
  .page-workstyle .talk .talk-box__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-workstyle .talk .talk-box__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-workstyle .talk .talk-box__btn a span {
  color: #3b1e87;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-workstyle .talk .talk-box__btn a span {
    font-size: 1rem;
  }
}
.page-workstyle .talk .talk-box__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #3b1e87;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-workstyle .talk .talk-box__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-workstyle .talk .talk-box__btn a:hover {
    opacity: 1;
    background-color: #3b1e87;
  }
  .page-workstyle .talk .talk-box__btn a:hover span {
    color: #fff;
  }
  .page-workstyle .talk .talk-box__btn a:hover span:after {
    left: 5px;
  }
}
.page-workstyle .talk .talk-box__btn a span {
  font-size: 1rem;
}
.page-workstyle .talk .talk-box__btn a span:after {
  width: 40px;
  height: 40px;
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  .page-workstyle .talk .talk-box__btn a span:after {
    width: 24px;
    height: 24px;
    font-size: 0.5rem;
  }
}
.page-workstyle .interview-box {
  margin-top: 40px;
  position: relative;
}
.page-workstyle .interview-box:before {
  content: "関連インタビュー";
  padding-left: 24px;
  color: #3b1e87;
  font-size: 1rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  display: block;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .page-workstyle .interview-box:before {
    font-size: 0.875rem;
  }
}
.page-workstyle .interview-box:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #3b1e87;
  border-radius: 50%;
  position: absolute;
  top: 0.4em;
  left: 0;
}
@media (min-width: 1025px) {
  .os-windows .page-workstyle .interview-box:after {
    top: 0.35em;
  }
}
.page-workstyle .interview-box__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2em;
  background-color: #fff;
  border-radius: 500px;
  padding: 10px 30px 10px 10px;
}
@media (max-width: 768px) {
  .page-workstyle .interview-box__link {
    padding-right: 10px;
    gap: 14px;
  }
}
.page-workstyle .interview-box__link:after {
  content: "\e900";
  font-family: "icomoon";
  font-size: 1.3125rem;
  color: #000;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-workstyle .interview-box__link:after {
    font-size: 0.875rem;
  }
}
@media (min-width: 1025px) {
  .page-workstyle .interview-box__link:hover {
    opacity: 1;
  }
  .page-workstyle .interview-box__link:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    color: #3b1e87;
  }
  .page-workstyle .interview-box__link:hover .interview-box__txtbox {
    color: #3b1e87;
  }
  .page-workstyle .interview-box__link:hover .interview-box__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-workstyle .interview-box__img {
  width: 22%;
  max-width: 120px;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .page-workstyle .interview-box__img {
    width: 90px;
  }
}
.page-workstyle .interview-box__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-workstyle .interview-box__txtbox {
  color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-workstyle .interview-box__ttl {
  font-size: 1.125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .page-workstyle .interview-box__ttl {
    font-size: 0.875rem;
  }
}
.page-workstyle .interview-box__txt {
  line-height: 1.5;
}
.page-career .intro__ttl {
  font-size: 3rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  margin-bottom: 1.125rem;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .page-career .intro__ttl {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .page-career .intro__ttl {
    font-size: 1.75rem;
  }
}
.page-career .mac-university__ttl {
  margin-bottom: 3rem;
}
.page-career .mac-university__box {
  padding: 80px min(8.33vw, 120px);
  background-color: #fff;
}
@media (max-width: 1024px) {
  .page-career .mac-university__box {
    padding: 60px min(5.55vw, 80px);
  }
}
@media (max-width: 768px) {
  .page-career .mac-university__box {
    padding: 40px 30px;
  }
}
.page-career .mac-university__mac {
  font-size: 1.75rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.5rem;
}
.page-career .mac-university__txt {
  margin-bottom: 1.625rem;
}
.page-career .training__category {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .page-career .training__category {
    margin-bottom: 2.5rem;
  }
}
.page-career .training__item:not(:last-child) {
  margin-bottom: 130px;
}
.page-career .training__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2em;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .page-career .training__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
  }
}
.page-career .training__head:has(+ .training__note) {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .page-career .training__head:has(+ .training__note) {
    margin-bottom: 16px;
  }
}
.page-career .training__icon {
  width: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .page-career .training__icon {
    width: 80px;
  }
}
.page-career .training__ttl span {
  font-size: 1.3125rem;
}
@media (max-width: 1024px) {
  .page-career .training__ttl span {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .page-career .training__ttl span {
    font-size: 1rem;
  }
}
.page-career .training__box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(8.33vw, 120px);
  row-gap: 56px;
}
.page-career .training__box-wrap > li {
  width: calc((100% - min(8.33vw, 120px) * 1) / 2);
}
@media (max-width: 768px) {
  .page-career .training__box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.page-career .training__box-wrap .training-box {
  width: calc((100% - min(8.33vw, 120px) * 1) / 2);
}
@media (max-width: 768px) {
  .page-career .training__box-wrap .training-box {
    width: 100%;
  }
}
.page-career .training__note {
  margin-bottom: 40px;
}
.page-career .training .training-area,
.page-career .training .training-area--w {
  margin-bottom: 120px;
}
.page-career .training .training-area__ttl {
  font-size: 3rem;
  letter-spacing: 0.1em;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  margin-bottom: 3.5rem;
}
@media (max-width: 1024px) {
  .page-career .training .training-area__ttl {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  .page-career .training .training-area__ttl {
    font-size: 2rem;
  }
}
.page-career .training .training-area--w {
  padding: 100px 0;
  background: url(/recruit/assets/uploads/bg_w.jpg) repeat top center;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .page-career .training .training-area--w {
    padding: 80px 0;
  }
}
@media (max-width: 768px) {
  .page-career .training .training-area--w {
    padding: 64px 0;
  }
}
.page-career .training .training-box:not(:last-child) {
  margin-bottom: 56px;
}
.page-career .training .training-box__ttl {
  margin-bottom: 1rem;
}
.page-career .training .training-box__ttl:before {
  background-color: #1eac4b;
}
.page-career .training .training-box__ttl span {
  font-size: 1rem;
}
@media (max-width: 768px) {
  .page-career .training .training-box__ttl span {
    font-size: 0.875rem;
  }
}
.page-career .training .training-box__note {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .page-career .training .training-box__list {
    padding-left: 0.5em;
  }
}
.page-career .training .training-box__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5em;
}
@media (max-width: 768px) {
  .page-career .training .training-box__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-top: 1.5rem;
  }
}
.page-career .training .training-box .info-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #000;
  padding: 32px min(40px, 2.77vw) 40px;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .page-career .training .training-box .info-box {
    margin-top: 0;
    padding: 32px 30px 40px;
  }
}
.page-career .training .training-box .info-box__ttl {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 768px) {
  .page-career .training .training-box .info-box__ttl {
    font-size: 1rem;
  }
}
.page-career .hr__ttl {
  margin-bottom: 4rem;
}
.page-career .hr__lead {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 1rem;
}
.page-career .hr__txt {
  margin-bottom: 2em;
}
.page-career .hr__box {
  background-color: #fff;
  padding: 60px min(5vw, 72px);
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .page-career .hr__box {
    padding: 40px 30px;
  }
}
.page-career .hr .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(4.16vw, 60px);
  margin-bottom: 72px;
}
@media (max-width: 1024px) {
  .page-career .hr .data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}
.page-career .hr .data__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-career .hr .data__box {
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #000;
  width: 60%;
  padding: 30px min(2.77vw, 40px);
}
@media (max-width: 1024px) {
  .page-career .hr .data__box {
    width: 100%;
    padding: 30px 30px;
  }
}
.page-career .hr .data__ttl {
  font-size: 1.125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #999;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .page-career .hr .data__ttl {
    padding-bottom: 0.75rem;
    font-size: 0.9375rem;
  }
}
.page-career .hr .data .data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1em;
  text-align: center;
}
@media (max-width: 768px) {
  .page-career .hr .data .data-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 54px;
  }
}
.page-career .hr .data .data-item__ttl {
  margin-bottom: 4px;
  font-size: 1rem;
}
.page-career .hr .data .data-item__num {
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 1.3125rem;
}
.page-career .hr .data .data-item__num span {
  font-size: 2.5rem;
}
.page-career .hr .bnr {
  max-width: 580px;
  margin: 0 auto;
}
.page-career .hr .bnr__link {
  display: block;
  position: relative;
  border-left: 10px solid #7f1084;
}
.page-career .hr .bnr__link:before {
  content: "";
  width: 1.5em;
  height: 1em;
  background: url(/recruit/assets/uploads/link.svg) no-repeat top right/contain;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
}
@media (max-width: 768px) {
  .page-career .hr .bnr__link:before {
    top: 10px;
    right: 10px;
  }
}
@media (min-width: 1025px) {
  .page-career .hr .bnr__link:hover {
    opacity: 1;
  }
  .page-career .hr .bnr__link:hover .bnr__img:before {
    background-color: rgba(127, 16, 132, 0.4);
  }
  .page-career .hr .bnr__link:hover .bnr__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-career .hr .bnr__img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.page-career .hr .bnr__img:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-career .hr .bnr__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-career .hr .bnr__ttl {
  color: #fff;
  position: absolute;
  bottom: 0.875rem;
  right: 0.875rem;
  text-align: right;
  font-size: 2rem;
  letter-spacing: 0.05em;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  z-index: 10;
}
@media (max-width: 1024px) {
  .page-career .hr .bnr__ttl {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .page-career .hr .bnr__ttl {
    font-size: 1.3125rem;
    bottom: 0.625rem;
    right: 0.625rem;
  }
}
.page-career .hr .bnr__ttl span {
  font-size: 1rem;
  display: block;
}
@media (max-width: 1024px) {
  .page-career .hr .bnr__ttl span {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .page-career .hr .bnr__ttl span {
    font-size: 0.75rem;
  }
}
.page-activities .club,
.page-activities .event {
  margin-bottom: 160px;
}
@media (max-width: 1024px) {
  .page-activities .club,
  .page-activities .event {
    margin-bottom: 120px;
  }
}
@media (max-width: 768px) {
  .page-activities .club,
  .page-activities .event {
    margin-bottom: 106px;
  }
}
.page-activities .club__ttl,
.page-activities .event__ttl {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .page-activities .club__ttl,
  .page-activities .event__ttl {
    margin-bottom: 2rem;
  }
}
.page-activities .club-list,
.page-activities .event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(4.16vw, 60px);
  row-gap: 64px;
}
.page-activities .club-list > li,
.page-activities .event-list > li {
  width: calc((100% - min(4.16vw, 60px) * 2) / 3);
}
@media (max-width: 1024px) {
  .page-activities .club-list,
  .page-activities .event-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: min(2.22vw, 32px);
    row-gap: 64px;
  }
  .page-activities .club-list > li,
  .page-activities .event-list > li {
    width: calc((100% - min(2.22vw, 32px) * 2) / 3);
  }
}
@media (max-width: 768px) {
  .page-activities .club-list,
  .page-activities .event-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
  }
  .page-activities .club-list > li,
  .page-activities .event-list > li {
    width: calc((100% - 0rem) / 1);
  }
}
.page-activities .club-list__img,
.page-activities .event-list__img {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 1.875rem;
}
@media (max-width: 1024px) {
  .page-activities .club-list__img,
  .page-activities .event-list__img {
    margin-bottom: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-activities .club-list__img,
  .page-activities .event-list__img {
    margin-bottom: 1.125rem;
  }
}
.page-activities .club-list__ttl,
.page-activities .event-list__ttl {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.625rem;
}
@media (max-width: 1024px) {
  .page-activities .club-list__ttl,
  .page-activities .event-list__ttl {
    font-size: 1.3125rem;
  }
}
@media (max-width: 768px) {
  .page-activities .club-list__ttl,
  .page-activities .event-list__ttl {
    font-size: 1.125rem;
  }
}
.page-voice {
  margin-top: 0;
}
.page-voice .breadcrumb ol li a,
.page-voice .breadcrumb ol li span {
  color: #fff;
}
.page-voice .breadcrumb ol li:after {
  background-color: #fff;
}
.page-voice .fv {
  height: 100vh;
  width: 100%;
  padding-top: 120px;
  position: relative;
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .page-voice .fv {
    height: 550px;
    margin-bottom: 64px;
  }
}
.page-voice .fv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.page-voice .fv__bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-voice .fv__txtbox {
  position: absolute;
  bottom: 64px;
  left: min(8.33vw, 120px);
}
@media (max-width: 1024px) {
  .page-voice .fv__txtbox {
    bottom: 56px;
    left: max(5%, 30px);
  }
}
@media (max-width: 768px) {
  .page-voice .fv__txtbox {
    left: 30px;
  }
}
.page-voice .fv__en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 4px;
}
@media (min-width: 1025px) {
  .os-windows .page-voice .fv__en {
    margin-bottom: 10px;
  }
}
.page-voice .fv__en span {
  background-color: #fff;
  font-size: 1.625rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #ea5f9e;
  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;
}
@media (min-width: 1025px) {
  .os-windows .page-voice .fv__en span {
    padding-top: 6px;
  }
}
@media (max-width: 1024px) {
  .page-voice .fv__en span {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .page-voice .fv__en span {
    font-size: 1.3125rem;
  }
}
.page-voice .fv__ttl {
  font-size: 4.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 5;
}
@media (max-width: 1024px) {
  .page-voice .fv__ttl {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .page-voice .fv__ttl {
    font-size: 2.75rem;
  }
}
.page-voice .fv__ttl > span {
  position: relative;
  overflow: hidden;
}
.page-voice .fv__ttl > span:before {
  content: "";
  width: 0%;
  height: 80%;
  top: 50%;
  left: 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: -1;
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .os-windows .page-voice .fv__ttl > span:before {
    top: 44%;
  }
}
.page-voice .fv__ttl > span span {
  display: inline-block;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.8s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-voice .fv__ttl.active > span:before {
  width: 100%;
}
.page-voice .fv__ttl.active > span span {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.page-voice .fv .ball {
  position: absolute;
  bottom: 0;
  right: min(4.16vw, 60px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: min(8.33vw, 120px);
}
.page-voice .voice__lead {
  margin-bottom: 130px;
}
@media (max-width: 768px) {
  .page-voice .voice__lead {
    margin-bottom: 100px;
  }
}
.page-voice .voice .voice-list__item:not(:last-child) {
  margin-bottom: 70px;
}
.page-voice .voice .voice-list__ttl {
  margin-bottom: 1.75rem;
}
@media (max-width: 768px) {
  .page-voice .voice .voice-list__ttl {
    margin-bottom: 1.5rem;
  }
}
.page-voice .voice .voice-list__ttl:before {
  background-color: #ea5f9e;
}
.page-voice .voice .voice-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(4.16vw, 60px);
}
@media (max-width: 1024px) {
  .page-voice .voice .voice-list__wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .page-voice .voice .voice-list__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}
.page-voice .voice .voice-list__img {
  width: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .page-voice .voice .voice-list__img {
    width: 100%;
  }
}
.page-voice .voice .voice-list__img img {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-voice .voice .voice-list__img:before {
  content: "";
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 501%;
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 5;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-voice .voice .voice-list__img:before {
    width: 32px;
    height: 32px;
  }
}
.page-voice .voice .voice-list__img:after {
  content: "";
  width: 13px;
  height: 17px;
  background-color: #ea5f9e;
  position: absolute;
  right: calc(1em + 21.5px - 2px);
  bottom: calc(1em + 19.5px);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  z-index: 6;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-voice .voice .voice-list__img:after {
    width: 8px;
    height: 10px;
    right: calc(1em + 12px - 2px);
    bottom: calc(1em + 11px);
  }
}
@media (min-width: 1025px) {
  .page-voice .voice .voice-list__img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.page-voice .voice .voice-list__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-voice .voice .voice-list__copy {
  font-size: 1.5rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .page-voice .voice .voice-list__copy {
    font-size: 1.125rem;
  }
}
.page-faq .faq__category:not(:last-child) {
  margin-bottom: 140px;
}
.page-faq .faq__ttl {
  margin-bottom: 1em;
}
.page-faq .faq .faq-list__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.page-faq .faq .faq-list__question {
  position: relative;
  width: 100%;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-faq .faq .faq-list__question:after,
.page-faq .faq .faq-list__question:before {
  content: "";
  background-color: #fff;
  position: absolute;
  z-index: 5;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-faq .faq .faq-list__question:before {
  width: 16px;
  height: 2px;
  top: 19px;
  right: -44px;
}
@media (max-width: 1024px) {
  .page-faq .faq .faq-list__question:before {
    width: 12px;
    right: -30px;
    top: 15px;
  }
}
.page-faq .faq .faq-list__question:after {
  height: 16px;
  width: 2px;
  top: 12px;
  right: -37px;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-faq .faq .faq-list__question:after {
    height: 12px;
    right: -25px;
    top: 10px;
  }
}
.page-faq .faq .faq-list__question p {
  font-size: 1.25rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  .page-faq .faq .faq-list__question p {
    font-size: 1.125rem;
  }
}
.page-faq .faq .faq-list__question p:before {
  content: "Q";
  margin-right: 1.25rem;
  font-size: 1.5rem;
  color: #0089ce;
  line-height: 1.5;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .page-faq .faq .faq-list__question p:before {
    line-height: 1.1;
  }
}
.page-faq .faq .faq-list .acdBtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 56px;
  position: relative;
  padding-top: 2em;
  padding-bottom: 2em;
}
@media (max-width: 1024px) {
  .page-faq .faq .faq-list .acdBtn {
    padding-right: 40px;
  }
}
.page-faq .faq .faq-list .acdBtn:after {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0089ce;
  border: 1px solid #0089ce;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 2em;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-faq .faq .faq-list .acdBtn:after {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1025px) {
  .page-faq .faq .faq-list .acdBtn:hover:after {
    background-color: #fff;
  }
  .page-faq .faq .faq-list .acdBtn:hover .faq-list__question {
    color: #0089ce;
  }
  .page-faq .faq .faq-list .acdBtn:hover .faq-list__question:after,
  .page-faq .faq .faq-list .acdBtn:hover .faq-list__question:before {
    background-color: #0089ce;
  }
}
.page-faq .faq .faq-list__answer {
  padding-bottom: 2em;
}
.page-faq .faq .faq-list__answer p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-faq .faq .faq-list__answer p:before {
  content: "A";
  margin-right: 1.25rem;
  font-size: 1.5rem;
  color: #0089ce;
  line-height: 1;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 500;
}
.page-faq .faq .faq-list .acd.active .faq-list__question:after {
  height: 0;
}
.page-message {
  position: relative;
}
.page-message .message {
  position: relative;
}
.page-message .message .ball {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-message .message .ball {
    display: none;
  }
}
.page-message .message .ball__img {
  position: absolute;
  opacity: 0.3;
}
.page-message .message .ball__img:first-child {
  width: 10vw;
  top: 40%;
  left: 1.38vw;
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
.page-message .message .ball__img:nth-child(2) {
  width: 2.77vw;
  top: 20%;
  right: 13.88vw;
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
.page-message .message .ball__img:nth-child(3) {
  width: 4.44vw;
  top: 70%;
  right: 3.88vw;
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
.page-message .message__name {
  margin-bottom: 0.25em;
}
.page-message .message__position {
  font-size: 0.875rem;
  margin-bottom: 2.25rem;
}
.page-message .message__img {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .page-message .message__img {
    margin-bottom: 2.5rem;
  }
}
.page-event .event .category {
  background-color: #fff;
  border-radius: 8px;
  padding: 1.5rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(4.16vw, 60px);
  margin-bottom: 112px;
}
@media (max-width: 768px) {
  .page-event .event .category {
    padding: 2rem 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.75rem;
    margin-bottom: 80px;
  }
}
.page-event .event .category__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.9375rem;
  font-size: 0.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1;
  padding-right: 2.1875rem;
  border-right: 1px dotted #999;
}
@media (max-width: 768px) {
  .page-event .event .category__ttl {
    border: none;
    font-size: 0.625rem;
    gap: 0.875rem;
  }
}
.page-event .event .category__ttl span {
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 0.2em;
  display: inline-block;
}
@media (max-width: 768px) {
  .page-event .event .category__ttl span {
    font-size: 1rem;
  }
}
.page-event .event .category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.75rem;
}
@media (max-width: 768px) {
  .page-event .event .category__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
  }
  .page-event .event .category__list > li {
    width: calc((100% - 10px) / 2);
  }
}
.page-event .event .category__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #4d4d4d;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 768px) {
  .page-event .event .category__link {
    font-size: 1rem;
  }
}
.page-event .event .category__link:before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #0089ce;
  display: inline-block;
  margin-right: 0.75rem;
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .os-windows .page-event .event .category__link:before {
    margin-bottom: 4px;
  }
}
.page-event .event .category__link.current {
  color: #0089ce;
}
.page-event .event .category__link.current:before {
  opacity: 1;
}
@media (min-width: 1025px) {
  .page-event .event .category__link:hover {
    opacity: 1;
    color: #0089ce;
  }
}
.page-event .event .event-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: min(8.33vw, 120px);
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media (max-width: 1024px) {
  .page-event .event .event-list__item {
    gap: 3em;
  }
}
@media (max-width: 768px) {
  .page-event .event .event-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1025px) {
  .page-event
    .event
    .event-list__item:has(.event-list__btn a:hover)
    .event-list__img
    img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .page-event
    .event
    .event-list__item:has(.event-list__btn a:hover)
    .event-list__ttl {
    color: #0089ce;
  }
}
.page-event .event .event-list__img {
  width: 45%;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 540/360;
}
@media (max-width: 768px) {
  .page-event .event .event-list__img {
    width: 100%;
    background-color: rgba(215, 215, 215, 0.25);
  }
}
.page-event .event .event-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
.page-event .event .event-list__txtbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.page-event .event .event-list__category {
  color: #0089ce;
  font-size: 1rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25rem;
}
@media (max-width: 1024px) {
  .page-event .event .event-list__category {
    font-size: 0.8125rem;
    margin-bottom: 1em;
  }
}
.page-event .event .event-list__category:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #0089ce;
  display: inline-block;
}
.page-event .event .event-list__ttl {
  font-size: 1.75rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-event .event .event-list__ttl {
    font-size: 1.125rem;
    margin-bottom: 1em;
  }
}
.page-event .event .event-list__txt {
  margin-bottom: 2.8125rem;
}
@media (max-width: 1024px) {
  .page-event .event .event-list__txt {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1025px) {
  .page-event .event .event-list__txt {
    white-space: break-spaces;
  }
}
.page-event .event .event-list__date-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.625rem;
}
@media (max-width: 1024px) {
  .page-event .event .event-list__date-ttl {
    font-size: 1rem;
    gap: 0.5rem;
  }
}
.page-event .event .event-list__date-ttl:before {
  content: "";
  width: 21px;
  height: 21px;
  background: url(/recruit/assets/uploads/info/event/date.svg) no-repeat center
    center/contain;
}
.page-event .event .event-list__date {
  font-size: 1.125rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
  .page-event .event .event-list__date {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
}
.page-event .event .event-list__tag {
  display: inline-block;
  background-color: #f08300;
  padding: 5px 1em 3px;
  border-radius: 4px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  font-size: 0.875rem;
  font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 1024px) {
  .page-event .event .event-list__tag {
    font-size: 0.75rem;
    padding: 3px 1em;
  }
}
.page-event .event .event-list__tag.progress {
  background-color: #e34848;
}
.page-event .event .event-list__tag.close {
  background-color: #dad6d0;
  color: #000;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-event .event .event-list__tag.forPC {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-event .event .event-list__tag.forSP {
    display: inline-block !important;
  }
}
.page-event .event .event-list__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-event .event .event-list__btn a {
  min-width: 360px;
  border: 2px solid #0089ce;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
  background-color: #0089ce;
}
@media (max-width: 1024px) {
  .page-event .event .event-list__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-event .event .event-list__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-event .event .event-list__btn a span {
  color: #0089ce;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-event .event .event-list__btn a span {
    font-size: 1rem;
  }
}
.page-event .event .event-list__btn a span:after {
  font-family: "icomoon";
  content: "\e902";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #0089ce;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-event .event .event-list__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-event .event .event-list__btn a:hover {
    opacity: 1;
    background-color: #0089ce;
  }
  .page-event .event .event-list__btn a:hover span {
    color: #fff;
  }
  .page-event .event .event-list__btn a:hover span:after {
    left: 5px;
  }
}
.page-event .event .event-list__btn a span {
  color: #fff;
}
.page-event .event .event-list__btn a span:after {
  background-color: #fff;
  color: #0089ce;
}
@media (min-width: 1025px) {
  .page-event .event .event-list__btn a:hover {
    background-color: #fff;
  }
  .page-event .event .event-list__btn a:hover span {
    color: #0089ce;
  }
  .page-event .event .event-list__btn a:hover span:after {
    left: 5px;
  }
}
.no-events .no-events__ttl {
  text-align: center;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
}
.no-events .no-events__txt {
  text-align: center;
  font-family: "A1ゴシック R", "A1 Gothic R", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 3em;
}
.page-event .event .error,
.page-event .event .loading,
.page-event .event .no-events {
  text-align: center;
  padding: 3.75rem 1.25rem;
  font-size: 1rem;
  color: #000;
}
@media (max-width: 768px) {
  .page-event .event .error,
  .page-event .event .loading,
  .page-event .event .no-events {
    padding: 2.5rem 0.9375rem;
    font-size: 0.875rem;
  }
}
.page-event .event .error {
  color: #d32f2f;
}
.page-event .event [v-cloak] {
  display: none;
}
.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.paging .page-numbers {
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  height: 44px;
  width: 44px;
  padding: 0 5px;
  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;
  color: #7f1084;
  border: 1px solid #7f1084;
}
@media (min-width: 1025px) {
  .paging .page-numbers:hover {
    color: #fff;
    background-color: #7f1084;
    text-decoration: none;
  }
}
.paging .page-numbers.current {
  color: #fff;
  background-color: #7f1084;
  text-decoration: none;
  pointer-events: none;
}
.paging .page-numbers.next,
.paging .page-numbers.prev {
  position: relative;
}
.paging .page-numbers.next:before,
.paging .page-numbers.prev:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: solid 2px #7f1084;
  border-left: solid 2px #7f1084;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (min-width: 1025px) {
  .paging .page-numbers.next:hover:before,
  .paging .page-numbers.prev:hover:before {
    border-color: #fff;
  }
}
.paging .page-numbers.next:before {
  -webkit-transform: rotate(135deg) translate(1px, 1px);
  transform: rotate(135deg) translate(1px, 1px);
}
.paging .page-numbers.prev:before {
  -webkit-transform: rotate(-45deg) translate(1px, 1px);
  transform: rotate(-45deg) translate(1px, 1px);
}
.category-list {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em;
}
.category-list__item {
  background-color: #7f1084;
  border-radius: 30px;
  padding: 3px 0.8em;
  color: #fff;
  border: 1px solid #7f1084;
  display: inline-block;
  font-size: 0.75rem;
}
@media (min-width: 1025px) {
  .category-list a.catcategory-list__item:hover {
    background-color: #fff;
    color: #7f1084;
  }
}
.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.news-list > li {
  width: calc((100% - 40px) / 3);
}
.news-list__img {
  aspect-ratio: 4/3;
}
.news-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-list__txt {
  padding: 1.5em 0;
}
.news-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1em;
}
.news-info__date {
  font-size: 0.75rem;
}
.news-info__ttl {
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
.article__date {
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 400;
  margin-bottom: 1em;
  font-size: 1rem;
  letter-spacing: 0.1em;
}
.article__ttl {
  font-size: 2rem;
  margin-bottom: 2em;
}
.article__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3em;
}
.article__btn a {
  min-width: 360px;
  border: 2px solid #7f1084;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
}
@media (max-width: 1024px) {
  .article__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .article__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.article__btn a span {
  color: #7f1084;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .article__btn a span {
    font-size: 1rem;
  }
}
.article__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #7f1084;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .article__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .article__btn a:hover {
    opacity: 1;
    background-color: #7f1084;
  }
  .article__btn a:hover span {
    color: #fff;
  }
  .article__btn a:hover span:after {
    left: 5px;
  }
}
.editor > * {
  margin: 1em 0;
}
.editor a {
  text-decoration: underline;
}
.editor h2 {
  font-size: 2rem;
}
.editor h3 {
  font-size: 1.5rem;
  border-bottom: 1px solid rgba(127, 16, 132, 0.3);
  padding-bottom: 0.3em;
}
.editor h4 {
  font-size: 1.3125rem;
  padding-left: 1em;
  position: relative;
}
.editor h4:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background-color: #7f1084;
}
.editor h5 {
  font-size: 1.125rem;
}
.editor h6 {
  font-size: 1rem;
}
.editor ul > li {
  padding-left: 1em;
  position: relative;
}
.editor ul > li:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background-color: #7f1084;
}
.editor ol {
  counter-reset: ol;
}
.editor ol > li {
  padding-left: 1.5em;
  position: relative;
}
.editor ol > li:before {
  content: counter(ol) ".";
  counter-increment: ol;
  font-family: "arial", Arial, "游ゴシック Mediu", YuGothic, YuGothicM,
    "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
}
.editor blockquote {
  font-style: italic;
  background-color: #f2f2f2;
  padding: 1em;
  border-radius: 4px;
}
.editor .wp-block-button__link {
  background-color: #7f1084;
  color: #fff;
  text-decoration: none;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1rem;
  padding: 0.8em 2em;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .page-entry .floating {
    display: none !important;
  }
}
.page-entry .entry__inr:not(:last-child) {
  margin-bottom: 150px;
}
.page-entry .entry__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(8.33vw, 120px);
}
.page-entry .entry__wrap > li {
  width: calc((100% - min(8.33vw, 120px) * 1) / 2);
}
@media (max-width: 768px) {
  .page-entry .entry__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4.5rem;
  }
  .page-entry .entry__wrap > li {
    width: calc((100% - 0rem) / 1);
  }
}
.page-entry .entry__ttl {
  margin-bottom: 1em;
}
.page-entry .entry__subttl {
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .page-entry .entry__subttl {
    margin-bottom: 2rem;
  }
}
.page-entry .entry__subttl:before {
  background-color: #e72534;
}
.page-entry .entry__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 768px) {
  .page-entry .entry__btn {
    gap: 1rem;
  }
}
.page-entry .entry__btn a {
  min-width: 360px;
  border: 2px solid #e72534;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .page-entry .entry__btn a {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-entry .entry__btn a {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-entry .entry__btn a span {
  color: #e72534;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-entry .entry__btn a span {
    font-size: 1rem;
  }
}
.page-entry .entry__btn a span:after {
  font-family: "icomoon";
  content: "\e900";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #e72534;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-entry .entry__btn a span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-entry .entry__btn a:hover {
    opacity: 1;
    background-color: #e72534;
  }
  .page-entry .entry__btn a:hover span {
    color: #fff;
  }
  .page-entry .entry__btn a:hover span:after {
    left: 5px;
  }
}
.page-entry .entry__btn a:first-child {
  min-width: 360px;
  border: 2px solid #e72534;
  border-radius: 500px;
  padding: 10px;
  padding-left: 38px;
  background-color: #e72534;
}
@media (max-width: 1024px) {
  .page-entry .entry__btn a:first-child {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .page-entry .entry__btn a:first-child {
    min-width: auto;
    padding-left: 24px;
    width: 100%;
  }
}
.page-entry .entry__btn a:first-child span {
  color: #e72534;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  gap: 1em;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-entry .entry__btn a:first-child span {
    font-size: 1rem;
  }
}
.page-entry .entry__btn a:first-child span:after {
  font-family: "icomoon";
  content: "\e902";
  color: #fff;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  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;
  font-size: 0.875rem;
  background-color: #e72534;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
  transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
}
@media (max-width: 1024px) {
  .page-entry .entry__btn a:first-child span:after {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .page-entry .entry__btn a:first-child:hover {
    opacity: 1;
    background-color: #e72534;
  }
  .page-entry .entry__btn a:first-child:hover span {
    color: #fff;
  }
  .page-entry .entry__btn a:first-child:hover span:after {
    left: 5px;
  }
}
.page-entry .entry__btn a:first-child span {
  color: #fff;
}
.page-entry .entry__btn a:first-child span:after {
  background-color: #fff;
  color: #e72534;
}
@media (min-width: 1025px) {
  .page-entry .entry__btn a:first-child:hover {
    background-color: #fff;
  }
  .page-entry .entry__btn a:first-child:hover span {
    color: #e72534;
  }
  .page-entry .entry__btn a:first-child:hover span:after {
    left: 5px;
  }
}
.page-requirements .requirements__ttl {
  margin-bottom: 2rem;
}
.page-requirements .requirements__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .page-requirements .requirements__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.page-requirements .requirements__item:not(:last-child) {
  margin-bottom: 1.25rem;
}
.page-requirements .requirements__box {
  background-color: #fff;
  border-radius: 8px;
  padding: 2rem 2.5rem;
}
@media (max-width: 1024px) {
  .page-requirements .requirements__box {
    padding: 1.875rem;
  }
}
@media (max-width: 768px) {
  .page-requirements .requirements__box + .requirements__box {
    padding-top: 0;
  }
}
.page-requirements .requirements__block:not(:last-child) {
  margin-bottom: 2.75rem;
}
.page-requirements .requirements__txtbox:not(:last-child) {
  margin-bottom: 1.3125rem;
}
.page-requirements .requirements-ttlarea {
  width: 25%;
}
@media (max-width: 768px) {
  .page-requirements .requirements-ttlarea {
    width: 100%;
  }
}
.page-requirements .requirements-ttlarea__ttl {
  font-size: 1.125rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
}
@media (max-width: 1024px) {
  .page-requirements .requirements-ttlarea__ttl {
    font-size: 1rem;
  }
}
.page-requirements .requirements-ttlarea__ttl span {
  display: block;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .page-requirements .requirements-ttlarea__ttl span {
    font-size: 0.8125rem;
    display: inline-block;
  }
}
.page-requirements .requirements-ttlarea__category {
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #999;
  margin-bottom: 1.3125rem;
}
@media (max-width: 768px) {
  .page-requirements .requirements-ttlarea__category {
    margin-bottom: 0;
  }
}
.page-requirements
  .requirements-ttlarea__category
  + .requirements-ttlarea__ttl {
  font-size: 1.3125rem;
}
.page-requirements .requirements-ttlarea .requirements__box {
  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;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 768px) {
  .page-requirements .requirements-ttlarea .requirements__box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    padding-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.page-requirements .requirements-data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
}
@media (max-width: 768px) {
  .page-requirements .requirements-data {
    width: 100%;
    gap: 0;
  }
}
.page-requirements .requirements-data__ttl {
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
  .page-requirements .requirements-data__ttl span {
    display: block;
    font-size: 0.8125rem;
  }
}
.page-requirements .requirements-data__subttl {
  margin-bottom: 0.25rem;
}
.page-requirements .requirements-data__subttl span {
  background-color: #4d4d4d;
  padding: 0.25rem 0.9375rem 0.125rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-family: "A1ゴシック B", "A1 Gothic B", "游ゴシック Mediu", YuGothic,
    YuGothicM, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", meiryo, sans-serif;
  color: #fff;
  display: inline-block;
}
@media (min-width: 1025px) {
  .os-windows .page-requirements .requirements-data__subttl span {
    padding-top: 0.375rem;
    line-height: 1.7;
  }
}
@media (max-width: 768px) {
  .page-requirements .requirements-data__txt {
    font-size: 0.875rem;
  }
}
.page-requirements .requirements-data__list {
  margin-left: 1em;
}
@media (max-width: 768px) {
  .page-requirements .requirements-data__list {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .page-requirements .requirements-data .requirements__box {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 768px) {
  .page-requirements .requirements-data .requirements__box:not(:last-child) {
    border-radius: 0;
  }
}
.page-requirements .salary__ttl {
  margin-bottom: 0.2em;
}
@media (max-width: 768px) {
  .page-requirements .salary__ttl {
    font-size: 0.9375rem;
    margin-bottom: 0.1em;
  }
}
.page-requirements .salary__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.6;
  font-size: 0.9375rem;
}
@media (max-width: 768px) {
  .page-requirements .salary__detail {
    font-size: 0.875rem;
  }
}
.page-requirements .salary__detail:before {
  content: "ー";
  text-indent: 2em;
  margin-right: 0.5em;
  color: #999;
}