@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

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

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

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

a {
  user-select: none;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

html {
  font-size: 2.5641025641vw;
  scroll-behavior: smooth;
}
@media (min-width: 540px) {
  html {
    font-size: 10px;
  }
}

body {
  font-family: "YakuHanJP", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 400;
  font-size: max(1.568rem, 1.0582010582vw);
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-feature-settings: "palt" 1;
  vertical-align: baseline;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-break: strict;
  text-align: justify;
  -webkit-text-size-adjust: 100%;
}

dl, dt, th, dd, label {
  font-weight: 400;
}

@media (min-width: 1024px) {
  .under-pc {
    display: none;
  }
}

@media (min-width: 768px) {
  .under-tab_over-pc {
    display: none;
  }
}
@media (min-width: 1024px) {
  .under-tab_over-pc {
    display: block;
  }
}

@media (min-width: 768px) {
  .under-tab {
    display: none;
  }
}

@media (min-width: 540px) {
  .under-sp_over-tab {
    display: none;
  }
}
@media (min-width: 768px) {
  .under-sp_over-tab {
    display: block;
  }
}

@media (min-width: 540px) {
  .under-sp_in-tab {
    display: none;
  }
}
@media (min-width: 768px) {
  .under-sp_in-tab {
    display: block;
  }
}
@media (min-width: 1024px) {
  .under-sp_in-tab {
    display: none;
  }
}

@media (min-width: 540px) {
  .under-sp_over-pc {
    display: none;
  }
}
@media (min-width: 1024px) {
  .under-sp_over-pc {
    display: block;
  }
}

@media (min-width: 540px) {
  .under-sp {
    display: none;
  }
}

.over-sp {
  display: none;
}
@media (min-width: 540px) {
  .over-sp {
    display: block;
  }
}

.in-sp_in-tab {
  display: none;
}
@media (min-width: 540px) {
  .in-sp_in-tab {
    display: block;
  }
}
@media (min-width: 1024px) {
  .in-sp_in-tab {
    display: none;
  }
}

.in-sp_over-pc {
  display: none;
}
@media (min-width: 540px) {
  .in-sp_over-pc {
    display: block;
  }
}
@media (min-width: 768px) {
  .in-sp_over-pc {
    display: none;
  }
}
@media (min-width: 1024px) {
  .in-sp_over-pc {
    display: block;
  }
}

.in-sp {
  display: none;
}
@media (min-width: 540px) {
  .in-sp {
    display: block;
  }
}
@media (min-width: 768px) {
  .in-sp {
    display: none;
  }
}

.over-tab {
  display: none;
}
@media (min-width: 768px) {
  .over-tab {
    display: block;
  }
}

.in-tab {
  display: none;
}
@media (min-width: 768px) {
  .in-tab {
    display: block;
  }
}
@media (min-width: 1024px) {
  .in-tab {
    display: none;
  }
}

.over-pc {
  display: none;
}
@media (min-width: 1024px) {
  .over-pc {
    display: block;
  }
}

.gradationButton {
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.3em;
  font-weight: 700;
  line-height: 1;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  color: #ffffff;
  background-image: linear-gradient(to right, #1D2088 35%, #62C5FA 55%, #62C5FA 100%);
  background-size: 180% 100%;
  background-position: 0% 0%;
}
.gradationButton:hover {
  background-position: 65% 0%;
}

.jobdetail_button {
  width: fit-content;
  margin: auto;
  padding: max(1rem, 0.6613756614vw) max(4.2rem, 2.7777777778vw) max(1.3rem, 0.8597883598vw) max(4.2rem, 2.7777777778vw);
  font-size: max(2.408rem, 1.8518518519vw);
  letter-spacing: 0.03em;
}

.backToTop {
  margin: max(3.066rem, 2.7777777778vw) auto auto auto;
  width: max(17.2rem, 13.2275132275vw);
  height: max(3.956rem, 3.0423280423vw);
  font-size: max(1.548rem, 1.1904761905vw);
  letter-spacing: 0.03em;
  background: linear-gradient(90deg, #1D2088 0%, #000 49.5%);
}

.back404 {
  width: max(17.2rem, 13.2275132275vw);
  height: max(3.956rem, 3.0423280423vw);
  font-size: max(1.548rem, 1.1904761905vw);
  letter-spacing: 0.03em;
}

.backform {
  margin: max(3.904rem, 4.2328042328vw) auto 0 auto;
  width: max(14rem, 9.2592592593vw);
  height: max(4.6rem, 3.0423280423vw);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1D2088;
  border-radius: max(0.392rem, 0.2645502646vw);
  border: max(0.3rem, 0.1984126984vw) solid #1D2088;
  background: #ffffff;
  pointer-events: auto;
}
.backform:hover {
  background: #1D2088;
  color: #ffffff;
  border: max(0.3rem, 0.1984126984vw) solid #1D2088;
}

.textButton {
  display: flex;
  align-items: center;
  gap: max(0.688rem, 0.5291005291vw);
  font-weight: 800;
  font-size: max(1.806rem, 1.3888888889vw);
  line-height: 1;
  color: #1D2088;
}
.textButton:hover {
  color: #62C5FA;
}
.textButton::after {
  display: block;
  content: "";
  width: max(3.096rem, 2.380952381vw);
  height: max(3.096rem, 2.380952381vw);
  background: no-repeat url(../img/icons/icon-arrow-circle-right-blue.svg) center center/cover;
}

.scroll_top {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 7001;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(6.272rem, 4.2328042328vw, 6.4rem);
  height: clamp(6.272rem, 4.2328042328vw, 6.4rem);
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  opacity: 0;
}
.scroll_top img {
  width: 75%;
  height: 75%;
  transition: all 0.3s ease-in-out;
}
.scroll_top:hover img {
  width: 100%;
  height: 100%;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(19.6rem, 13.2275132275vw, 20rem);
  padding: clamp(1.568rem, 1.0582010582vw, 1.6rem) clamp(4.704rem, 3.1746031746vw, 4.8rem);
  border: 1px solid #FFF100;
  border-radius: clamp(0.392rem, 0.2645502646vw, 0.4rem);
  font-size: clamp(1.764rem, 1.1904761905vw, 1.8rem);
  color: #1D2088;
  background: #ffffff;
  transition: 0.3s;
}
.button:hover {
  background: linear-gradient(90deg, #1D2088 0%, #000 49.5%);
}
.button:disabled {
  background: #878ADC;
  color: #ffffff;
}

.anchorpoint {
  padding-top: max(6.536rem, 5.0264550265vw);
  margin-top: calc(max(6.536rem, 5.0264550265vw) * -1);
  height: 0;
  width: 100%;
}

.heading {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-block: max(6.344rem, 6.8783068783vw) max(3.904rem, 4.2328042328vw);
  background: no-repeat linear-gradient(0deg, #EFF5FD 32.8%, rgba(99, 197, 250, 0.3) 100%);
}
.heading .wp-slug {
  text-transform: uppercase;
  font-family: "Roboto";
  font-size: max(4.48rem, 8.4656084656vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  padding-right: 0.1em;
  color: transparent;
  background-clip: text;
  background-image: linear-gradient(to right, #1D2088 45%, #62C5FA 60%, #1D2088 90%);
  background-size: 250% 100%;
  background-position: 0% 0%;
  transform-origin: center 80%;
  opacity: 0;
  animation: titleUpper 1.5s 0.3s ease-out forwards;
}
.heading .page-title {
  color: #000000;
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  opacity: 0;
  animation: titleLower 0.3s 0.8s ease-out forwards;
  margin-top: calc(-1 * max(0.344rem, 0.2645502646vw));
}

.titleImg {
  height: max(16.16rem, 26.7195767196vw);
}

.lead {
  color: #1D2088;
  margin-top: max(6.344rem, 6.8783068783vw);
  padding-inline: max(2.352rem, 1.5873015873vw);
}
.lead h2 {
  font-size: max(2.016rem, 2.7777777778vw);
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  letter-spacing: -0.02em;
  opacity: 0;
}
.lead p {
  margin-top: max(2.58rem, 1.9841269841vw);
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 600;
  line-height: 1.6;
  opacity: 0;
}
@media (min-width: 540px) {
  .lead p {
    text-align: center;
  }
}
.lead .active {
  animation: leader 0.3s ease-out forwards;
}

.subTitle {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.subTitle .subtitleJp {
  font-size: max(4.514rem, 4.8941798942vw);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: transparent;
  background-clip: text;
  background-image: linear-gradient(to right, #1D2088 45%, #62C5FA 60%, #1D2088 90%);
  background-size: 250% 100%;
  background-position: 0% 0%;
  transform-origin: center 80%;
  opacity: 0;
}
.subTitle .subtitleEn {
  color: #000000;
  text-transform: capitalize;
  font-family: "Roboto";
  font-size: max(1.776rem, 2.4470899471vw);
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  margin-top: max(0.688rem, 0.5291005291vw);
}
.subTitle.active .subtitleJp {
  animation: titleUpper 1.5s 0.3s ease-out forwards;
}
.subTitle.active .subtitleEn {
  animation: titleLower 0.3s 0.8s ease-out forwards;
}

@keyframes titleUpper {
  0% {
    background-position: 0% 0%;
    opacity: 0;
  }
  25% {
    opacity: 1;
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
    opacity: 1;
  }
}
@keyframes titleLower {
  0% {
    transform: translateY(100%);
    opacity: 0;
    filter: blur(3px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes textButton {
  0% {
    background-position: 100% 0%;
  }
  40% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes parallaxfront {
  from {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(500px);
  }
}
@keyframes parallaxfront2 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(1000px);
  }
}
@keyframes leaderT {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes leaderM {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes leader {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes listitem {
  0% {
    opacity: 0;
    margin-top: 10px;
    margin-bottom: -10px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@keyframes imgfadein {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes linedown {
  0% {
    transform: translateY(0);
  }
  2.5% {
    transform: translateY(0);
  }
  62.5% {
    transform: translateY(max(17.52rem, 15.873015873vw));
  }
  97.5% {
    transform: translateY(max(17.52rem, 15.873015873vw));
    opacity: 1;
  }
  100% {
    transform: translateY(max(17.52rem, 15.873015873vw));
    opacity: 0;
  }
}
@keyframes linespan {
  0% {
    height: 0;
  }
  2.5% {
    height: 0;
  }
  62.5% {
    height: max(17.52rem, 15.873015873vw);
  }
  95% {
    height: max(17.52rem, 15.873015873vw);
  }
  100% {
    height: 0;
  }
}
.single-pagenavigation {
  margin-top: 1.5873015873vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.6455026455vw;
}
.single-pagenavigation a {
  display: block;
  padding: max(2.352rem, 1.5873015873vw);
  color: #000000;
  font-size: max(1.372rem, 0.9259259259vw);
  font-weight: 700;
  line-height: 1;
  color: #5B5BB0;
  white-space: nowrap;
}

.pagination { /*スクリーンリーダー用のテキスト*/ }
.pagination .screen-reader-text {
  transform: scale(0, 0);
}
.pagination .nav-links {
  margin-top: 2.6455026455vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1.5873015873vw;
  color: #5B5BB0;
}
@media (min-width: 540px) {
  .pagination .nav-links {
    justify-content: center;
  }
}
.pagination .nav-links .page-numbers {
  width: max(4.644rem, 3.5714285714vw);
  height: max(4.644rem, 3.5714285714vw);
  flex-shrink: 0;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: max(1.204rem, 0.9259259259vw);
  font-weight: 700;
  line-height: 1;
  color: #5B5BB0;
  border-radius: 50%;
}
.pagination .nav-links .page-numbers.dots {
  width: max(2.236rem, 1.7195767196vw);
}
.pagination .nav-links .current {
  background: #ffffff;
  color: #5B5BB0;
}
.pagination .nav-links .prev,
.pagination .nav-links .next {
  border-radius: 1px;
  width: 45%;
  order: -1;
}
@media (min-width: 540px) {
  .pagination .nav-links .prev,
  .pagination .nav-links .next {
    width: fit-content;
    order: 0;
  }
}
.pagination .nav-links .prev {
  justify-content: flex-start;
}
@media (min-width: 540px) {
  .pagination .nav-links .prev {
    justify-content: center;
  }
}
.pagination .nav-links .next {
  justify-content: flex-end;
}
@media (min-width: 540px) {
  .pagination .nav-links .next {
    justify-content: center;
  }
}

.wrapper {
  min-height: 100vh;
  background: #EFF5FD;
  scroll-behavior: smooth;
}

main.ly_main {
  width: 100%;
  padding-top: max(5.676rem, 4.3650793651vw);
}
main.ly_main.top {
  background: #1D2088;
  color: #ffffff;
  padding-top: 0;
}

.container {
  margin-inline: auto;
  padding-inline: max(2.352rem, 1.5873015873vw);
}
@media (min-width: 540px) {
  .container {
    padding-inline: max(3.904rem, 4.2328042328vw);
  }
}
@media (min-width: 768px) {
  .container {
    padding-inline: 8.4656084656vw;
  }
}

.container16 {
  margin-inline: auto;
  padding-inline: max(1.568rem, 1.0582010582vw);
}
@media (min-width: 540px) {
  .container16 {
    padding-inline: max(3.904rem, 4.2328042328vw);
  }
}
@media (min-width: 768px) {
  .container16 {
    padding-inline: 8.4656084656vw;
  }
}

footer {
  position: sticky;
  top: 100svh;
  background: #1D2088;
  color: #ffffff;
  padding-block: max(1.464rem, 1.5873015873vw) max(3.294rem, 3.5714285714vw);
}
footer .footer_company {
  display: flex;
  align-items: center;
  flex-direction: column;
}
footer .footer_company .logoEnWrap {
  width: max(18.748rem, 14.417989418vw);
}
footer .footer_company .logoWrap {
  margin-top: max(1.204rem, 0.9259259259vw);
  width: max(18.748rem, 14.417989418vw);
}
footer .footer_company .logoWrap img {
  vertical-align: baseline;
}
footer .footer_company .sitetypeWrap {
  color: #ffffff;
  margin-top: max(1.548rem, 1.1904761905vw);
  font-size: max(1.548rem, 1.1904761905vw);
  font-family: "Roboto";
  font-weight: 750;
  line-height: 1.3;
}
footer .footer_info {
  margin-top: max(2.44rem, 2.6455026455vw);
  font-size: max(1.176rem, 0.7936507937vw);
  display: flex;
  flex-direction: column;
  gap: max(1.568rem, 1.0582010582vw);
}
footer .footer_info .footer_links {
  padding-block: max(3.904rem, 4.2328042328vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: max(4.704rem, 3.1746031746vw);
  flex-wrap: wrap;
  flex-direction: column;
  border-top: max(0.1rem, 0.0661375661vw) solid #ffffff;
}
@media (min-width: 768px) {
  footer .footer_info .footer_links {
    flex-direction: row;
    padding-top: 0;
    padding-bottom: max(1.568rem, 1.0582010582vw);
    border-top: 0;
    border-bottom: max(0.1rem, 0.0661375661vw) solid #ffffff;
  }
}
footer .footer_info .footer_navi ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: max(4.704rem, 3.1746031746vw);
  flex-direction: column;
}
@media (min-width: 768px) {
  footer .footer_info .footer_navi ul {
    flex-direction: row;
  }
}
footer .footer_info .footer_sns ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: max(1.568rem, 1.0582010582vw);
}
footer .footer_info .footer_sns ul li:hover {
  filter: brightness(200%) saturate(130%) contrast(90%);
}
footer .footer_info a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #ffffff;
  letter-spacing: -0.02em;
}
footer .footer_info .contactlink a::after {
  display: block;
  width: max(1.568rem, 1.0582010582vw);
  height: max(1.568rem, 1.0582010582vw);
  margin-left: max(0.392rem, 0.2645502646vw);
  content: "";
  background: url(../img/icons/icon-contactlink.svg);
  background-size: cover;
}
footer .footer_info .blanklink a::after {
  display: block;
  width: max(1.568rem, 1.0582010582vw);
  height: max(1.568rem, 1.0582010582vw);
  margin-left: max(0.392rem, 0.2645502646vw);
  padding-bottom: max(0.196rem, 0.1322751323vw);
  content: "";
  background: url(../img/icons/icon-blanklink.svg);
  background-size: cover;
}
footer .footer_info small {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: max(0.98rem, 0.6613756614vw);
}

header {
  position: fixed;
  z-index: 7002;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  top: 0;
  width: 100%;
  background: #1D2088;
  color: #ffffff;
  height: max(5.676rem, 4.3650793651vw);
  transition: all 0.3s ease-in-out;
}
header.frontpage {
  background: transparent;
}
header .headerLogolink {
  z-index: 7005;
  margin-left: max(1.464rem, 1.5873015873vw);
  height: max(4.3rem, 3.3068783069vw);
  width: max(13.072rem, 10.0529100529vw);
}
header .headerLogowrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
header .headerLogowrap img {
  width: 100%;
  height: auto;
}

.headermenuwrap {
  display: flex;
  justify-content: flex-end;
  color: #ffffff;
  overflow: hidden;
  width: 100%;
}

.menuMask {
  position: fixed;
  z-index: 7003;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1D2088;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.menuMask.activeNavi {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media (min-width: 850px) {
  .menuMask {
    display: none;
  }
}

.menuButton {
  position: fixed;
  z-index: 7005;
  top: max(0.688rem, 0.5291005291vw);
  right: max(0.8rem, 0.5291005291vw);
  width: max(4.508rem, 3.0423280423vw);
  height: max(4.508rem, 3.0423280423vw);
  background: transparent;
  border: max(0.098rem, 0.0661375661vw) solid #ffffff;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.menuButton .rectangles {
  height: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-block: max(0.882rem, 0.5952380952vw);
}
.menuButton .rectangles div {
  width: max(3.136rem, 2.1164021164vw);
  height: max(0.294rem, 0.1984126984vw);
  background: #ffffff;
  transition: all 0.3s ease-in-out;
}
.menuButton.activeNavi .rectangles {
  padding-block: max(0.98rem, 0.6613756614vw);
  padding-right: max(1.176rem, 0.7936507937vw);
}
.menuButton.activeNavi .rectangles div:nth-of-type(1) {
  transform-origin: top right;
  transform: rotate(315deg);
}
.menuButton.activeNavi .rectangles div:nth-of-type(2) {
  transform: rotateY(90deg);
}
.menuButton.activeNavi .rectangles div:nth-of-type(3) {
  transform-origin: bottom right;
  transform: rotate(-315deg);
}
@media (min-width: 850px) {
  .menuButton {
    display: none;
  }
}

.headermenu {
  margin: auto;
  height: 80vh;
  overflow-y: auto;
  overscroll-behavior: none;
  scrollbar-width: none;
  transition: all 0.3s ease-in-out;
  position: fixed;
  z-index: 7004;
  top: max(5.676rem, 4.3650793651vw);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding-block: max(6.344rem, 6.8783068783vw);
  padding-inline: max(2.92rem, 2.6455026455vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: max(6.344rem, 6.8783068783vw);
}
.headermenu.activeNavi {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  height: 90%;
}
@media (min-width: 850px) {
  .headermenu {
    position: static;
    transform: translateX(0);
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: flex-end;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    padding-block: 0;
  }
}
.headermenu .menuLogo img {
  width: max(10.4rem, 6.8783068783vw);
  height: auto;
  object-fit: scale-down;
}
.headermenu .navi ul {
  width: max(25.48rem, 17.1957671958vw);
  max-height: calc(100svh - 132px);
}
@media (min-width: 850px) {
  .headermenu .navi ul {
    width: 100%;
    display: flex;
    gap: max(3.92rem, 2.6455026455vw);
  }
}
.headermenu .navi ul li {
  width: 100%;
  border-bottom: 1px solid #ffffff;
  padding-block: max(2.352rem, 1.5873015873vw);
  text-align: center;
  font-size: max(1.8rem, 1.1904761905vw);
  font-weight: 700;
}
.headermenu .navi ul li:first-of-type {
  border-top: 1px solid #ffffff;
}
@media (min-width: 850px) {
  .headermenu .navi ul li:first-of-type {
    border: 0;
  }
}
@media (min-width: 850px) {
  .headermenu .navi ul li {
    width: auto;
    border: 0;
  }
}
.headermenu .navi ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: max(0.392rem, 0.2645502646vw);
  transition: all 0.3s ease-in-out;
}
.headermenu .navi ul li a .en {
  font-size: max(2.744rem, 1.8518518519vw);
  font-family: "Roboto";
  line-height: 1;
}
.headermenu .navi ul li a .en:hover {
  color: #00a2e8;
}
@media (min-width: 850px) {
  .headermenu .navi ul li a .en {
    display: none;
  }
}
.headermenu .navi ul li a .jp {
  font-size: max(1.314rem, 1.1904761905vw);
}
@media (min-width: 850px) {
  .headermenu .navi ul li a .jp {
    font-size: max(1.168rem, 1.0582010582vw);
    font-weight: 600;
  }
}
@media (min-width: 850px) {
  .headermenu .navi ul li a::after {
    content: "";
    display: block;
    width: 0;
    height: max(0.196rem, 0.1322751323vw);
    background: #FFF100;
    transition: all 0.3s ease-in-out;
  }
  .headermenu .navi ul li a:hover::after {
    width: 100%;
  }
}
.headermenu .navi ul li.current-menu-item a::after {
  width: 100%;
}
.headermenu .navi.ct-details li.ct-details a::after {
  width: 100%;
}
.headermenu .navi.ct-interviews li.ct-interviews a::after {
  width: 100%;
}
.headermenu .navi.ct-news li.ct-news a::after {
  width: 100%;
}
.headermenu .navilistContact {
  width: fit-content;
}

.page-contact form.snow-monkey-form,
.page-newgraduates-entry-form form.snow-monkey-form,
.page-mid-career-entry-form form.snow-monkey-form {
  max-width: max(77.322rem, 52.1825396825vw);
  margin-inline: auto;
}
.page-contact form.snow-monkey-form .smf-form .smf-item,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item {
  min-height: max(4.9rem, 3.3068783069vw);
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: max(0.584rem, 0.5291005291vw) max(1.168rem, 1.0582010582vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item:nth-of-type(n+2),
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item:nth-of-type(n+2),
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item:nth-of-type(n+2) {
  margin-top: max(2.744rem, 1.8518518519vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__col--label,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--label,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--label {
  display: flex;
  align-items: center;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label__text,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label__text,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label__text {
  display: flex;
  align-items: center;
  gap: max(0.344rem, 0.2645502646vw);
  color: #1D2088;
  font-size: max(1.376rem, 1.0582010582vw);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__col--label .required,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--label .required,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--label .required {
  padding: 2px 4px;
  font-size: max(1.032rem, 0.7936507937vw);
  font-weight: 700;
  line-height: 1;
  border-radius: 4px;
  color: #ffffff;
  background: #62C5FA;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__col--controls,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--controls,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__col--controls {
  flex-grow: 1;
  border-radius: max(0.784rem, 0.5291005291vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input,
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea {
  padding-right: 0.5em;
  padding-left: 0.5em;
  width: 100%;
  display: inline-block;
  caret-color: #1D2088;
  border-radius: max(0.784rem, 0.5291005291vw);
  border: solid max(0.196rem, 0.1322751323vw) #878ADC;
  overflow: hidden;
  background: #ffffff;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input {
  height: max(4.9rem, 3.3068783069vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea {
  height: max(21.9rem, 19.8412698413vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls select,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls select,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls select {
  width: 100%;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=radio],
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=radio],
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=radio] {
  flex-shrink: 0;
  width: max(1.96rem, 1.3227513228vw);
  height: max(1.96rem, 1.3227513228vw);
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
  border: max(0.294rem, 0.1984126984vw) solid #ffffff;
  outline: max(0.098rem, 0.0661375661vw) solid #1D2088;
  position: relative;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=radio]:checked,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=radio]:checked,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=radio]:checked {
  border: max(0.294rem, 0.1984126984vw) solid #1D2088;
  background: #FFF100;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-buttons-control__control,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-buttons-control__control,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-buttons-control__control {
  display: flex;
  flex-direction: row;
  gap: max(1.806rem, 1.3888888889vw);
  padding-left: 2px;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-button-control,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-button-control,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-button-control {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: max(0.688rem, 0.5291005291vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-button-control__label,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-button-control__label,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-radio-button-control__label {
  display: block;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox],
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox],
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox] {
  display: inline-block;
  height: max(2.021rem, 1.5542328042vw);
  width: max(2.021rem, 1.5542328042vw);
  aspect-ratio: 1/1;
  border: max(0.196rem, 0.1322751323vw) solid #878ADC;
  border-radius: max(0.344rem, 0.2645502646vw);
  transition: all 0.3s ease-in-out;
  position: relative;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked {
  background: #FFF100;
  border: max(0.196rem, 0.1322751323vw) solid #1D2088;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked::before,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked::before,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked::before {
  display: none;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked::after,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked::after,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  bottom: max(0.43rem, 0.3306878307vw);
  left: max(0.516rem, 0.3968253968vw);
  height: max(1.204rem, 0.9259259259vw);
  width: max(0.688rem, 0.5291005291vw);
  transform: rotate(45deg);
  border-bottom: max(0.258rem, 0.1984126984vw) solid #1D2088;
  border-right: max(0.258rem, 0.1984126984vw) solid #1D2088;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input::placeholder,
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea::placeholder,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input::placeholder,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea::placeholder,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input::placeholder,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea::placeholder {
  color: #A5A4A4;
  letter-spacing: -0.02em;
  font-size: max(1.376rem, 1.0582010582vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls input:focus,
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea:focus,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input:focus,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea:focus,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls input:focus,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls textarea:focus {
  border: solid max(0.196rem, 0.1322751323vw) #FFF100;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-select-control,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-select-control,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-select-control {
  width: 100%;
  background: #fff;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-select-control__toggle,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-select-control__toggle,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-select-control__toggle {
  display: none;
}
.page-contact form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-checkbox-control,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-checkbox-control,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item .smf-item__controls .smf-checkbox-control {
  align-items: center;
}
.page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy {
  text-align: center;
  color: #000000;
  font-weight: 400;
  font-size: max(1.376rem, 1.0582010582vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy p br,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy p br,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy p br {
  display: block;
}
@media (min-width: 540px) {
  .page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy p br,
  .page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy p br,
  .page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy p br {
    display: none;
  }
}
.page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy a,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy a,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy a {
  color: #1A0DAB;
  text-decoration: underline;
}
.page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy a:hover,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy a:hover,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy a:hover {
  opacity: 0.7;
}
.page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder {
  margin-top: max(0.392rem, 0.2645502646vw);
  font-weight: 800;
  line-height: 1.8;
}
.page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder .smf-checkbox-control,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder .smf-checkbox-control,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder .smf-checkbox-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: max(0.392rem, 0.2645502646vw);
}
.page-contact form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder .smf-checkbox-control__label,
.page-newgraduates-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder .smf-checkbox-control__label,
.page-mid-career-entry-form form.snow-monkey-form .smf-form .smf-item.smf-privacypolicy .smf-placeholder .smf-checkbox-control__label {
  font-weight: 800;
  color: #1D2088;
}
.page-contact .formNotes,
.page-newgraduates-entry-form .formNotes,
.page-mid-career-entry-form .formNotes {
  color: #202229;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: -0.02em;
  text-align: center;
}
.page-contact form[data-screen=input] .formNotes .confirmmsg,
.page-contact form[data-screen=invalid] .formNotes .confirmmsg,
.page-contact form[data-screen=back] .formNotes .confirmmsg,
.page-newgraduates-entry-form form[data-screen=input] .formNotes .confirmmsg,
.page-newgraduates-entry-form form[data-screen=invalid] .formNotes .confirmmsg,
.page-newgraduates-entry-form form[data-screen=back] .formNotes .confirmmsg,
.page-mid-career-entry-form form[data-screen=input] .formNotes .confirmmsg,
.page-mid-career-entry-form form[data-screen=invalid] .formNotes .confirmmsg,
.page-mid-career-entry-form form[data-screen=back] .formNotes .confirmmsg {
  display: none;
}
.page-contact form[data-screen=confirm] .smf-form .smf-item.smf-privacypolicy,
.page-newgraduates-entry-form form[data-screen=confirm] .smf-form .smf-item.smf-privacypolicy,
.page-mid-career-entry-form form[data-screen=confirm] .smf-form .smf-item.smf-privacypolicy {
  display: none;
  height: 0;
  overflow: hidden;
}
.page-contact form[data-screen=confirm] .formNotes .inputmsg,
.page-newgraduates-entry-form form[data-screen=confirm] .formNotes .inputmsg,
.page-mid-career-entry-form form[data-screen=confirm] .formNotes .inputmsg {
  display: none;
}
.page-contact form[data-screen=confirm] .smf-item__controls,
.page-newgraduates-entry-form form[data-screen=confirm] .smf-item__controls,
.page-mid-career-entry-form form[data-screen=confirm] .smf-item__controls {
  height: 100%;
  display: flex;
  align-items: center;
}
.page-contact form[data-screen=confirm] .smf-placeholder,
.page-newgraduates-entry-form form[data-screen=confirm] .smf-placeholder,
.page-mid-career-entry-form form[data-screen=confirm] .smf-placeholder {
  font-size: max(1.548rem, 1.1904761905vw);
  background: #ffffff;
  width: 100%;
  height: 100%;
  padding: max(1.032rem, 0.7936507937vw);
  border-radius: max(0.688rem, 0.5291005291vw);
  min-height: max(3.87rem, 2.9761904762vw);
}
.page-contact form[data-screen=complete] .smf-action,
.page-newgraduates-entry-form form[data-screen=complete] .smf-action,
.page-mid-career-entry-form form[data-screen=complete] .smf-action {
  margin-top: 0;
}
.page-contact form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) input,
.page-contact form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) textarea,
.page-newgraduates-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) input,
.page-newgraduates-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) textarea,
.page-mid-career-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) input,
.page-mid-career-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) textarea {
  border: solid 2px #EFF5FD;
}
.page-contact form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) input:focus,
.page-contact form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) textarea:focus,
.page-newgraduates-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) input:focus,
.page-newgraduates-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) textarea:focus,
.page-mid-career-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) input:focus,
.page-mid-career-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) textarea:focus {
  border: solid 2px #FFF100;
  caret-color: #FFF100;
}
.page-contact form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) .smf-error-messages,
.page-newgraduates-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) .smf-error-messages,
.page-mid-career-entry-form form[data-screen=invalid] .smf-item__col--controls .smf-placeholder:has(.smf-error-messages) .smf-error-messages {
  margin-top: max(0.688rem, 0.5291005291vw);
  line-height: 1;
  font-weight: 700;
  color: #D5272F;
}
.page-contact .snow-monkey-form .smf-action,
.page-newgraduates-entry-form .snow-monkey-form .smf-action,
.page-mid-career-entry-form .snow-monkey-form .smf-action {
  margin-top: max(2.352rem, 1.5873015873vw);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: max(2.928rem, 3.1746031746vw);
}
@media (min-width: 540px) {
  .page-contact .snow-monkey-form .smf-action,
  .page-newgraduates-entry-form .snow-monkey-form .smf-action,
  .page-mid-career-entry-form .snow-monkey-form .smf-action {
    flex-direction: row;
  }
}
.page-contact .snow-monkey-form .smf-action button,
.page-newgraduates-entry-form .snow-monkey-form .smf-action button,
.page-mid-career-entry-form .snow-monkey-form .smf-action button {
  min-width: max(15.738rem, 17.0634920635vw);
  padding: max(0.976rem, 1.0582010582vw) max(2.928rem, 3.1746031746vw);
  border-radius: max(0.244rem, 0.2645502646vw);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
}
.page-contact .snow-monkey-form .smf-action button[data-action=confirm],
.page-newgraduates-entry-form .snow-monkey-form .smf-action button[data-action=confirm],
.page-mid-career-entry-form .snow-monkey-form .smf-action button[data-action=confirm] {
  pointer-events: none;
  background: #ECECEC;
  color: #ffffff;
  border: max(0.3rem, 0.1984126984vw) solid #ECECEC;
}
.page-contact .snow-monkey-form .smf-action button[data-action=back],
.page-newgraduates-entry-form .snow-monkey-form .smf-action button[data-action=back],
.page-mid-career-entry-form .snow-monkey-form .smf-action button[data-action=back] {
  color: #686767;
  background: #ffffff;
  border: max(0.3rem, 0.1984126984vw) solid #ECECEC;
}
.page-contact .snow-monkey-form .smf-action button[data-action=back]:hover,
.page-newgraduates-entry-form .snow-monkey-form .smf-action button[data-action=back]:hover,
.page-mid-career-entry-form .snow-monkey-form .smf-action button[data-action=back]:hover {
  color: #ffffff;
  background: #A5A4A4;
  border: max(0.3rem, 0.1984126984vw) solid #A5A4A4;
}
.page-contact .snow-monkey-form .smf-action button[data-action=complete],
.page-newgraduates-entry-form .snow-monkey-form .smf-action button[data-action=complete],
.page-mid-career-entry-form .snow-monkey-form .smf-action button[data-action=complete] {
  color: #1D2088;
  border-radius: max(0.392rem, 0.2645502646vw);
  border: max(0.3rem, 0.1984126984vw) solid #1D2088;
  background: #ffffff;
  pointer-events: auto;
}
.page-contact .snow-monkey-form .smf-action button[data-action=complete]:hover,
.page-newgraduates-entry-form .snow-monkey-form .smf-action button[data-action=complete]:hover,
.page-mid-career-entry-form .snow-monkey-form .smf-action button[data-action=complete]:hover {
  background: #1D2088;
  color: #ffffff;
  border: max(0.3rem, 0.1984126984vw) solid #1D2088;
}
.page-contact .snow-monkey-form:has(input[name="check-privacypolicy[]"]:checked) .smf-action button[data-action=confirm],
.page-newgraduates-entry-form .snow-monkey-form:has(input[name="check-privacypolicy[]"]:checked) .smf-action button[data-action=confirm],
.page-mid-career-entry-form .snow-monkey-form:has(input[name="check-privacypolicy[]"]:checked) .smf-action button[data-action=confirm] {
  color: #1D2088;
  border-radius: max(0.392rem, 0.2645502646vw);
  border: max(0.3rem, 0.1984126984vw) solid #1D2088;
  background: #ffffff;
  pointer-events: auto;
}
.page-contact .snow-monkey-form:has(input[name="check-privacypolicy[]"]:checked) .smf-action button[data-action=confirm]:hover,
.page-newgraduates-entry-form .snow-monkey-form:has(input[name="check-privacypolicy[]"]:checked) .smf-action button[data-action=confirm]:hover,
.page-mid-career-entry-form .snow-monkey-form:has(input[name="check-privacypolicy[]"]:checked) .smf-action button[data-action=confirm]:hover {
  background: #1D2088;
  color: #ffffff;
  border: max(0.3rem, 0.1984126984vw) solid #1D2088;
}
.page-contact .smf-complete-content,
.page-newgraduates-entry-form .smf-complete-content,
.page-mid-career-entry-form .smf-complete-content {
  color: #202229;
}
.page-contact .smf-complete-content h2,
.page-newgraduates-entry-form .smf-complete-content h2,
.page-mid-career-entry-form .smf-complete-content h2 {
  font-family: "Noto Sans JP";
  color: #1D2088;
  text-align: center;
  font-size: max(2.562rem, 2.7777777778vw);
  line-height: 1.4;
  font-weight: 600;
}
.page-contact .smf-complete-content p,
.page-newgraduates-entry-form .smf-complete-content p,
.page-mid-career-entry-form .smf-complete-content p {
  margin-top: max(3.066rem, 2.7777777778vw);
  font-size: max(1.533rem, 1.3888888889vw);
  text-align: center;
  line-height: 1.8;
}
.page-contact .smf-complete-content .back-white,
.page-newgraduates-entry-form .smf-complete-content .back-white,
.page-mid-career-entry-form .smf-complete-content .back-white {
  margin-top: max(3.066rem, 2.7777777778vw);
  padding: max(3.904rem, 4.2328042328vw);
  background: #ffffff;
}
.page-contact .smf-complete-content .back-white h3,
.page-newgraduates-entry-form .smf-complete-content .back-white h3,
.page-mid-career-entry-form .smf-complete-content .back-white h3 {
  color: #1D2088;
  font-size: max(1.533rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.8;
}
.page-contact .smf-complete-content .back-white p,
.page-newgraduates-entry-form .smf-complete-content .back-white p,
.page-mid-career-entry-form .smf-complete-content .back-white p {
  margin-top: max(0.688rem, 0.5291005291vw);
  font-size: max(1.548rem, 1.1904761905vw);
  line-height: 1.8;
  text-align: justify;
}
.page-contact .smf-complete-content .back-white p > span,
.page-newgraduates-entry-form .smf-complete-content .back-white p > span,
.page-mid-career-entry-form .smf-complete-content .back-white p > span {
  font-weight: 700;
  text-decoration: underline;
}
.page-contact .smf-complete-content .back-white p + p,
.page-newgraduates-entry-form .smf-complete-content .back-white p + p,
.page-mid-career-entry-form .smf-complete-content .back-white p + p {
  margin-top: max(2.336rem, 2.1164021164vw);
}

.page-privacy-policy h2 {
  color: #1D2088;
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 800;
  line-height: 1.2;
  padding-bottom: max(0.688rem, 0.5291005291vw);
  border-bottom: 1px solid #1D2088;
  margin-bottom: max(0.976rem, 1.0582010582vw);
  letter-spacing: -0.02em;
}
.page-privacy-policy h3 {
  color: #1D2088;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 700;
  line-height: 1.2;
}
.page-privacy-policy .privacy-policy_container {
  font-weight: 500;
}
.page-privacy-policy .privacy-policy_container + div {
  margin-top: max(2.44rem, 2.6455026455vw);
}
.page-privacy-policy .privacy-policy_container p {
  margin-top: max(0.488rem, 0.5291005291vw);
  font-size: max(1.568rem, 1.0582010582vw);
}
.page-privacy-policy .privacy-policy_container .privacy-policy_Wrap p {
  color: #202229;
  margin-top: max(0.488rem, 0.5291005291vw);
  font-size: max(1.568rem, 1.0582010582vw);
  font-weight: 420;
}
.page-privacy-policy .privacy-policy_container .privacy-policy_subcontainer {
  margin-top: max(2.44rem, 2.6455026455vw);
}
.page-privacy-policy .privacy-policy_container .privacy-policy_subcontainer + div {
  margin-top: max(2.44rem, 2.6455026455vw);
}
.page-privacy-policy .privacy-policy_container .privacy-policy_subcontainer p {
  color: #202229;
  margin-top: max(0.488rem, 0.5291005291vw);
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 420;
}
.page-privacy-policy .privacy-policy_container .privacy-policy_subcontainer ul {
  margin-top: max(0.488rem, 0.5291005291vw);
}
.page-privacy-policy .privacy-policy_container .privacy-policy_subcontainer ul li {
  display: flex;
  align-items: baseline;
  font-size: max(1.568rem, 1.0582010582vw);
  font-weight: 420;
}
.page-privacy-policy .privacy-policy_container .privacy-policy_subcontainer ul li span {
  white-space: nowrap;
  flex-shrink: 0;
}
.page-privacy-policy .privacy-policy_container .privacy-policy_subcontainer ul li + li {
  margin-top: max(1.176rem, 0.7936507937vw);
}
.page-privacy-policy .privacy-policy_enactment {
  color: #1D2088;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 500;
  line-height: 1.8;
}

.jousaikun {
  width: max(15.778rem, 10.6481481481vw);
  height: max(19.11rem, 12.8968253968vw);
  margin: auto;
}

/* wordpress single-post markup setting */
.docment h5,
.interview_content h5 {
  font-weight: bold;
  color: #1D2088;
}
.docment h6,
.interview_content h6 {
  color: #1D2088;
}
.docment em,
.docment strong,
.interview_content em,
.interview_content strong {
  font-weight: bold;
}
.docment blockquote,
.interview_content blockquote {
  padding-left: 1em;
  border-left: 1px solid #ECECEC;
  margin: 1em;
}
.docment cite,
.interview_content cite {
  display: block;
  width: fit-content;
  margin: 0 0 0 auto;
  font-style: italic;
}
.docment code,
.interview_content code {
  display: inline-block;
  padding: 0 0.25em;
  color: #686767;
  background-color: #ECECEC;
  border-radius: 3px;
  border: solid 1px #A5A4A4;
}
.docment pre,
.interview_content pre {
  margin-block: 1em;
  padding: 0.5em;
  width: 100%;
  overflow-x: scroll;
  border: 1px solid #ECECEC;
}
.docment address,
.interview_content address {
  padding-block: 1em;
}
.docment table,
.interview_content table {
  width: 100%;
  border: 1px solid #ECECEC;
  text-align: left;
}
.docment table thead td, .docment table thead th,
.interview_content table thead td,
.interview_content table thead th {
  border-bottom: 1px solid #ECECEC;
}
.docment table th,
.interview_content table th {
  font-weight: bold;
  padding: 0.25em;
  white-space: nowrap;
}
.docment table td,
.interview_content table td {
  padding: 0.25em;
}
.docment dt,
.interview_content dt {
  font-weight: bold;
  margin-top: 1em;
}
.docment dd,
.interview_content dd {
  margin-bottom: 1em;
}
.docment ul,
.interview_content ul {
  list-style: none;
}
.docment ul li,
.interview_content ul li {
  margin-bottom: 0.5em;
}
.docment ul ul, .docment ul ol,
.interview_content ul ul,
.interview_content ul ol {
  padding-left: 1em;
}
.docment ol,
.interview_content ol {
  list-style: decimal;
}
.docment ol li,
.interview_content ol li {
  margin-bottom: 0.25em;
}
.docment ol ul, .docment ol ol,
.interview_content ol ul,
.interview_content ol ol {
  padding-left: 1em;
}

.loading {
  position: fixed;
  z-index: 8000;
  width: 100%;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  background: #ffffff;
}

.loading.active {
  height: 100dvh;
  background: #ffffff;
  opacity: 1;
}

.loading.loaded {
  animation: disAppear 0.1s forwards;
}

.craneWrap {
  width: max(35.38rem, 38.3597883598vw);
  height: 100dvh;
  position: relative;
}
.craneWrap img {
  width: 100%;
  height: auto;
  position: absolute;
}
.craneWrap .loading_logo {
  height: max(14.152rem, 15.3439153439vw);
  inset: 0;
  margin: auto;
  opacity: 0;
  animation: fadein 0.5s linear 2.1s forwards;
}
.craneWrap .loading_wire {
  width: max(35.38rem, 38.3597883598vw);
  height: 50vh;
  top: 0;
  background: url(../img/logo/openingWire.svg) repeat-y;
  background-size: max(35.38rem, 38.3597883598vw) max(51.85rem, 56.2169312169vw);
  opacity: 0;
}
.craneWrap .loading_crane {
  opacity: 0;
}

.active .loading_wire {
  animation: fadein 0.1s linear forwards, fadeout 0.5s linear 2.1s forwards;
}
.active .loading_crane {
  animation: fadein 0.1s linear forwards, crane 1.5s linear 0.1s forwards, fadeout 0.5s linear 2.1s forwards;
}

.loaded .loading_logo {
  opacity: 0;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes crane {
  0% {
    bottom: calc(max(14.152rem, 15.3439153439vw) * -1);
  }
  100% {
    bottom: calc(50dvh - max(7.076rem, 7.671957672vw));
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes disAppear {
  0% {
    opacity: 1;
    height: 100dvh;
  }
  99% {
    opacity: 0;
    height: 100dvh;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
.messageWrap {
  padding-block: max(6.344rem, 6.8783068783vw);
}
.messageWrap .messageheading {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.messageWrap .messageheading .messageheading_img {
  width: max(30.012rem, 32.5396825397vw);
  height: max(12.871rem, 13.955026455vw);
  line-height: 1;
}
.messageWrap .messageheading .messageheading_jp {
  color: #1D2088;
  font-size: max(2.752rem, 2.1164021164vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.3em;
  position: absolute;
}
.messageWrap .message {
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .messageWrap .message {
    width: 53.9021164021vw;
  }
}
.messageWrap .message .text {
  margin-top: max(3.904rem, 4.2328042328vw);
  color: #1D2088;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  gap: max(2.752rem, 2.1164021164vw);
}
.messageWrap .message .text h2 {
  color: #1D2088;
  font-family: "Noto Sans JP";
  font-size: max(3.066rem, 2.7777777778vw);
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  margin-bottom: max(0.488rem, 0.5291005291vw);
  letter-spacing: -0.02em;
}
.messageWrap .message .text h2 br {
  display: block;
}
@media (min-width: 1024px) {
  .messageWrap .message .text h2 br {
    display: none;
  }
}
.messageWrap .message .text p {
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.02em;
}
@media (min-width: 540px) {
  .messageWrap .message .text p {
    line-height: 2;
  }
}
.messageWrap .message .author {
  margin-top: max(2.44rem, 2.6455026455vw);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: max(1.548rem, 1.1904761905vw);
  color: #1D2088;
  font-weight: 500;
  line-height: 1;
}
.messageWrap .message .author .author_positon {
  font-size: max(1.376rem, 1.0582010582vw);
}
.messageWrap .message .author .author_name {
  font-size: max(2.064rem, 1.5873015873vw);
  font-family: "Noto Serif JP";
  font-weight: 700;
  letter-spacing: 0.2em;
}

.meritListArea {
  padding-top: max(6.344rem, 6.8783068783vw);
}
.meritListArea .merit {
  padding: 0 max(5.12rem, 8.4656084656vw);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: max(1.533rem, 1.3888888889vw);
}
@media (min-width: 540px) {
  .meritListArea .merit {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .meritListArea .merit {
    grid-template-columns: repeat(4, 1fr);
  }
}
.meritListArea .merit li {
  border-radius: 0 0 max(0.6272rem, 0.4232804233vw) 0;
  border-right: max(0.1rem, 0.0661375661vw) solid #1D2088;
  border-bottom: max(0.1rem, 0.0661375661vw) solid #1D2088;
  overflow: hidden;
  padding-top: max(1.568rem, 1.0582010582vw);
  padding-bottom: max(1.96rem, 1.3227513228vw);
  color: #1D2088;
  letter-spacing: -0.02em;
  opacity: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: max(0.292rem, 0.2645502646vw);
  container: meritLi/inline-size;
}
.meritListArea .merit li > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.meritListArea .merit li > div:nth-of-type(3) {
  margin-top: max(0.392rem, 0.2645502646vw);
}
.meritListArea .merit li .percentWrap {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
}
.meritListArea .merit li .percentWrap span:nth-of-type(1) {
  grid-area: 1/1/3/2;
}
.meritListArea .merit li .percentWrap span:nth-of-type(2) {
  grid-area: 2/2/3/3;
}
.meritListArea .merit li .percentWrap span:nth-of-type(3) {
  grid-area: 1/2/2/3;
}
.meritListArea .merit.active li {
  animation: listitem 0.2s ease-in forwards;
}
.meritListArea .merit.active li:nth-of-type(1) {
  animation-delay: calc(1s * 0.2);
}
.meritListArea .merit.active li:nth-of-type(2) {
  animation-delay: calc(2s * 0.2);
}
.meritListArea .merit.active li:nth-of-type(3) {
  animation-delay: calc(3s * 0.2);
}
.meritListArea .merit.active li:nth-of-type(4) {
  animation-delay: calc(4s * 0.2);
}
.meritListArea .merit span {
  font-size: max(3rem, 1.9841269841vw);
  font-weight: 800;
  line-height: 1;
}
@media (min-width: 540px) {
  .meritListArea .merit span {
    font-size: max(2.19rem, 1.9841269841vw);
  }
}
.meritListArea .merit span.ll {
  font-family: "Roboto";
  font-size: max(8.4rem, 5.5555555556vw);
  font-weight: 900;
}
@media (min-width: 540px) {
  .meritListArea .merit span.ll {
    font-size: max(6.132rem, 5.5555555556vw);
  }
}
.meritListArea .merit span.l {
  font-family: "Roboto";
  font-size: max(4.8rem, 3.1746031746vw);
  font-weight: 900;
}
@media (min-width: 540px) {
  .meritListArea .merit span.l {
    font-size: max(3.504rem, 3.1746031746vw);
  }
}
.meritListArea .merit span.m {
  font-family: "Roboto";
  font-size: max(3.8rem, 2.5132275132vw);
}
@media (min-width: 540px) {
  .meritListArea .merit span.m {
    font-size: max(2.774rem, 2.5132275132vw);
  }
}
.meritListArea .merit span.s {
  font-family: "Roboto";
  font-size: max(2rem, 1.3227513228vw);
}
@media (min-width: 540px) {
  .meritListArea .merit span.s {
    font-size: max(1.46rem, 1.3227513228vw);
  }
}
.meritListArea .merit span.bottom {
  align-self: flex-end;
  padding-bottom: max(0.8395rem, 0.7605820106vw);
}
.meritListArea .merit span.border {
  font-size: max(1.6rem, 1.0582010582vw);
  font-weight: 800;
  border: 1px solid #1D2088;
  padding: max(0.392rem, 0.2645502646vw);
  margin-top: calc(-1 * max(0.784rem, 0.5291005291vw));
}
@media (min-width: 540px) {
  .meritListArea .merit span.border {
    font-size: max(1.376rem, 1.0582010582vw);
  }
}
.meritListArea .merit a {
  color: #62C5FA;
  margin-left: max(1.176rem, 0.7936507937vw);
}

@media (width < 1024px) {
  @container meritLi (260px < width) {
    div {
      padding-left: max(2.352rem, 1.5873015873vw);
    }
  }
}
.jobtype {
  padding-top: max(6.344rem, 6.8783068783vw);
  padding-bottom: max(6.344rem, 6.8783068783vw);
}
.jobtype .jobtypeheading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobtype .jobtypeheading h2 {
  color: #1D2088;
  font-size: max(2.752rem, 2.1164021164vw);
  font-weight: 700;
  line-height: 1;
}
.jobtype .jobtypeheading a {
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 800;
}
.jobtype section {
  margin-top: max(0.784rem, 0.5291005291vw);
  padding: max(2.44rem, 2.6455026455vw);
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: max(2.752rem, 2.1164021164vw);
}
@media (min-width: 768px) {
  .jobtype section {
    flex-direction: row;
  }
}
.jobtype section + section {
  margin-top: max(2.352rem, 1.5873015873vw);
}
.jobtype .careerheading {
  flex-shrink: 0;
}
.jobtype .careerheading h3 {
  width: fit-content;
  line-height: 1.05;
  font-size: max(3.721rem, 4.0343915344vw);
  font-weight: 800;
  color: transparent;
  background-clip: text;
  background-image: linear-gradient(to right, #62C5FA 10%, #1D2088 65%);
  background-size: 100% 100%;
  background-position: 100% 0%;
}
.jobtype .careerheading > div {
  margin-top: max(0.688rem, 0.5291005291vw);
  color: #202229;
  font-size: max(1.806rem, 1.3888888889vw);
  font-family: "Roboto";
  font-weight: 700;
  line-height: 1;
}
.jobtype ul {
  flex-grow: 1;
}
.jobtype li + li {
  margin-top: max(1.376rem, 1.0582010582vw);
}
.jobtype li a {
  padding: max(1.204rem, 0.9259259259vw);
  width: 100%;
  display: flex;
  align-items: center;
  gap: max(0.688rem, 0.5291005291vw);
  border-bottom: max(0.1rem, 0.0661375661vw) solid #62C5FA;
  color: #1D2088;
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.2;
  line-break: anywhere;
  transition: all 0.3s ease-in-out;
}
.jobtype li a::after {
  flex-shrink: 0;
  display: block;
  content: "";
  margin-left: auto;
  width: max(3.096rem, 2.380952381vw);
  height: max(3.096rem, 2.380952381vw);
  background: no-repeat url(../img/icons/icon-arrow-circle-right-blue.svg) center center/cover;
}
.jobtype li a:hover {
  background: #62C5FA;
}
.jobtype li a .graduate {
  padding: max(0.258rem, 0.1984126984vw) max(1.032rem, 0.7936507937vw) max(0.516rem, 0.3968253968vw) max(1.032rem, 0.7936507937vw);
  flex-shrink: 0;
  color: #1D2088;
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 600;
  line-height: 1;
  background: #ffffff;
  border-radius: max(0.392rem, 0.2645502646vw);
  border: max(0.1rem, 0.0661375661vw) solid #1D2088;
}
.jobtype .nodata {
  display: flex;
  align-items: center;
  gap: max(0.688rem, 0.5291005291vw);
  font-size: max(1.204rem, 0.9259259259vw);
  color: #A5A4A4;
  height: max(3.66rem, 3.9682539683vw);
}

.single-jobdetail {
  background: no-repeat linear-gradient(0deg, #EFF5FD 32.8%, rgba(99, 197, 250, 0.3) 100%);
  background-size: 100% max(31.85rem, 21.4947089947vw);
  background-position: left top max(5.676rem, 4.3650793651vw);
}

.single-jobdetailwrap {
  padding-block: max(6.344rem, 6.8783068783vw);
}

.jobdetailheading {
  visibility: hidden;
  height: 0;
  width: 0;
  font-size: max(1.176rem, 0.7936507937vw);
}
.jobdetailheading span {
  display: inline-block;
}

.careerTitle {
  display: flex;
  align-items: flex-end;
  gap: max(1.152rem, 1.5873015873vw);
}
.careerTitle .careerTitle-main {
  color: #1D2088;
  font-size: max(3.552rem, 4.8941798942vw);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: transparent;
  background-clip: text;
  background-image: linear-gradient(to right, #62C5FA 10%, #1D2088 65%);
  background-size: 100% 100%;
  background-position: 100% 0%;
}
.careerTitle .careerTitle-sub {
  padding: max(0.192rem, 0.2645502646vw) max(1.152rem, 1.5873015873vw) max(0.384rem, 0.5291005291vw) max(1.152rem, 1.5873015873vw);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: max(0.344rem, 0.2645502646vw);
  border: max(0.2rem, 0.1322751323vw) solid #1D2088;
  background: #ffffff;
  font-size: max(1.536rem, 2.1164021164vw);
  color: #1D2088;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.jobdetail_content {
  margin-block: max(2.44rem, 2.6455026455vw);
  padding: max(1.6rem, 2.6455026455vw) max(1.6rem, 2.6455026455vw) 0 max(1.6rem, 2.6455026455vw);
  background: #ffffff;
}
.jobdetail_content > p {
  padding-bottom: max(1.6rem, 2.6455026455vw);
}

.jobdetail {
  padding-bottom: max(1.6rem, 2.6455026455vw);
}
.jobdetail > div {
  display: grid;
  grid-template-columns: max(9.546rem, 7.3412698413vw) 1fr;
  margin-top: max(0.784rem, 0.5291005291vw);
  padding-bottom: max(1.032rem, 0.7936507937vw);
  border-bottom: max(0.1rem, 0.0661375661vw) solid #878ADC;
}
.jobdetail > div:has(dd:empty) {
  display: none;
}
.jobdetail dt {
  color: #1D2088;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: -0.02em;
}
.jobdetail dd {
  font-size: max(1.376rem, 1.0582010582vw);
  font-weight: 500;
  line-height: 1.8;
}

.jobdetail_single_eyecatch {
  padding-bottom: max(1.6rem, 2.6455026455vw);
  width: 100%;
}
.jobdetail_single_eyecatch img {
  width: auto;
  height: auto;
  object-fit: scale-down;
  max-width: 100%;
  max-height: 65svh;
  margin-inline: auto;
  margin-block: 0;
}
.jobdetail_single_eyecatch figcaption {
  width: fit-content;
  margin-inline: auto;
  margin-top: max(0.488rem, 0.5291005291vw);
  font-size: max(1.376rem, 1.0582010582vw);
  color: #1D2088;
  font-weight: 500;
}

.detail-pagenavigation {
  margin-top: max(3.904rem, 4.2328042328vw);
}

.singlebackground {
  background: no-repeat linear-gradient(0deg, #EFF5FD 32.8%, rgba(99, 197, 250, 0.3) 100%);
  background-size: 100% max(31.85rem, 21.4947089947vw);
  background-position: left top max(5.676rem, 4.3650793651vw);
}

.single-container {
  padding-block: max(6.344rem, 6.8783068783vw);
  color: #1D2088;
}

.single-wrap {
  background: #ffffff;
  padding-block: max(6.344rem, 6.8783068783vw);
  padding-inline: max(2.352rem, 1.5873015873vw);
}
@media (min-width: 540px) {
  .single-wrap {
    padding-inline: max(3.904rem, 4.2328042328vw);
  }
}
@media (min-width: 768px) {
  .single-wrap {
    padding-inline: 6.8783068783vw;
  }
}
.single-wrap .post_info {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: max(0.784rem, 0.5291005291vw);
}
.single-wrap .post_info .post_date {
  flex-shrink: 0;
  color: #1D2088;
  font-size: max(1.372rem, 0.9259259259vw);
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.single-wrap .post_info .post_category {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: max(0.784rem, 0.5291005291vw);
}
.single-wrap .post_info .post_category a {
  color: #ffffff;
  background: #62C5FA;
  width: max(8.6rem, 6.6137566138vw);
  padding: max(0.196rem, 0.1322751323vw) max(0.392rem, 0.2645502646vw);
  border-radius: max(0.392rem, 0.2645502646vw);
  font-size: max(1.204rem, 0.9259259259vw);
  text-align: center;
  line-height: 1;
}
.single-wrap .post_info .post_category a.news {
  background: #62C5FA;
}
.single-wrap .post_info .post_category a.report {
  background: #62C5FA;
}
.single-wrap .post_info .post_category a.others {
  background: #62C5FA;
}
.single-wrap .ariticle_title {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(3.577rem, 3.2407407407vw);
  font-weight: 700;
  line-height: 1.2;
}
.single-wrap figure.eyecatch {
  width: 100%;
  margin-top: max(2.44rem, 2.6455026455vw);
}
.single-wrap figure.eyecatch img {
  width: auto;
  height: auto;
  object-fit: scale-down;
  max-width: 100%;
  max-height: 65svh;
  margin-inline: auto;
  margin-block: 0;
}
.single-wrap figure.eyecatch figcaption {
  width: fit-content;
  margin-inline: auto;
  margin-top: max(0.488rem, 0.5291005291vw);
  font-size: max(1.376rem, 1.0582010582vw);
  color: #1D2088;
  font-weight: 500;
  line-height: 1.2;
}
.single-wrap img {
  display: block;
  object-fit: scale-down;
  max-height: 65svh;
  max-width: 100%;
  margin-inline: auto;
  margin-block: max(2.44rem, 2.6455026455vw);
}
.single-wrap .single-content {
  margin-top: max(2.44rem, 2.6455026455vw);
}
.single-wrap .single-content p {
  margin-top: max(0.86rem, 0.6613756614vw);
  font-size: max(1.568rem, 1.0582010582vw);
  font-weight: 400;
  line-height: 1.6;
  color: #1D2088;
}
.single-wrap .single-content h1 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(3.612rem, 2.7777777778vw);
  font-weight: 700;
  line-height: 1.3;
}
.single-wrap .single-content h2 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(2.752rem, 2.1164021164vw);
  font-weight: 700;
  line-height: 1.3;
}
.single-wrap .single-content h1 + p,
.single-wrap .single-content h2 + p {
  margin-top: max(1.032rem, 0.7936507937vw);
  font-size: max(1.806rem, 1.3888888889vw);
  line-height: 1.6;
}
.single-wrap .single-content h3 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(2.408rem, 1.8518518519vw);
  font-weight: 700;
  line-height: 1.3;
}
.single-wrap .single-content h3 + p {
  margin-top: max(0.86rem, 0.6613756614vw);
  font-size: max(1.548rem, 1.1904761905vw);
  line-height: 1.8;
}
.single-wrap .single-content h4 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(2.064rem, 1.5873015873vw);
  font-weight: 700;
  line-height: 1.3;
}
.single-wrap .single-content figure {
  width: 100%;
}
.single-wrap .single-content figure img {
  width: auto;
  height: auto;
  object-fit: scale-down;
  max-width: 100%;
  max-height: 95svh;
}
.single-wrap .single-content figure figcaption {
  width: fit-content;
  margin-inline: auto;
  margin-top: max(0.784rem, 0.5291005291vw);
  font-size: max(1.568rem, 1.0582010582vw);
  color: #EFF5FD;
  font-weight: 500;
}
.single-wrap .single-content .subText {
  font-size: max(1.372rem, 0.9259259259vw);
}
.single-wrap .single-content .small {
  font-size: max(1.176rem, 0.7936507937vw);
}
.single-wrap .single-content a {
  color: #62C5FA;
  text-decoration: underline;
}
.single-wrap .single-content a:hover {
  opacity: 0.6;
}
.single-wrap .post_tags {
  margin-top: max(2.44rem, 2.6455026455vw);
  display: flex;
  gap: max(0.976rem, 1.0582010582vw);
}
.single-wrap .post_tags > a {
  display: block;
  padding: max(0.183rem, 0.1984126984vw) max(0.976rem, 1.0582010582vw);
  border: max(0.098rem, 0.0661375661vw) solid #62C5FA;
  border-radius: max(0.488rem, 0.5291005291vw);
}

.pages {
  background: #EFF5FD;
}

.page-container {
  padding-bottom: max(6.344rem, 6.8783068783vw);
}

.modified_date {
  visibility: hidden;
}

.page_modified_date {
  visibility: hidden;
}

.error404 {
  padding-block: max(6.344rem, 6.8783068783vw);
}

.heading404 .title404 {
  text-align: center;
  font-family: "Roboto";
  color: #1D2088;
  font-size: max(3.552rem, 4.8941798942vw);
  font-weight: 700;
  line-height: 1;
}
.heading404 h1 {
  text-align: center;
  font-size: max(1.464rem, 1.5873015873vw);
  font-weight: 700;
  line-height: 1.8;
}

.page-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#canvas404 {
  margin: max(2.4rem, 1.5873015873vw) auto max(2.4rem, 1.5873015873vw) auto;
  width: max(15rem, 9.9206349206vw);
  height: max(15rem, 9.9206349206vw);
}

.content-404 {
  color: #1D2088;
  font-size: max(1.281rem, 1.3888888889vw);
  text-align: center;
  line-height: 1.8;
}

.backButtonArea {
  margin-top: max(2.074rem, 2.2486772487vw);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: max(1.152rem, 1.5873015873vw);
}
@media (min-width: 540px) {
  .backButtonArea {
    flex-direction: row;
  }
}

.archive-card {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: max(2.44rem, 2.6455026455vw);
}
@media (min-width: 540px) {
  .archive-card {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  }
}
@media (min-width: 768px) {
  .archive-card.TOPcard li:nth-of-type(n+4) {
    display: none;
  }
}
@media (min-width: 768px) {
  .archive-card {
    grid-template-columns: repeat(3, 1fr);
  }
}
.archive-card li {
  width: 100%;
  padding: max(1.464rem, 1.5873015873vw);
  background: #ffffff;
  grid-row: span 3;
  display: grid;
  grid-template-rows: subgrid;
  gap: max(0.688rem, 0.5291005291vw);
}
.archive-card li > a {
  grid-row: span 3;
  display: grid;
  grid-template-rows: subgrid;
}

.card {
  width: 100%;
  max-width: max(49rem, 33.0687830688vw);
  grid-row: span 4;
  display: grid;
  grid-template-rows: subgrid;
}
.card:hover {
  opacity: 0.7;
}

.card-header {
  align-self: self-end;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
}
.card-header .date {
  color: #1D2088;
  font-size: max(1.204rem, 0.9259259259vw);
  font-weight: 400;
  line-height: 1;
  margin-right: auto;
  display: flex;
  align-items: center;
}
.card-header .category {
  color: #ffffff;
  background: #62C5FA;
  min-width: max(8.6rem, 6.6137566138vw);
  padding: max(0.294rem, 0.1984126984vw) max(0.392rem, 0.2645502646vw) max(0.392rem, 0.2645502646vw) max(0.392rem, 0.2645502646vw);
  border-radius: max(0.392rem, 0.2645502646vw);
  font-size: max(1.204rem, 0.9259259259vw);
  text-align: center;
  line-height: 1;
}

.card-eyecatch {
  width: 100%;
  max-width: 600px;
  height: max(19.6rem, 13.2275132275vw);
  align-self: center;
}
@media (min-width: 540px) {
  .card-eyecatch {
    height: auto;
    aspect-ratio: 43/25;
  }
}

.card-title .articletitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  width: 100%;
  height: 2.6em;
  overflow: hidden;
  color: #1D2088;
  font-size: max(2.058rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  hyphens: auto;
}

::-webkit-full-page-media, :future, :root .card-title .articletitle {
  text-align: left;
}

.card-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  height: 100%;
  overflow: hidden;
  font-size: max(1.568rem, 1.0582010582vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.archivelist {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: max(1.376rem, 1.0582010582vw);
  padding-bottom: max(3.92rem, 2.6455026455vw);
}
@media (min-width: 540px) {
  .archivelist {
    padding-bottom: 4.2328042328vw;
  }
}
.archivelist p {
  margin-bottom: max(0.688rem, 0.5291005291vw);
  color: #ffffff;
}
.archivelist .archivelist-category {
  max-height: max(7.84rem, 5.291005291vw);
  overflow: auto;
}
.archivelist .archivelist-category .archivelist-categorylist {
  display: grid;
  gap: max(0.784rem, 0.5291005291vw);
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 540px) {
  .archivelist .archivelist-category .archivelist-categorylist {
    grid-template-columns: repeat(3, minmax(127px, 10.582010582vw));
  }
}
.archivelist .archivelist-category .archivelist-categorylist li {
  border-radius: max(0.588rem, 0.3968253968vw);
  overflow: hidden;
}
.archivelist .archivelist-category .archivelist-categorylist a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: max(4.644rem, 3.5714285714vw);
  padding: max(1.376rem, 1.0582010582vw);
  font-size: max(1.376rem, 1.0582010582vw);
  border-radius: max(0.588rem, 0.3968253968vw);
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
  background: #A5A4A4;
}
.archivelist .archivelist-category .archivelist-categorylist a:hover {
  opacity: 0.7;
}
.archivelist .archivelist-category .archivelist-categorylist .cat-item a:hover {
  opacity: 0.7;
}
.archivelist .archivelist-category .archivelist-categorylist .category-all a {
  background: #62C5FA;
}
.archivelist .archivelist-category .archivelist-categorylist .cat-item-news a {
  background: #62C5FA;
}
.archivelist .archivelist-category .archivelist-categorylist .cat-item-report a {
  background: #62C5FA;
}
.archivelist .archivelist-category .archivelist-categorylist .cat-item-others a {
  background: #62C5FA;
}
.archivelist .archivelist-date {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  color: #1D2088;
}
@media (min-width: 540px) {
  .archivelist .archivelist-date {
    width: max(25.8rem, 19.8412698413vw);
  }
}
.archivelist .archivelist-date input[type=checkbox] {
  display: none;
}
.archivelist .archivelist-date label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: max(4.644rem, 3.5714285714vw);
  padding-left: max(0.688rem, 0.5291005291vw);
  border-bottom: max(0.3rem, 0.1984126984vw) solid #1D2088;
  border-left: max(0.3rem, 0.1984126984vw) solid #1D2088;
}
.archivelist .archivelist-date label img {
  width: max(1.204rem, 0.9259259259vw);
  height: max(3.87rem, 2.9761904762vw);
  object-fit: contain;
  transition: all 0.3s ease-in-out;
  filter: brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(2396%) hue-rotate(230deg) brightness(89%) contrast(108%);
}
.archivelist .archivelist-date .archivelist-yearlist {
  height: 0;
  width: 100%;
  overflow: hidden;
  border-bottom: max(0.3rem, 0.1984126984vw) solid #1D2088;
  border-left: max(0.3rem, 0.1984126984vw) solid #1D2088;
  background: #EFF5FD;
  position: absolute;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.archivelist .archivelist-date .archivelist-yearlist a {
  width: 100%;
  height: max(4.644rem, 3.5714285714vw);
  padding-left: max(0.688rem, 0.5291005291vw);
  display: flex;
  align-items: center;
}
.archivelist .archivelist-date .archivelist-yearlist a:hover {
  background: #FFF100;
}
.archivelist .archivelist-date label:has(input[type=checkbox]:checked) {
  border-bottom: 0;
}
.archivelist .archivelist-date label:has(input[type=checkbox]:checked) img {
  transform: rotate(180deg);
}
.archivelist .archivelist-date label:has(input[type=checkbox]:checked) + ul.archivelist-yearlist {
  height: auto;
  z-index: 1;
  opacity: 1;
}
.firstviewArea {
  height: 100dvh;
}
.firstviewArea .backgroundMovie {
  width: 100%;
  height: 100dvh;
}
.firstviewArea .backgroundMovie .videoBox {
  width: 100%;
  height: 100dvh;
  object-fit: cover;
  object-position: 50% 50%;
}
.firstviewArea .backgroundMovie source {
  width: 100%;
}
.firstviewArea .downScroll {
  position: absolute;
  bottom: 0;
  right: 8%;
  height: max(20.44rem, 18.5185185185vw);
  writing-mode: vertical-lr;
}
.firstviewArea .downScroll p {
  font-size: max(0.876rem, 0.7936507937vw);
  color: #ffffff;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
.firstviewArea .downScroll p.line {
  position: relative;
  width: max(0.292rem, 0.2645502646vw);
  display: flex;
  align-items: center;
}
.firstviewArea .downScroll p.line span {
  display: block;
  position: absolute;
  inset: 0;
  margin-block: auto;
}
.firstviewArea .downScroll p.line .white {
  width: max(0.1rem, 0.0661375661vw);
  height: 0;
  background: #ffffff;
  animation: linespan 8s 1s linear infinite;
}
.firstviewArea .downScroll p.line .yellow {
  width: max(0.292rem, 0.2645502646vw);
  height: max(2.92rem, 2.6455026455vw);
  background: #FFF100;
  animation: linedown 8s 1s linear infinite;
}

.leaderArea {
  background: linear-gradient(0deg, #000 0.32%, #1D2088 64%, #0F283F 100%);
  position: relative;
  z-index: 1;
}

.leader_crane {
  position: absolute;
  right: 0;
  z-index: -1;
  width: 130vw;
  padding-top: max(0.784rem, 0.5291005291vw);
  animation: parallaxfront2 linear;
  animation-timeline: scroll();
}
.leader_crane img {
  width: 130vw;
  margin: 0 0 0 auto;
  object-fit: contain;
  object-position: 100% top;
}
@media (min-width: 768px) {
  .leader_crane {
    position: static;
    margin: 0 0 0 auto;
    width: 81.0185185185vw;
    height: 100%;
    min-height: 1800px;
  }
  .leader_crane img {
    width: 81.0185185185vw;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .leader_crane {
    min-height: none;
    animation: none;
  }
}

.leaderText {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: max(16.32rem, 22.4867724868vw);
  padding-bottom: max(6.344rem, 6.8783068783vw);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .leaderText {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
  }
}

.leaderMessage {
  width: 100%;
  height: auto;
  padding: 0 0 0 max(5.12rem, 8.4656084656vw);
}
@media (min-width: 768px) {
  .leaderMessage {
    padding: 0 max(7.808rem, 8.4656084656vw) 0 max(14.64rem, 15.873015873vw);
  }
}
@media (min-width: 1024px) {
  .leaderMessage {
    animation: parallaxfront linear;
    animation-timeline: scroll();
  }
}
.leaderMessage .leaderMessageTitle {
  margin-bottom: max(8.395rem, 7.6058201058vw);
  font-size: max(2.688rem, 3.7037037037vw);
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  height: 2.4em;
}
@media (min-width: 540px) {
  .leaderMessage .leaderMessageTitle {
    height: 1.2em;
  }
}
.leaderMessage .leaderMessageTitle p {
  transform: translateY(100px);
}
.leaderMessage .leaderMessageTitle.active p {
  animation: leaderT 0.3s cubic-bezier(0.79, 0, 0.17, 1) forwards;
}
.leaderMessage > p {
  padding-right: max(10.858rem, 11.7724867725vw);
  margin-top: max(3.904rem, 4.2328042328vw);
  font-size: max(1.533rem, 1.3888888889vw);
  font-weight: 600;
  line-height: 1.8;
  opacity: 0;
}
.leaderMessage > p.active {
  animation: leaderM 0.3s cubic-bezier(0.79, 0, 0.17, 1) both;
}
@media (min-width: 540px) {
  .leaderMessage > p {
    line-height: 2;
  }
}

.leaderNumbers {
  margin-top: 40px;
  padding: 0 max(10.858rem, 11.7724867725vw) 0 max(5.12rem, 8.4656084656vw);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: max(1.533rem, 1.3888888889vw);
}
@media (min-width: 620px) {
  .leaderNumbers {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .leaderNumbers {
    grid-template-columns: repeat(4, 1fr);
  }
}
.leaderNumbers li {
  border-radius: 0 0 max(0.6272rem, 0.4232804233vw) 0;
  border-right: max(0.1rem, 0.0661375661vw) solid #EFF5FD;
  border-bottom: max(0.1rem, 0.0661375661vw) solid #EFF5FD;
  overflow: hidden;
  padding-bottom: max(1.96rem, 1.3227513228vw);
  letter-spacing: -0.02em;
  opacity: 0;
}
.leaderNumbers li > div:nth-of-type(3) {
  margin-top: -0.2em;
}
.leaderNumbers.active li {
  animation: listitem 0.2s ease-in forwards;
}
.leaderNumbers span {
  font-size: max(2.336rem, 2.1164021164vw);
  font-weight: 800;
  line-height: 1;
}
.leaderNumbers span.l {
  font-family: "Roboto";
  font-size: max(7.224rem, 5.5555555556vw);
  line-height: 1;
  font-weight: 900;
}
@media (min-width: 540px) {
  .leaderNumbers span.l {
    font-size: max(6.132rem, 5.5555555556vw);
  }
}
.leaderNumbers span.m {
  font-family: "Roboto";
  font-weight: 900;
  line-height: 1;
  font-size: max(4.38rem, 3.9682539683vw);
}
.leaderNumbers .leader_box {
  display: grid;
  grid-template-columns: min-content 1fr;
  font-size: max(1.376rem, 1.0582010582vw);
  column-gap: max(0.43rem, 0.3306878307vw);
}
.leaderNumbers .leader_box div {
  white-space: nowrap;
}
.leaderNumbers .leader_box > div:nth-of-type(1) {
  grid-area: 1/1/2/2;
  text-align: center;
  border: 1px solid #ffffff;
}
.leaderNumbers .leader_box > div:nth-of-type(2) {
  grid-area: 2/1/3/2;
}
.leaderNumbers .leader_box > div:nth-of-type(3) {
  grid-area: 1/2/3/3;
}
.leaderNumbers .leader_box + .leader_box {
  margin-top: max(1.168rem, 1.0582010582vw);
}
@media (min-width: 540px) {
  .leaderNumbers .leader_box + .leader_box {
    margin-top: max(0.976rem, 1.0582010582vw);
  }
}

.jobtypeAreaWrap {
  background: #EFF5FD;
  padding: max(6.076rem, 4.1005291005vw) max(2.352rem, 1.5873015873vw);
}
@media (min-width: 540px) {
  .jobtypeAreaWrap {
    padding: max(6.344rem, 6.8783068783vw) max(7.808rem, 8.4656084656vw) 0 max(7.808rem, 8.4656084656vw);
  }
}

.jobtypeArea {
  border-radius: max(2.336rem, 2.1164021164vw);
  overflow: hidden;
  background-color: #1D2088;
  position: relative;
  z-index: 1;
}
@media (min-width: 540px) {
  .jobtypeArea {
    height: max(30.5rem, 33.0687830688vw);
  }
}
.jobtypeArea .textWrap {
  padding: max(3.92rem, 2.6455026455vw) max(2.352rem, 1.5873015873vw) 0 max(2.352rem, 1.5873015873vw);
}
@media (min-width: 540px) {
  .jobtypeArea .textWrap {
    height: max(30.5rem, 33.0687830688vw);
    padding: max(3.904rem, 4.2328042328vw) max(3.904rem, 4.2328042328vw);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.jobtypeArea .background {
  background-color: #1D2088;
  mix-blend-mode: lighten;
  background-size: contain;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-top: -4px;
}
@media (min-width: 540px) {
  .jobtypeArea .background {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: max(30.5rem, 33.0687830688vw);
    width: max(57.401rem, 62.2354497354vw);
  }
}

.textWrap.active .jobtypeAreaTitleWrap {
  animation: slide 0.8s linear forwards;
}
.textWrap.active .detailsMessage {
  animation: leaderM 0.8s 0.8s ease-out forwards;
}
.textWrap.active .detailslistButton {
  animation: leaderM 0.8s 1.5s ease-out forwards;
}

.jobtypeAreaTitleWrap {
  width: 0;
  overflow: hidden;
}

.jobtypeAreaTitle {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: nowrap;
  color: #ffffff;
}
.jobtypeAreaTitle div:nth-of-type(1) {
  font-size: max(5.124rem, 5.5555555556vw);
  font-family: Roboto;
  font-weight: 700;
  line-height: 0.8;
}
.jobtypeAreaTitle div:nth-of-type(2) {
  font-size: max(1.752rem, 1.5873015873vw);
  font-weight: 700;
  line-height: 1;
}
.jobtypeAreaTitle div {
  white-space: nowrap;
  flex-shrink: 0;
}

.detailsMessage {
  margin-top: max(1.752rem, 1.5873015873vw);
  color: #ffffff;
  font-size: max(1.533rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  opacity: 0;
}
@media (min-width: 540px) {
  .detailsMessage {
    text-align: left;
  }
}

.detailslistButton {
  margin-top: max(2.352rem, 1.5873015873vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: max(1.568rem, 1.0582010582vw) max(3.066rem, 2.7777777778vw);
  opacity: 0;
}
@media (min-width: 540px) {
  .detailslistButton {
    margin: auto 0 0 0;
    flex-direction: row;
  }
}
.detailslistButton a {
  width: fit-content;
  padding: max(1.168rem, 1.0582010582vw) max(3.577rem, 3.2407407407vw);
  background: #ffffff;
}
.detailslistButton a .buttonText {
  width: fit-content;
  font-size: max(2.701rem, 2.4470899471vw);
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
  color: transparent;
  background-clip: text;
  background-image: linear-gradient(to right, #62C5FA 10%, #1D2088 65%);
}
.detailslistButton a .buttontextEn {
  color: #1D2088;
  font-size: max(1.314rem, 1.1904761905vw);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

.archiveTOPcontainer {
  padding-block: max(6.344rem, 6.8783068783vw);
  background: #EFF5FD;
}
.archiveTOPcontainer h2 {
  padding-bottom: max(1.168rem, 1.0582010582vw);
  border-bottom: max(0.196rem, 0.1322751323vw) solid #ffffff;
  margin-bottom: max(2.44rem, 2.6455026455vw);
}
.archiveTOPcontainer h2 .en {
  color: #62C5FA;
  font-family: "Roboto";
  font-size: max(2.989rem, 3.2407407407vw);
  font-weight: 700;
  line-height: 1;
}
.archiveTOPcontainer h2 .jp {
  margin-left: max(1.168rem, 1.0582010582vw);
  color: #202229;
  font-size: max(1.314rem, 1.1904761905vw);
  font-weight: 700;
  line-height: 1;
}

.link-postsarchive {
  margin-top: max(2.44rem, 2.6455026455vw);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.link-postsarchive .viewmore {
  font-family: Roboto;
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 800;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: max(1.533rem, 1.3888888889vw);
  color: #1D2088;
}
.link-postsarchive .viewmore::after {
  content: "";
  display: block;
  width: max(2.628rem, 2.380952381vw);
  height: max(2.628rem, 2.380952381vw);
  background: no-repeat url(../img/icons/icon-arrow-circle-right-blue.svg) center center/contain;
  transition: all 0.3s ease-in-out;
}
.link-postsarchive .viewmore:hover::after {
  transform: scale(1.4);
}

.sticky-label {
  color: #EFF5FD;
  font-weight: bold;
  font-size: max(1.204rem, 0.9259259259vw);
  width: max(1.376rem, 1.0582010582vw);
  height: max(1.376rem, 1.0582010582vw);
  margin-left: max(0.244rem, 0.2645502646vw);
}

.page-company {
  padding-bottom: max(6.344rem, 6.8783068783vw);
}
.page-company .titleImg img {
  object-position: 50% 45%;
}
.page-company section:nth-of-type(2) {
  margin-top: max(6.344rem, 6.8783068783vw);
}
.page-company section:nth-of-type(n+3) {
  margin-top: max(3.904rem, 4.2328042328vw);
}

.worklist {
  margin-top: max(3.612rem, 2.7777777778vw);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  gap: max(3.612rem, 2.7777777778vw);
}
@media (min-width: 880px) {
  .worklist {
    grid-template-columns: 1fr 1fr;
  }
}
.worklist li {
  grid-row: span 2;
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  background: #ffffff;
  color: #1D2088;
  opacity: 0;
}
.worklist li .content {
  padding: max(1.6rem, 2.6455026455vw);
}
.worklist li .name {
  padding-bottom: max(1.168rem, 1.0582010582vw);
  border-bottom: 1px solid #1D2088;
  letter-spacing: -0.02em;
}
.worklist li .name div:nth-of-type(1) {
  font-size: max(2.701rem, 2.4470899471vw);
  font-weight: 900;
  line-height: 1;
}
.worklist li .name div:nth-of-type(2) {
  font-family: "Roboto";
  margin-top: max(0.584rem, 0.5291005291vw);
  font-size: max(1.376rem, 1.0582010582vw);
  font-weight: 700;
  line-height: 1;
}
.worklist li .text {
  padding-top: max(1.168rem, 1.0582010582vw);
  font-size: max(1.568rem, 1.0582010582vw);
  font-weight: 500;
  line-height: 1.6;
}
.worklist li .img {
  width: 100%;
  aspect-ratio: 16/9;
}
.worklist li.active {
  animation: listitem 0.2s ease-in forwards;
}

.videoWrap {
  width: max(35rem, 66.1375661376vw);
  height: max(19.74rem, 37.3015873016vw);
  margin: max(4.116rem, 2.7777777778vw) auto 0 auto;
  opacity: 0;
}
.videoWrap.active {
  animation: up 0.2s ease-in forwards;
}
.videoWrap iframe {
  width: 100%;
  height: 100%;
}

.achievements {
  margin-top: max(2.562rem, 2.7777777778vw);
}

.achievementsSlider {
  position: relative;
}

.achievementsSlider_button {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

.swiper-button-next,
.swiper-button-prev {
  width: max(5.88rem, 3.9682539683vw);
  height: max(7.84rem, 5.291005291vw);
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 0.6;
}

.swiper-pagination {
  position: absolute;
  bottom: max(2.196rem, 2.380952381vw);
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: max(1.96rem, 1.3227513228vw);
}
.swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: max(0.8rem, 0.5291005291vw);
  height: max(0.8rem, 0.5291005291vw);
  background: #ffffff;
  border-radius: 50%;
}
.swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.6;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #FFF100;
}

.page-work {
  padding-bottom: max(6.344rem, 6.8783068783vw);
}

.work-heading {
  display: flex;
  align-items: center;
  margin-top: max(6.344rem, 6.8783068783vw);
  padding: max(0.688rem, 0.5291005291vw) max(1.376rem, 1.0582010582vw);
  background: #ffffff;
  color: #1D2088;
}
.work-heading h2 {
  font-size: max(2.752rem, 2.1164021164vw);
  font-weight: 700;
  padding-top: max(7.84rem, 5.291005291vw);
  margin-top: calc(max(7.84rem, 5.291005291vw) * -1);
  letter-spacing: -0.02em;
}
.work-heading .textButton {
  margin-left: auto;
}

.introductionList {
  margin-top: max(3.904rem, 4.2328042328vw);
}
.introductionList li {
  display: flex;
  flex-direction: column;
  gap: max(2.44rem, 2.6455026455vw);
}
@media (min-width: 880px) {
  .introductionList li:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .introductionList li:nth-of-type(odd) {
    flex-direction: row;
  }
}
.introductionList li + li {
  margin-top: max(10.248rem, 11.1111111111vw);
}
.introductionList .introduction_imgWrap {
  flex-grow: 1;
  max-width: 100%;
  height: auto;
  opacity: 0;
}
@media (min-width: 880px) {
  .introductionList .introduction_imgWrap {
    width: max(79.968rem, 53.9682539683vw);
    aspect-ratio: 10/7;
  }
}
.introductionList .introduction_imgWrap > figure {
  height: 100%;
  width: 100%;
}
.introductionList .introduction_imgWrap > figure img {
  min-height: max(23.52rem, 15.873015873vw);
}
.introductionList .introduction_imgWrap.active {
  animation: imgfadein 0.3s ease-out forwards;
}
.introductionList .introduction_textWrap {
  color: #1D2088;
}
@media (min-width: 880px) {
  .introductionList .introduction_textWrap {
    width: max(39.2rem, 26.455026455vw);
    flex-shrink: 0;
  }
}
.introductionList .introduction_textWrap .introduction_name {
  font-size: max(2.064rem, 1.5873015873vw);
  font-weight: 700;
  padding-bottom: max(0.688rem, 0.5291005291vw);
  letter-spacing: -0.02em;
}
.introductionList .introduction_textWrap .introduction_name::after {
  content: "";
  display: block;
  width: 100%;
  height: max(0.392rem, 0.2645502646vw);
  background: linear-gradient(to right, #FFF100 12.5%, #1D2088 12.5%);
}
.introductionList .introduction_textWrap .introduction_heading {
  margin-top: max(1.752rem, 1.5873015873vw);
  font-size: max(2.408rem, 1.8518518519vw);
  font-weight: 800;
  letter-spacing: -0.02em;
}
.introductionList .introduction_textWrap .introduction_text {
  margin-top: max(1.752rem, 1.5873015873vw);
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 500;
  line-height: 1.8;
}

.interviewList {
  margin-top: max(3.904rem, 4.2328042328vw);
  display: grid;
  grid-template-columns: 1fr;
  gap: max(1.464rem, 1.5873015873vw);
}
@media (min-width: 768px) {
  .interviewList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .interviewList {
    grid-template-columns: repeat(3, 1fr);
  }
}
.interviewList li,
.interviewList a {
  grid-row: span 5;
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
}
.interviewList a {
  opacity: 0;
  background: #ffffff;
}
.interviewList a.active {
  animation: imgfadein 0.3s ease-out forwards;
}
.interviewList a:hover {
  background: linear-gradient(123deg, #FFF 4.12%, #CDE 100%);
}
.interviewList .interview_eyecatch {
  aspect-ratio: 49/50;
}
.interviewList .interview_text {
  grid-row: span 4;
  display: grid;
  grid-template-rows: subgrid;
  gap: max(0.688rem, 0.5291005291vw);
  padding: max(2.064rem, 1.5873015873vw);
  position: relative;
  letter-spacing: -0.02em;
}
.interviewList .arrow {
  position: absolute;
  right: max(2.064rem, 1.5873015873vw);
  bottom: max(2.064rem, 1.5873015873vw);
  width: max(3.528rem, 2.380952381vw);
  height: max(3.528rem, 2.380952381vw);
}

.interview_text div {
  color: #1D2088;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 700;
  line-height: 1;
}
.interview_text div:nth-of-type(3) {
  font-size: max(1.806rem, 1.3888888889vw);
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: max(0.688rem, 0.5291005291vw);
}
.interview_text div:nth-of-type(4) {
  border-radius: max(0.392rem, 0.2645502646vw);
  border: max(0.2rem, 0.1322751323vw) solid #1D2088;
  padding: max(0.344rem, 0.2645502646vw) max(0.688rem, 0.5291005291vw);
  width: fit-content;
}

/*interview single*/
.page-interview {
  background: no-repeat linear-gradient(0deg, #EFF5FD 32.8%, rgba(99, 197, 250, 0.3) 100%);
  background-size: 100% max(31.85rem, 21.4947089947vw);
  background-position: left top max(5.676rem, 4.3650793651vw);
  padding-bottom: max(6.344rem, 6.8783068783vw);
}

.interview_wrap {
  margin-top: max(6.344rem, 6.8783068783vw);
  background-color: #ffffff;
  padding-block: max(6.344rem, 6.8783068783vw);
}

.interview_heading {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: max(3.612rem, 2.7777777778vw);
}
@media (min-width: 768px) {
  .interview_heading {
    flex-direction: row;
  }
}
.interview_heading .interview_headingText {
  color: #1D2088;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: max(2.752rem, 2.1164021164vw);
  letter-spacing: -0.02em;
}
.interview_heading .interview_headingText .pagename {
  padding: max(0.688rem, 0.5291005291vw) max(1.376rem, 1.0582010582vw);
  width: fit-content;
  background: #1D2088;
  color: #ffffff;
  font-size: max(1.752rem, 1.5873015873vw);
  font-weight: 700;
  line-height: 1;
}
.interview_heading .interview_headingText h1 {
  font-size: max(4.088rem, 3.7037037037vw);
  font-weight: 800;
  line-height: 1.2;
}
.interview_heading .interview_headingText .interview_text div:nth-of-type(n+2) {
  margin-top: max(0.784rem, 0.5291005291vw);
}
.interview_heading .interview_eyecatch {
  align-self: flex-start;
  width: max(30.5rem, 33.0687830688vw);
  max-width: 100%;
  height: auto;
  aspect-ratio: 50/51;
}

.interview_content {
  margin-top: max(6.344rem, 6.8783068783vw);
}
.interview_content p {
  margin-top: max(0.86rem, 0.6613756614vw);
  font-size: max(1.568rem, 1.0582010582vw);
  font-weight: 400;
  line-height: 1.6;
}
.interview_content h1 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(3.612rem, 2.7777777778vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.interview_content h2 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(2.752rem, 2.1164021164vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.interview_content h1 + p,
.interview_content h2 + p {
  margin-top: max(1.032rem, 0.7936507937vw);
  font-size: max(1.806rem, 1.3888888889vw);
  line-height: 1.6;
}
.interview_content h3 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(2.408rem, 1.8518518519vw);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.interview_content h3 + p {
  margin-top: max(0.86rem, 0.6613756614vw);
  font-size: max(1.548rem, 1.1904761905vw);
  line-height: 1.8;
}
.interview_content h4 {
  margin-top: max(2.44rem, 2.6455026455vw);
  color: #1D2088;
  font-size: max(2.064rem, 1.5873015873vw);
  font-weight: 700;
  line-height: 1.3;
}
.interview_content figure {
  margin-top: max(2.44rem, 2.6455026455vw);
  width: 100%;
  text-align: center;
}
.interview_content figure img {
  width: auto;
  height: auto;
  object-fit: scale-down;
  max-width: 100%;
  max-height: 95svh;
}
.interview_content figure figcaption {
  width: fit-content;
  margin-inline: auto;
  margin-top: max(0.784rem, 0.5291005291vw);
  font-size: max(1.568rem, 1.0582010582vw);
  color: #1D2088;
  font-weight: 500;
}
.interview_content .subText {
  font-size: max(1.372rem, 0.9259259259vw);
}
.interview_content .small {
  font-size: max(1.176rem, 0.7936507937vw);
}
.interview_content a {
  color: #1D2088;
  text-decoration: underline;
}
.interview_content a:hover {
  opacity: 0.6;
}

.page-worksystem {
  padding-bottom: max(6.344rem, 6.8783068783vw);
}
.page-worksystem .titleImg img {
  object-position: center 75%;
}

.proceedWrap {
  margin-top: max(6.344rem, 6.8783068783vw);
}

.proceed {
  background: #ffffff;
  padding: max(2.44rem, 2.6455026455vw);
  display: grid;
  grid-template-columns: auto;
  gap: max(1.568rem, 1.0582010582vw);
  opacity: 0;
}
.proceed.active {
  animation: up 0.2s ease-in forwards;
}
@media (min-width: 880px) {
  .proceed {
    grid-template-columns: 2.8fr 2fr;
    grid-template-rows: auto auto auto;
    gap: max(2.064rem, 1.5873015873vw) max(3.612rem, 2.7777777778vw);
  }
  .proceed .proceedHeading {
    grid-area: 1/1/2/3;
  }
}

.proceedHeading {
  display: grid;
  grid-template-columns: min-content 1fr;
  column-gap: max(0.976rem, 1.0582010582vw);
  color: #1D2088;
  letter-spacing: -0.007em;
}
.proceedHeading .number {
  grid-area: 1/1/3/2;
  align-self: center;
  justify-self: center;
  font-family: "Roboto";
  font-size: max(3.885rem, 7.3412698413vw);
  font-weight: 700;
  line-height: 1;
}
.proceedHeading .main {
  grid-area: 1/2/2/3;
  font-size: max(2.24rem, 4.2328042328vw);
  font-weight: 800;
  line-height: 1.2;
}
.proceedHeading .sub {
  grid-area: 2/2/3/3;
  font-size: max(1.295rem, 2.4470899471vw);
  font-weight: 800;
  line-height: 1.2;
}

.steps {
  display: grid;
  grid-template-columns: min-content min-content 1fr;
  letter-spacing: -0.02em;
}
.steps .step {
  grid-column: span 3;
  display: grid;
  grid-template-columns: subgrid;
}
.steps .period {
  padding-top: max(1.2384rem, 0.9523809524vw);
  width: max(4.818rem, 4.3650793651vw);
  color: #1D2088;
  font-size: max(1.281rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1;
  padding-right: max(0.35rem, 0.6613756614vw);
  border-right: max(0.2rem, 0.1322751323vw) solid #1D2088;
}
.steps .number {
  align-self: self-start;
  padding: max(0.4rem, 0.2645502646vw) max(0.4rem, 0.2645502646vw) max(0.2rem, 0.1322751323vw) max(0.4rem, 0.2645502646vw);
  margin-left: max(0.56rem, 1.0582010582vw);
  margin-top: max(0.8944rem, 0.6878306878vw);
  width: fit-content;
  border-radius: max(0.4rem, 0.2645502646vw);
  border: max(0.1rem, 0.0661375661vw) solid #1D2088;
  color: #1D2088;
  font-size: max(1.022rem, 0.9259259259vw);
  font-weight: 900;
  font-family: "Roboto";
  line-height: 1;
}
.steps .number:empty {
  border: 0;
}
.steps .content {
  margin-left: max(0.688rem, 0.5291005291vw);
  padding-block: max(0.688rem, 0.5291005291vw);
  line-height: 1.2;
  container: stp/inline-size;
}
.steps .content .title {
  color: #202229;
  font-size: max(1.752rem, 1.5873015873vw);
  font-weight: 800;
}
.steps .content .title .small {
  font-size: max(1.168rem, 1.0582010582vw);
  vertical-align: super;
}
.steps .content .detail {
  margin-top: max(0.392rem, 0.2645502646vw);
  color: #202229;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 400;
}
.steps .content .licence {
  margin-top: max(0.392rem, 0.2645502646vw);
  background: #1D2088;
  color: #ffffff;
  padding: max(0.344rem, 0.2645502646vw) max(0.784rem, 0.5291005291vw);
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 600;
}
.steps .attention {
  grid-column: span 3;
  margin-top: max(0.98rem, 0.6613756614vw);
  font-size: max(1.176rem, 0.7936507937vw);
  font-weight: 500;
  line-height: 1.3;
  text-indent: -1em;
  padding-left: 1em;
}

.schedule {
  background: #E9E9E9;
  padding: max(0.84rem, 1.5873015873vw);
  letter-spacing: -0.02em;
  container: schdl/inline-size;
}
.schedule .day + .day {
  margin-top: max(1.376rem, 1.0582010582vw);
}
.schedule .status {
  display: flex;
  align-items: stretch;
  line-height: 1.2;
  background: #ffffff;
}
.schedule .status p {
  flex-grow: 1;
  align-self: center;
  padding: max(0.392rem, 0.2645502646vw) max(0.784rem, 0.5291005291vw);
  background: #ffffff;
  color: #1D2088;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 700;
}
.schedule .status p span {
  font-size: max(1.376rem, 1.0582010582vw);
  letter-spacing: 0;
}
.schedule .status::before {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: max(0.392rem, 0.2645502646vw) max(0.784rem, 0.5291005291vw);
  background: #1D2088;
  color: #ffffff;
  font-size: max(1.376rem, 1.0582010582vw);
  font-weight: 600;
}
.schedule .timetable {
  margin-top: max(0.688rem, 0.5291005291vw);
  display: grid;
  gap: max(0.688rem, 0.5291005291vw);
  grid-template-columns: min-content auto;
  color: #202229;
}
.schedule .timetable .cell {
  grid-column: span 2;
  display: grid;
  grid-template-columns: subgrid;
  gap: max(1.376rem, 1.0582010582vw);
  line-height: 1.2;
}
.schedule .timetable .time {
  padding-top: max(0.258rem, 0.1984126984vw);
  justify-self: self-end;
  font-size: max(1.376rem, 1.0582010582vw);
  font-weight: 600;
}
.schedule .timetable .detail {
  font-size: max(1.806rem, 1.3888888889vw);
  font-weight: 700;
  line-height: 1.2;
}
.schedule .timetable .detail span {
  display: inline-block;
}
.schedule .timetable .detail .colorfont {
  color: #1D2088;
  font-size: max(1.806rem, 1.3888888889vw);
}
.schedule .timetable .supplement {
  margin-top: max(0.688rem, 0.5291005291vw);
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 400;
}
.schedule .attention {
  margin-top: max(0.784rem, 0.5291005291vw);
  font-size: max(1.176rem, 0.7936507937vw);
  font-weight: 500;
  line-height: 1.3;
  text-indent: -1em;
  padding-left: 1em;
}

@container stp (width < 345px) {
  .stp340 {
    display: none;
  }
}
@container stp (width >= 345px) {
  .stp340un {
    display: none;
  }
}
@container schdl (width < 340px) {
  .container300 {
    display: none;
  }
}
@container schdl (width < 340px) {
  .status::before {
    content: "ある日の\aスケジュール";
    white-space: pre;
  }
  .container370under {
    display: block;
  }
  .container370 {
    display: none;
  }
}
@container schdl (340px <= width) {
  .status::before {
    content: "ある日のスケジュール";
  }
  .container370under {
    display: none;
  }
}
@container schdl (470px <= width) {
  .container370 {
    display: none;
  }
}
.craneOperater {
  margin-top: max(6.344rem, 6.8783068783vw);
}
.craneOperater .imgWrap {
  display: flex;
  gap: max(1.464rem, 1.5873015873vw);
  flex-direction: column;
}
@media (min-width: 768px) {
  .craneOperater .imgWrap {
    flex-direction: row;
  }
}
@media (min-width: 880px) {
  .craneOperater .steps {
    grid-area: 2/1/3/2;
  }
  .craneOperater .schedule {
    grid-area: 2/2/3/3;
  }
  .craneOperater .imgWrap {
    grid-area: 3/1/4/3;
  }
}

.aerialWorkOperater {
  margin-top: max(3.612rem, 2.7777777778vw);
}
@media (min-width: 880px) {
  .aerialWorkOperater .steps {
    grid-area: 2/1/3/2;
  }
  .aerialWorkOperater .schedule {
    grid-area: 2/2/4/3;
  }
  .aerialWorkOperater .imgWrap {
    grid-area: 3/1/4/2;
    margin-top: max(1.548rem, 1.1904761905vw);
  }
}

.driver {
  margin-top: max(3.612rem, 2.7777777778vw);
}
@media (min-width: 880px) {
  .driver .steps {
    grid-area: 2/1/4/2;
  }
  .driver .schedule {
    grid-area: 2/2/3/3;
  }
  .driver .imgWrap {
    grid-area: 3/2/4/3;
    margin-top: max(1.548rem, 1.1904761905vw);
  }
}

.sales {
  margin-top: max(3.612rem, 2.7777777778vw);
}
.sales .imgWrap {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  gap: max(1.464rem, 1.5873015873vw);
}
.sales .imgWrap > img {
  height: auto;
}
@media (min-width: 620px) {
  .sales .imgWrap {
    grid-template-columns: 3fr 4fr;
  }
  .sales .imgWrap img:nth-of-type(1) {
    aspect-ratio: 1/1;
  }
  .sales .imgWrap img:nth-of-type(2) {
    aspect-ratio: 4/3;
  }
}
@media (min-width: 880px) {
  .sales .steps {
    grid-area: 2/1/3/2;
  }
  .sales .schedule {
    grid-area: 2/2/3/3;
  }
  .sales .imgWrap {
    grid-area: 3/1/4/3;
  }
}

.worksystem_benefit {
  margin-top: max(2.44rem, 2.6455026455vw);
  opacity: 0;
}
.worksystem_benefit.active {
  animation: up 0.2s ease-in forwards;
}

.benefitLists .benefitListWrap + .benefitListWrap {
  margin-top: max(3.612rem, 2.7777777778vw);
}
.benefitLists .title {
  color: #1D2088;
  font-size: max(2.408rem, 1.8518518519vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.benefitLists .benefitList {
  margin-top: max(0.784rem, 0.5291005291vw);
}
.benefitLists .benefitList > li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-block: max(1.376rem, 1.0582010582vw);
  border-bottom: max(0.1rem, 0.0661375661vw) solid #62C5FA;
}
.benefitLists .benefitList > li:first-of-type {
  border-top: max(0.1rem, 0.0661375661vw) solid #62C5FA;
}
.benefitLists .benefitList .name {
  width: max(8.5rem, 5.6216931217vw);
  letter-spacing: 0;
  flex-shrink: 0;
  font-size: max(1.376rem, 1.0582010582vw);
  font-weight: 700;
  line-height: 1.4;
}
.benefitLists .benefitList .content li {
  font-size: max(1.376rem, 1.0582010582vw);
  font-weight: 450;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
}
.benefitLists .benefitList .content li + li {
  margin-top: max(0.784rem, 0.5291005291vw);
}
.benefitLists .benefitList .content li div {
  min-width: max(18.228rem, 12.3015873016vw);
}

.worksystem_messageArea {
  margin-top: max(2.44rem, 2.6455026455vw);
  padding: max(2.24rem, 4.2328042328vw);
  background: #ffffff;
  border-radius: max(1.952rem, 2.1164021164vw);
  opacity: 0;
}
.worksystem_messageArea.active {
  animation: up 0.2s ease-in forwards;
}
.worksystem_messageArea .title {
  text-align: center;
  color: #1D2088;
  font-size: max(2.701rem, 2.4470899471vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.worksystem_messageArea .message {
  margin-top: max(1.376rem, 1.0582010582vw);
}
.worksystem_messageArea .message p {
  color: #202229;
  font-size: max(1.548rem, 1.1904761905vw);
  font-weight: 500;
  line-height: 1.8;
}
.worksystem_messageArea .message p + p {
  margin-top: max(1.376rem, 1.0582010582vw);
}
@media (min-width: 540px) {
  .worksystem_messageArea .message p {
    text-align: center;
  }
}

/*# sourceMappingURL=styles.css.map */