@charset "UTF-8";
@-moz-keyframes copyLoopSm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -100.8vw 0;
  }
}
@-webkit-keyframes copyLoopSm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -100.8vw 0;
  }
}
@-o-keyframes copyLoopSm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -100.8vw 0;
  }
}
@keyframes copyLoopSm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -100.8vw 0;
  }
}
@-moz-keyframes copyLoopXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -54vw 0;
  }
}
@-webkit-keyframes copyLoopXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -54vw 0;
  }
}
@-o-keyframes copyLoopXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -54vw 0;
  }
}
@keyframes copyLoopXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -54vw 0;
  }
}
@-moz-keyframes topJobCopySm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -214.13333333333333vw 0;
  }
}
@-webkit-keyframes topJobCopySm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -214.13333333333333vw 0;
  }
}
@-o-keyframes topJobCopySm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -214.13333333333333vw 0;
  }
}
@keyframes topJobCopySm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -214.13333333333333vw 0;
  }
}
@-moz-keyframes topJobCopyXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -114.71428571428572vw 0;
  }
}
@-webkit-keyframes topJobCopyXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -114.71428571428572vw 0;
  }
}
@-o-keyframes topJobCopyXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -114.71428571428572vw 0;
  }
}
@keyframes topJobCopyXl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -114.71428571428572vw 0;
  }
}
@-moz-keyframes recruit2026Sm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -184.93333333333334vw 0;
  }
}
@-webkit-keyframes recruit2026Sm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -184.93333333333334vw 0;
  }
}
@-o-keyframes recruit2026Sm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -184.93333333333334vw 0;
  }
}
@keyframes recruit2026Sm {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -184.93333333333334vw 0;
  }
}
@-moz-keyframes recruit2026Xl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -99.07142857142858vw 0;
  }
}
@-webkit-keyframes recruit2026Xl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -99.07142857142858vw 0;
  }
}
@-o-keyframes recruit2026Xl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -99.07142857142858vw 0;
  }
}
@keyframes recruit2026Xl {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -99.07142857142858vw 0;
  }
}
@-moz-keyframes linkBlankHover {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(100%) translateY(-50%);
  }
  51% {
    transform: translate(-100%) translateY(50%);
  }
  to {
    transform: translate(0);
  }
}
@-webkit-keyframes linkBlankHover {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(100%) translateY(-50%);
  }
  51% {
    transform: translate(-100%) translateY(50%);
  }
  to {
    transform: translate(0);
  }
}
@-o-keyframes linkBlankHover {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(100%) translateY(-50%);
  }
  51% {
    transform: translate(-100%) translateY(50%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes linkBlankHover {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(100%) translateY(-50%);
  }
  51% {
    transform: translate(-100%) translateY(50%);
  }
  to {
    transform: translate(0);
  }
}
@-moz-keyframes rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
*,
: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;
}
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;
}
dt {
  font-weight: 700;
}
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;
}
b,
strong {
  font-weight: bolder;
}
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;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
}
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;
  min-width: 0;
  padding: 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-color: inherit;
  border-collapse: collapse;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: 700;
}
:root {
  --color-lightblue: #5cc3ec;
  --color-yellow: #fc0;
  --color-red: #ff5733;
  --color-green: #4faf6f;
  --color-purple: #9c79de;
  --color-pink: #e7449d;
}
html {
  font-size: 62.5%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html ::-webkit-scrollbar {
  display: none;
}
body {
  font-size: 2.666666666666667vw;
  background-color: #fff;
  color: #000;
  line-height: 1;
  font-family: Noto Sans JP, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN,
    Hiragino Sans, Meiryo, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-rendering: auto;
  background: #000;
}
@media only screen and (min-width: 769px) {
  body {
    font-size: 1.142857142857143vw;
  }
}
a {
  color: #000;
}
small {
  font-size: 100%;
}
img {
  height: auto;
  width: 100%;
}
svg {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .md {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) {
  .sm {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .xl {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .to-xl {
    display: none !important;
  }
}
.break {
  display: none;
}
.text-bold {
  font-weight: 700;
}
.alternative {
  block-size: 4px !important;
  contain: strict !important;
  display: block !important;
  inline-size: 4px !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
}
.button-entry,
.button-mypage,
.button-schedule,
.button-view-all,
.section-group-company .links .text-main,
.header .button-menu,
.header .container-nav .nav,
.page-company .page-heading .text-sub,
.page-company .section-1 .list-detail .heading,
.page-company .section-2 .toggle-container .toggle-head,
.page-company .section-2 .button-close .text,
.page-entry .page-heading .text-sub,
.page-entry .section-generalist .links .text-main,
.page-entry .section-specialist .links .text-main,
.page-job .page-heading .text-sub,
.page-job .section-job .decoration .text,
.page-job .section-job .tab-scroll-contents .text-block .heading,
.page-job .section-job .tab-scroll-contents .text-block .links .text-main,
.page-job .section-job .interview-block .heading,
.page-job .section-job .interview-block .interview-btn .name,
.page-recruit .page-heading .text-sub,
.page-recruit .page-nav,
.page-recruit .section-heading,
.page-recruit .section-3 .wrap-detail .detail-heading,
.page-recruit .section-3 .wrap-detail .container-entry p .heading,
.page-recruit .section-4 .process li .heading,
.container-lang .container,
.page-schedule .page-heading .text-sub,
.page-schedule .section-1 .process li .heading,
.page-seminar .page-heading .text-sub,
.page-seminar .section-1 .list li a,
.page-survey .page-heading .text-sub,
.page-survey .section-survey .container .text,
.page-home .section-heading .text-sub,
.page-home .section-message .text-catch,
.page-home .section-survey .container-contents .text,
.page-home .section-info .container-links .link .item-heading {
  font-family: Dela Gothic One, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.page-recruit .page-heading,
.page-schedule .page-heading,
.page-seminar .page-heading,
.page-survey .page-heading,
.page-home .section-heading {
  text-align: center;
}
.page-recruit .page-heading .text-main,
.page-schedule .page-heading .text-main,
.page-seminar .page-heading .text-main,
.page-survey .page-heading .text-main,
.page-home .section-heading .text-main {
  position: relative;
  display: block;
  margin-inline: auto;
}
.page-recruit .page-heading .text-main .image,
.page-schedule .page-heading .text-main .image,
.page-seminar .page-heading .text-main .image,
.page-survey .page-heading .text-main .image,
.page-home .section-heading .text-main .image {
  position: relative;
  display: block;
  z-index: 1;
}
.page-recruit .page-heading .text-main .image-shadow,
.page-schedule .page-heading .text-main .image-shadow,
.page-seminar .page-heading .text-main .image-shadow,
.page-survey .page-heading .text-main .image-shadow,
.page-home .section-heading .text-main .image-shadow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
.page-recruit .page-heading .text-sub,
.page-schedule .page-heading .text-sub,
.page-seminar .page-heading .text-sub,
.page-survey .page-heading .text-sub,
.page-home .section-heading .text-sub {
  display: block;
  font-size: 2.933333333333333vw;
  letter-spacing: 0.08em;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-heading .text-sub,
  .page-schedule .page-heading .text-sub,
  .page-seminar .page-heading .text-sub,
  .page-survey .page-heading .text-sub,
  .page-home .section-heading .text-sub {
    font-size: 1.428571428571429vw;
  }
}
.button-entry,
.button-mypage,
.button-schedule,
.button-view-all,
.header .button-menu {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #000;
  letter-spacing: 0.03em;
}
@media only screen and (min-width: 1025px) {
  .button-entry,
  .button-mypage,
  .button-schedule,
  .button-view-all,
  .header .button-menu {
    transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .button-entry:hover,
  .button-mypage:hover,
  .button-schedule:hover,
  .button-view-all:hover,
  .header .button-menu:hover {
    background-color: var(--color-purple);
  }
}
.footer .footer-inner .button-entry:before,
.footer .footer-inner .button-mypage:before,
.header .button-entry:before,
.header .button-mypage:before,
.header .button-menu:before,
.page-recruit .buttons .button-entry:before,
.page-recruit .buttons .button-schedule:before,
.footer .footer-inner .button-entry:after,
.footer .footer-inner .button-mypage:after,
.header .button-entry:after,
.header .button-mypage:after,
.header .button-menu:after,
.page-recruit .buttons .button-entry:after,
.page-recruit .buttons .button-schedule:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 7.733333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .button-entry:before,
  .footer .footer-inner .button-mypage:before,
  .header .button-entry:before,
  .header .button-mypage:before,
  .header .button-menu:before,
  .page-recruit .buttons .button-entry:before,
  .page-recruit .buttons .button-schedule:before,
  .footer .footer-inner .button-entry:after,
  .footer .footer-inner .button-mypage:after,
  .header .button-entry:after,
  .header .button-mypage:after,
  .header .button-menu:after,
  .page-recruit .buttons .button-entry:after,
  .page-recruit .buttons .button-schedule:after {
    border-radius: 2.142857142857143vw;
  }
}
.footer .footer-inner .button-entry:before,
.footer .footer-inner .button-mypage:before,
.header .button-entry:before,
.header .button-mypage:before,
.header .button-menu:before,
.page-recruit .buttons .button-entry:before,
.page-recruit .buttons .button-schedule:before {
  border: 1.066666666666667vw solid #fff;
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .button-entry:before,
  .footer .footer-inner .button-mypage:before,
  .header .button-entry:before,
  .header .button-mypage:before,
  .header .button-menu:before,
  .page-recruit .buttons .button-entry:before,
  .page-recruit .buttons .button-schedule:before {
    border-width: 0.357142857142857vw;
  }
}
.footer .footer-inner .button-entry:after,
.footer .footer-inner .button-mypage:after,
.header .button-entry:after,
.header .button-mypage:after,
.header .button-menu:after,
.page-recruit .buttons .button-entry:after,
.page-recruit .buttons .button-schedule:after {
  border: 0.666666666666667vw solid #000;
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .button-entry:after,
  .footer .footer-inner .button-mypage:after,
  .header .button-entry:after,
  .header .button-mypage:after,
  .header .button-menu:after,
  .page-recruit .buttons .button-entry:after,
  .page-recruit .buttons .button-schedule:after {
    border-width: 0.142857142857143vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .footer .footer-inner .footer-links a,
  .header .logo,
  .page-company .section-2 .button-close {
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .footer .footer-inner .footer-links a:hover,
  .header .logo:hover,
  .page-company .section-2 .button-close:hover {
    opacity: 0.5;
  }
}
.footer .footer-inner .nav .link .text-wrap,
.footer .footer-inner .button-entry .text-wrap,
.footer .footer-inner .button-mypage .text-wrap,
.header .button-entry .text-wrap,
.header .button-mypage .text-wrap,
.header .container-nav .nav .link .text-wrap,
.page-recruit .buttons .button-entry .text-wrap,
.page-recruit .buttons .button-schedule .text-wrap {
  position: relative;
  overflow: hidden;
}
.footer .footer-inner .nav .link .link-text,
.footer .footer-inner .button-entry .link-text,
.footer .footer-inner .button-mypage .link-text,
.header .button-entry .link-text,
.header .button-mypage .link-text,
.header .container-nav .nav .link .link-text,
.page-recruit .buttons .button-entry .link-text,
.page-recruit .buttons .button-schedule .link-text {
  overflow: hidden;
  display: block;
}
.footer .footer-inner .nav .link .link-text.line-2,
.footer .footer-inner .button-entry .link-text.line-2,
.footer .footer-inner .button-mypage .link-text.line-2,
.header .button-entry .link-text.line-2,
.header .button-mypage .link-text.line-2,
.header .container-nav .nav .link .link-text.line-2,
.page-recruit .buttons .button-entry .link-text.line-2,
.page-recruit .buttons .button-schedule .link-text.line-2 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.footer .footer-inner .nav .link .link-text span,
.footer .footer-inner .button-entry .link-text span,
.footer .footer-inner .button-mypage .link-text span,
.header .button-entry .link-text span,
.header .button-mypage .link-text span,
.header .container-nav .nav .link .link-text span,
.page-recruit .buttons .button-entry .link-text span,
.page-recruit .buttons .button-schedule .link-text span {
  display: inline-block;
}
.icon-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  border-radius: 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
}
@media only screen and (max-width: 1024px) {
  .button-entry {
    font-size: 4vw;
  }
}
.button-entry .period {
  position: absolute;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.533333333333333vw;
  width: 11.733333333333333vw;
  font-size: 2.8vw;
  line-height: 1;
  color: #000;
  background-color: var(--color-red);
  border-radius: 2.266666666666667vw;
  border: 0.266666666666667vw solid #000;
}
@media only screen and (max-width: 1024px) {
  .button-entry .period {
    height: 4.533333333333333vw;
    width: 17.866666666666667vw;
    margin-left: -8.933333333333334vw;
    margin-bottom: 0.266666666666667vw;
    padding-top: 0.133333333333333vw;
    padding-left: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .button-entry .period {
    height: 1.428571428571429vw;
    width: 5.714285714285714vw;
    margin-left: -2.857142857142857vw;
    font-size: 0.857142857142857vw;
    border-radius: 0.714285714285714vw;
    border-width: 0.071428571428571vw;
  }
}
.button-entry .period .num {
  font-size: 2.933333333333333vw;
  line-height: 1;
}
@media only screen and (min-width: 1025px) {
  .button-entry .period .num {
    font-size: 0.928571428571429vw;
    letter-spacing: 0.04em;
    padding-bottom: 0.071428571428571vw;
  }
}
.button-mypage {
  font-size: 4vw;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .button-mypage {
    width: 10.714285714285714vw;
    padding-bottom: 0.142857142857143vw;
    font-size: 1.071428571428571vw;
  }
}
.button-view-all {
  margin-inline: auto;
  height: 13.333333333333334vw;
  width: 40vw;
  font-size: 2.666666666666667vw;
  letter-spacing: 0.04em;
  border-radius: 6.666666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .button-view-all {
    height: 5.714285714285714vw;
    width: 17.142857142857142vw;
    font-size: 1.142857142857143vw;
    border-radius: 2.857142857142857vw;
    transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .button-view-all:hover {
    color: #000;
    background-color: #fff;
  }
  .button-view-all:hover .arrow {
    right: 1.571428571428572vw;
    fill: #000;
  }
}
.button-view-all .arrow {
  position: absolute;
  right: 4vw;
  font-size: 0;
  height: 1.066666666666667vw;
  width: 2.533333333333333vw;
  fill: #fff;
}
@media only screen and (min-width: 1025px) {
  .button-view-all .arrow {
    right: 2.142857142857143vw;
    top: 2.571428571428571vw;
    height: 0.571428571428571vw;
    width: 1.357142857142857vw;
    transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.decoration-left,
.decoration-right {
  position: absolute;
  left: 50%;
  height: 126vw;
  width: 128.53333333333333vw;
  top: -74.66666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-left,
  .decoration-right {
    height: 99.78571428571429vw;
    width: 101.85714285714285vw;
    top: -67.71428571428572vw;
  }
}
.decoration-left .bg-1,
.decoration-right .bg-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: var(--color-yellow);
  height: 81.33333333333333vw;
  width: 81.33333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-left .bg-1,
  .decoration-right .bg-1 {
    height: 66.14285714285715vw;
    width: 66.14285714285715vw;
  }
}
.decoration-left .bg-2,
.decoration-right .bg-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: #fff;
  height: 88vw;
  width: 88vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-left .bg-2,
  .decoration-right .bg-2 {
    height: 71.57142857142857vw;
    width: 71.57142857142857vw;
  }
}
.decoration-left .bg-3,
.decoration-right .bg-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: var(--color-lightblue);
  height: 110.4vw;
  width: 112.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-left .bg-3,
  .decoration-right .bg-3 {
    height: 89.35714285714286vw;
    width: 91.28571428571428vw;
  }
}
.decoration-left .bg-4,
.decoration-right .bg-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: var(--color-red);
  height: 115.46666666666667vw;
  width: 118.13333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-left .bg-4,
  .decoration-right .bg-4 {
    height: 93.64285714285714vw;
    width: 95.71428571428572vw;
  }
}
.decoration-left .bg-5,
.decoration-right .bg-5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: var(--color-green);
  height: 126vw;
  width: 128.53333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-left .bg-5,
  .decoration-right .bg-5 {
    height: 99.14285714285714vw;
    width: 101.21428571428572vw;
  }
}
.decoration-left {
  margin-left: -138.53333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-left {
    margin-left: -115.21428571428571vw;
  }
}
.decoration-right {
  margin-left: 10vw;
}
@media only screen and (min-width: 1025px) {
  .decoration-right {
    margin-left: 13.285714285714286vw;
  }
}
.page-nav {
  border: 0.428571428571429vw solid #000;
  border-left: none;
  border-radius: 0.214285714285714vw;
  border-right: none;
  margin-inline: auto;
  margin-top: 4.928571428571429vw;
  width: 85.71428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .page-nav {
    border: none;
    border-radius: 0.4vw;
    margin-top: 12.933333333333334vw;
    width: 100%;
  }
}
.page-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .page-nav ul {
    gap: 1.333333333333333vw;
  }
}
.page-nav li {
  height: 14.785714285714285vw;
}
@media only screen and (max-width: 1024px) {
  .page-nav li {
    height: 24vw;
    width: 48vw;
  }
}
.page-nav a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 3.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-nav a {
    border: 0.8vw solid #000;
    border-radius: 4vw;
    padding-bottom: 2.642857142857143vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-nav a:hover .icon-arrow .icon-bg,
  .page-nav a:hover .icon-arrow svg {
    transform: scale(1.1);
  }
  .page-nav a:hover .text-main {
    transform: scale(1.05);
  }
}
.page-nav a .text-main {
  margin-inline: auto;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
}
.page-nav a .icon-arrow {
  position: relative;
  display: grid;
  margin-bottom: 0;
  margin-inline: auto;
  margin-top: auto;
  place-content: center;
  height: 2.142857142857143vw;
  width: 4.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-nav a .icon-arrow {
    height: 4vw;
    width: 8vw;
  }
}
.page-nav a .icon-arrow svg {
  position: relative;
  fill: #fff;
  height: 1.142857142857143vw;
  width: 0.642857142857143vw;
}
@media only screen and (max-width: 1024px) {
  .page-nav a .icon-arrow svg {
    height: 2.133333333333333vw;
    width: 1.2vw;
  }
}
.section-group-company {
  padding-top: 10.214285714285715vw;
}
@media only screen and (max-width: 1024px) {
  .section-group-company {
    padding-top: 18.666666666666668vw;
  }
}
.section-group-company .section-heading {
  font-weight: 700;
  font-size: 1.285714285714286vw;
  line-height: 1.555555555555556;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .section-heading {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
  }
}
.section-group-company .links {
  margin-inline: auto;
  margin-top: 4.571428571428571vw;
  width: 80vw;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links {
    margin-top: 6.933333333333333vw;
    padding-inline: 6.666666666666667vw;
    width: 100%;
  }
}
.section-group-company .links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3.357142857142857vw 3.142857142857143vw;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links ul {
    gap: 6.266666666666667vw 1.333333333333333vw;
  }
}
.section-group-company .links li {
  width: 24.571428571428573vw;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links li {
    width: 42.66666666666667vw;
  }
}
.section-group-company .links li span {
  display: block;
}
.section-group-company .links a {
  display: grid;
  grid-template-areas: 'logo logo' 'text-main icon-blank' 'text-sub icon-blank';
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links a {
    grid-template-areas: 'logo logo' 'text-main icon-blank' 'text-sub text-sub';
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .section-group-company .links a:hover .logo img {
    opacity: 0.7;
  }
  .section-group-company .links a:hover .text-main,
  .section-group-company .links a:hover .text-sub {
    color: #fff;
  }
  .section-group-company .links a:hover .icon-blank .icon-bg {
    transform: scale(1.1);
  }
}
.section-group-company .links .logo {
  border-radius: 1.428571428571429vw;
  grid-area: logo;
  margin-bottom: 1.928571428571428vw;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links .logo {
    border-radius: 2.666666666666667vw;
    margin-bottom: 1.733333333333333vw;
  }
}
.section-group-company .links .logo img {
  display: block;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.section-group-company .links .logo:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 0.142857142857143vw solid #000;
  border-radius: 1.428571428571429vw;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links .logo:before {
    border-radius: 2.666666666666667vw;
    border-width: 0.533333333333333vw;
  }
}
.section-group-company .links .text-main {
  grid-area: text-main;
  font-size: 1.571428571428572vw;
  letter-spacing: 0.02em;
  margin-bottom: 0.357142857142857vw;
  margin-left: 0.785714285714286vw;
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links .text-main {
    font-size: 3.466666666666666vw;
    line-height: 1.153846153846154;
    letter-spacing: 0;
    margin-bottom: 0.4vw;
    margin-left: 1.466666666666667vw;
  }
}
.section-group-company .links .text-sub {
  grid-area: text-sub;
  font-size: 1vw;
  letter-spacing: 0.02em;
  line-height: 1.428571428571429;
  font-weight: 700;
  margin-left: 0.785714285714286vw;
  margin-top: 0.214285714285714vw;
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links .text-sub {
    font-size: 2.666666666666667vw;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin-left: 1.466666666666667vw;
  }
}
.section-group-company .links .icon-blank {
  position: relative;
  align-self: center;
  background: #000;
  border-radius: 50%;
  display: grid;
  grid-area: icon-blank;
  place-content: center;
  height: 2.857142857142857vw;
  width: 2.857142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links .icon-blank {
    margin-right: 1.333333333333333vw;
    height: 5.333333333333334vw;
    width: 5.333333333333334vw;
  }
}
.section-group-company .links .icon-blank svg {
  position: relative;
  fill: #fff;
  height: 0.714285714285714vw;
  width: 0.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .section-group-company .links .icon-blank svg {
    height: 1.866666666666667vw;
    width: 1.866666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .section-group-company .links .item-6 .logo {
    margin-bottom: 1.357142857142857vw;
  }
}
@media only screen and (min-width: 1025px) {
  .section-group-company .links .item-6 .text-main {
    font-size: 1.428571428571429vw;
  }
}
.svg-sprites {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
  z-index: -999;
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  inset: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
@-moz-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.footer {
  position: relative;
  margin-top: -9.333333333333334vw;
  margin-inline: -0.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .footer {
    margin-top: -5vw;
    margin-inline: -0.071428571428571vw;
    margin-bottom: -0.071428571428571vw;
  }
}
.footer .decoration-recruit-2026 {
  position: absolute;
  left: 0;
  top: -7.857142857142857vw;
  height: 8.214285714285714vw;
  width: 100%;
  background: url(/assets/img/RECRUIT2026-red.svg) left top repeat-x transparent;
  background-size: 100% auto;
  animation: recruit2026Xl 30s linear infinite;
}
@media only screen and (max-width: 1024px) {
  .footer .decoration-recruit-2026 {
    top: -14.666666666666666vw;
    height: 15.333333333333332vw;
    width: 100%;
    animation: recruit2026Sm 30s linear infinite;
  }
}
.footer .decoration-recruit-2026 .text {
  position: relative;
  left: 0;
  display: block;
  height: 15.333333333333332vw;
  width: 201.0666666666667vw;
  margin-left: -44.800000000000004vw;
}
.footer .decoration-recruit-2026 .text svg {
  position: absolute;
  left: 0;
  top: 0;
}
.footer .decoration-recruit-2026 .text svg:first-child {
  left: 100%;
}
@media only screen and (min-width: 1025px) {
  .footer .decoration-recruit-2026 .text {
    height: 8.214285714285714vw;
    width: 107.71428571428572vw;
    margin-left: -1vw;
  }
}
.footer .footer-container {
  position: relative;
  padding-top: 13.200000000000001vw;
  border-radius: 9.333333333333334vw 9.333333333333334vw 0 0;
  border: 0.266666666666667vw solid #000;
  border-bottom: 0;
  background-color: var(--color-yellow);
}
@media only screen and (max-width: 1024px) {
  .footer .footer-container {
    padding-inline: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-container {
    padding-top: 7.5vw;
    padding-bottom: 3.571428571428571vw;
    border-radius: 5vw 5vw 0 0;
    border-width: 0.071428571428571vw;
  }
}
.footer .chara-5 {
  position: absolute;
  left: 50%;
  top: 0;
  height: 20.266666666666666vw;
  width: 40.666666666666664vw;
  margin-top: -16.266666666666666vw;
  margin-left: -20.266666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .footer .chara-5 {
    height: 10.857142857142858vw;
    width: 21.785714285714285vw;
    margin-top: -8.714285714285715vw;
    margin-left: -10.857142857142858vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner {
    display: flex;
    justify-content: flex-end;
    padding-inline: 7.142857142857142vw;
    margin-top: 1.642857142857143vw;
  }
}
.footer .footer-inner .logo {
  height: 8.4vw;
  width: 32vw;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .logo {
    margin-left: 2.666666666666667vw;
    margin-bottom: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .logo {
    height: 3.785714285714286vw;
    width: 14.285714285714285vw;
    margin-top: 0.857142857142857vw;
    margin-right: auto;
  }
}
.footer .footer-inner .nav {
  display: grid;
  justify-content: space-between;
  grid-template: 'link-1 link-1' 'link-2 link-5' 'link-3 link-6' 'link-4 link-7'/42.13333333333333vw 42.13333333333333vw;
  font-size: 3.2vw;
  line-height: 2.5;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .nav {
    margin-bottom: 6.933333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .nav {
    grid-template: 'link-1 link-2 link-5' 'link-1 link-3 link-6' 'link-1 link-4 link-7'/11.785714285714285vw 14.214285714285715vw 11.357142857142858vw;
    font-size: 1vw;
    line-height: 1.428571428571429;
  }
}
.footer .footer-inner .nav .link {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .nav .link {
    padding-left: 1.333333333333333vw;
  }
}
.footer .footer-inner .nav .link .text-wrap {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .nav .link .text-wrap {
    margin-top: 0.642857142857143vw;
  }
}
.footer .footer-inner .nav .link .line-2 {
  color: #000 !important;
}
.footer .footer-inner .nav .link:nth-child(1) {
  grid-area: link-1;
}
.footer .footer-inner .nav .link:nth-child(2) {
  grid-area: link-2;
}
.footer .footer-inner .nav .link:nth-child(3) {
  grid-area: link-3;
}
.footer .footer-inner .nav .link:nth-child(4) {
  grid-area: link-4;
}
.footer .footer-inner .nav .link:nth-child(5) {
  grid-area: link-5;
}
.footer .footer-inner .nav .link:nth-child(6) {
  grid-area: link-6;
}
.footer .footer-inner .nav .link:nth-child(7) {
  grid-area: link-7;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .nav .link:nth-child(1) {
    padding-left: 2.666666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .nav .link:nth-child(2) {
    padding-left: 2.666666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .nav .link:nth-child(3) {
    padding-left: 2.666666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .nav .link:nth-child(4) {
    padding-left: 2.666666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .container-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .container-buttons {
    margin-top: 0.5vw;
  }
}
.footer .footer-inner .button-entry,
.footer .footer-inner .button-mypage {
  height: 15.466666666666667vw;
  width: 42.13333333333333vw;
  border-radius: 8vw;
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .button-entry,
  .footer .footer-inner .button-mypage {
    height: 3.142857142857143vw;
    width: 11.428571428571429vw;
    border-radius: 1.571428571428572vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .button-entry:before,
  .footer .footer-inner .button-mypage:before,
  .footer .footer-inner .button-entry:after,
  .footer .footer-inner .button-mypage:after {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .button-entry {
    margin-bottom: 0.5vw;
  }
}
.footer .footer-inner .button-entry .period {
  background-color: var(--color-red);
  top: -1.333333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .button-entry .period {
    top: -0.642857142857143vw;
  }
}
.footer .footer-inner .footer-links {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  font-size: 2.666666666666667vw;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .footer-links {
    margin-bottom: 5.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .footer-links {
    font-size: 0.857142857142857vw;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .footer-links a:last-child {
    padding-left: 0.4em;
    margin-left: 0.4em;
    border-left: 0.133333333333333vw solid #000;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .footer-links a:not(:first-child) {
    padding-left: 0.7em;
    margin-left: 0.7em;
    border-left: 0.071428571428571vw solid #000;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .footer-links .ot-sdk-show-settings {
    all: unset !important;
    cursor: pointer !important;
    padding-left: 0.4em !important;
    margin-left: 0.4em !important;
    border-left: 0.133333333333333vw solid #000 !important;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .footer-links .ot-sdk-show-settings {
    all: unset !important;
    cursor: pointer !important;
    padding-left: 0.7em !important;
    margin-left: 0.7em !important;
    border-left: 0.071428571428571vw solid #000 !important;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .footer .footer-inner .footer-links .ot-sdk-show-settings:hover {
    opacity: 0.5 !important;
  }
}
.footer .footer-inner .footer-links .link-recruit-en {
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .footer-links .link-recruit-en {
    width: 100%;
    margin-bottom: 5.333333333333334vw;
    letter-spacing: 0.04em;
  }
}
.footer .footer-inner .footer-links .link-recruit-en .icon {
  height: 2.4vw;
  width: 2.4vw;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .footer-links .link-recruit-en .icon {
    margin-right: 1.466666666666667vw;
    margin-left: 0.533333333333333vw;
    margin-bottom: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .footer-links .link-recruit-en .icon {
    height: 0.857142857142857vw;
    width: 0.857142857142857vw;
    margin-right: 0.285714285714286vw;
  }
}
.footer .footer-inner .copyright {
  font-size: 2.4vw;
}
@media only screen and (max-width: 1024px) {
  .footer .footer-inner .copyright {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-block: 5.066666666666666vw;
    border-top: 0.266666666666667vw solid rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-inner .copyright {
    font-size: 0.857142857142857vw;
    letter-spacing: 0.013em;
  }
}
.footer .button-instagram {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  background-color: var(--color-red);
  grid-area: button;
  align-self: flex-end;
  height: 10.666666666666668vw;
  width: 42.66666666666667vw;
  border-radius: 5.333333333333334vw;
}
@media only screen and (max-width: 1024px) {
  .footer .button-instagram {
    position: absolute;
    top: 12vw;
    right: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .button-instagram {
    height: 3.142857142857143vw;
    width: 14.285714285714285vw;
    margin-left: 7.142857142857142vw;
    border-radius: 2.142857142857143vw;
    margin-top: 1vw;
    padding-left: 0.214285714285714vw;
    transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .footer .button-instagram:hover {
    background-color: var(--color-green);
  }
  .footer .button-instagram:hover .icon-blank svg {
    animation: linkBlankHover 0.5s linear;
  }
}
.footer .button-instagram .icon-instagram {
  display: inline-block;
  height: 4vw;
  width: 4vw;
  font-size: 0;
}
@media only screen and (max-width: 1024px) {
  .footer .button-instagram .icon-instagram {
    margin-right: 2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .button-instagram .icon-instagram {
    height: 1.571428571428572vw;
    width: 1.571428571428572vw;
    margin-right: 0.571428571428571vw;
  }
}
.footer .button-instagram .icon-blank {
  display: inline-block;
  height: 1.866666666666667vw;
  width: 1.866666666666667vw;
  font-size: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .footer .button-instagram .icon-blank {
    margin-left: 1.066666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .button-instagram .icon-blank {
    height: 0.714285714285714vw;
    width: 0.714285714285714vw;
    margin-left: 0.357142857142857vw;
  }
}
.footer .button-instagram .text {
  font-weight: 700;
  font-size: 3.2vw;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 1025px) {
  .footer .button-instagram .text {
    font-size: 0.857142857142857vw;
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  .header {
    align-items: center;
    height: 16vw;
    background-color: #000;
    border-bottom: 0.533333333333333vw solid #fff;
  }
}
@media only screen and (min-width: 1025px) {
  .header {
    padding-top: 1.428571428571429vw;
    padding-right: 1.428571428571429vw;
  }
}
.header * {
  pointer-events: auto;
}
.header .logo {
  margin-right: auto;
}
@media only screen and (max-width: 1024px) {
  .header .logo {
    width: 19.733333333333334vw;
    margin-bottom: 0.8vw;
    margin-left: 2.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .header .logo {
    width: 11.5vw;
    margin-left: 1.214285714285714vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .header .logo:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 1024px) {
  .header .button-entry,
  .header .button-mypage,
  .header .button-menu {
    height: 6.666666666666667vw;
  }
  .header .button-entry:before,
  .header .button-mypage:before,
  .header .button-menu:before,
  .header .button-entry:after,
  .header .button-mypage:after,
  .header .button-menu:after {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .header .button-entry,
  .header .button-mypage,
  .header .button-menu {
    height: 4.285714285714286vw;
    width: 10.714285714285714vw;
    border-radius: 2.142857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .header .button-entry {
    width: 24.53333333333333vw;
    flex-direction: column;
    align-items: center;
    font-size: 2.933333333333333vw;
    letter-spacing: 0.04em;
    border-right: 0.266666666666667vw solid #5b5b5b;
  }
}
@media only screen and (min-width: 1025px) {
  .header .button-entry {
    margin-right: 0.142857142857143vw;
  }
}
.header .button-entry .period {
  background-color: #ffe500;
}
@media only screen and (max-width: 1024px) {
  .header .button-entry .period {
    position: relative;
    left: auto;
    margin-left: 0;
    height: 2.4vw;
    width: 11.733333333333333vw;
    margin-right: 0.533333333333333vw;
    font-size: 2vw;
    line-height: 1.066666666666667;
    border-radius: 1.2vw;
    border: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .header .button-entry .period {
    top: -0.285714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .header .button-entry .period .num {
    font-size: 2.133333333333333vw;
  }
}
@media only screen and (max-width: 1024px) {
  .header .button-entry .period .text {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .header .button-mypage {
    width: 21.333333333333336vw;
    font-size: 2.933333333333333vw;
    line-height: 0.909090909090909;
    border-right: 0.266666666666667vw solid #5b5b5b;
  }
  .header .button-mypage .break {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .header .button-mypage {
    margin-right: 0.142857142857143vw;
  }
}
.header .button-menu {
  z-index: 2;
  width: 18.666666666666668vw;
}
@media only screen and (max-width: 1024px) {
  .header .button-menu {
    background-color: transparent;
  }
}
@media only screen and (min-width: 1025px) {
  .header .button-menu {
    width: 5.714285714285714vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .header .button-menu:hover .line:before {
    top: -0.785714285714286vw;
  }
  .header .button-menu:hover .line:after {
    top: 0.785714285714286vw;
  }
}
.header .button-menu .line {
  position: absolute;
  margin: auto;
  inset: 0;
}
@media only screen and (min-width: 1025px) {
  .header .button-menu .line {
    height: 0.571428571428571vw;
    width: 4.285714285714286vw;
    transform: scale(0.5);
  }
}
@media only screen and (max-width: 1024px) {
  .header .button-menu .line {
    height: 0.533333333333333vw;
    width: 8vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .header .button-menu .line {
    transition: width 0.2s ease;
  }
}
.header .button-menu .line:before,
.header .button-menu .line:after {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background-color: #fff;
  transition: top 0.2s 0.15s ease, transform 0.2s 50ms ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.header .button-menu .line:before {
  top: -0.571428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .header .button-menu .line:before {
    top: -0.666666666666667vw;
  }
}
.header .button-menu .line:after {
  top: 0.571428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .header .button-menu .line:after {
    top: 0.8vw;
  }
}
.header .container-nav {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: flex-end;
  z-index: 1;
  width: 95.19999999999999vw;
  height: 100vh;
  transform: translate(100%);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width: 1025px) {
  .header .container-nav {
    width: 38.57142857142858vw;
    padding-left: 2.857142857142857vw;
  }
}
.header .container-nav .container-inner {
  position: relative;
  width: 86vw;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .container-inner {
    width: 33.14285714285714vw;
  }
}
.header .container-nav .container-inner:before,
.header .container-nav .container-inner:after {
  position: absolute;
  top: 0;
  display: block;
  content: '';
  height: 100%;
  width: 38.57142857142858vw;
}
@media only screen and (max-width: 1024px) {
  .header .container-nav .container-inner:before {
    left: -9.2vw;
    width: 95.19999999999999vw;
    background: url(/assets/img/menu-bg-1.png) left -10.933333333333334vw repeat-y
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .container-inner:before {
    left: -5.428571428571429vw;
    background: url(/assets/img/md/menu-bg-1.svg) left -4.071428571428572vw repeat-y
      transparent;
    background-size: 38.57142857142858vw auto;
  }
}
@media only screen and (max-width: 1024px) {
  .header .container-nav .container-inner:after {
    left: -2vw;
    width: 88vw;
    background: url(/assets/img/menu-bg-2.png) left -10.933333333333334vw repeat-y
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .container-inner:after {
    left: -1.428571428571429vw;
    background: url(/assets/img/md/menu-bg-2.svg) left -4.071428571428572vw repeat-y
      transparent;
    background-size: 38.57142857142858vw auto;
  }
}
.header .container-nav .nav {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.header .container-nav .nav:before {
  position: absolute;
  top: 0;
  display: block;
  content: '';
  left: 0;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .header .container-nav .nav:before {
    width: 86vw;
    background: url(/assets/img/menu-bg-3.png) left -10.933333333333334vw repeat-y
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav:before {
    width: 38.57142857142858vw;
    background: url(/assets/img/md/menu-bg-3.svg) left -4.071428571428572vw repeat-y
      transparent;
    background-size: 38.57142857142858vw auto;
  }
}
.header .container-nav .nav .nav-inner {
  position: relative;
  height: 100%;
  overflow-y: scroll;
  padding-top: 10.933333333333334vw;
  padding-bottom: 8.266666666666666vw;
  padding-left: 10.133333333333333vw;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .nav-inner {
    padding-top: 6.428571428571428vw;
    padding-bottom: 5.642857142857142vw;
    padding-left: 4.5vw;
  }
}
.header .container-nav .nav .link {
  display: block;
  padding-left: 2.4vw;
  font-size: 4.8vw;
  letter-spacing: 0.04em;
  line-height: 2.277777777777778;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .link {
    margin-bottom: 1.428571428571429vw;
    padding-left: 0.357142857142857vw;
    font-size: 2.142857142857143vw;
    letter-spacing: 0.04em;
    line-height: 1.333333333333333;
  }
}
.header .container-nav .nav .container-buttons {
  display: flex;
  margin-top: 6.133333333333333vw;
  margin-bottom: 8.266666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .container-buttons {
    margin-top: 3.071428571428572vw;
    margin-bottom: 3vw;
  }
}
.header .container-nav .nav .container-buttons .button-entry,
.header .container-nav .nav .container-buttons .button-mypage {
  width: 34.4vw;
}
@media only screen and (max-width: 1024px) {
  .header .container-nav .nav .container-buttons .button-entry,
  .header .container-nav .nav .container-buttons .button-mypage {
    height: 15.733333333333333vw;
    font-size: 4vw;
    border-radius: 7.866666666666666vw;
  }
  .header .container-nav .nav .container-buttons .button-entry:before,
  .header .container-nav .nav .container-buttons .button-mypage:before,
  .header .container-nav .nav .container-buttons .button-entry:after,
  .header .container-nav .nav .container-buttons .button-mypage:after {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .container-buttons .button-entry,
  .header .container-nav .nav .container-buttons .button-mypage {
    width: 12vw;
  }
}
.header .container-nav .nav .container-buttons .button-entry {
  margin-right: 0.8vw;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .container-buttons .button-entry {
    margin-right: 0.5vw;
    font-size: 1.357142857142857vw;
  }
}
.header .container-nav .nav .container-buttons .button-entry .period {
  background-color: var(--color-red);
}
@media only screen and (max-width: 1024px) {
  .header .container-nav .nav .container-buttons .button-entry .period {
    position: absolute;
    left: 50%;
    top: -1.333333333333333vw;
    height: 4.533333333333333vw;
    width: 17.866666666666667vw;
    margin-left: -8.933333333333334vw;
    font-size: 2.933333333333333vw;
    border: 0.266666666666667vw solid #000;
    border-radius: 2.266666666666667vw;
  }
  .header .container-nav .nav .container-buttons .button-entry .period .num {
    font-size: 2.8vw;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .container-buttons .button-entry .period {
    margin-top: -0.142857142857143vw;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .container-buttons .button-entry .text {
    padding-bottom: 0.071428571428571vw;
  }
}
@media only screen and (max-width: 1024px) {
  .header .container-nav .nav .container-buttons .button-mypage br {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .container-buttons .button-mypage {
    font-size: 1.285714285714286vw;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .container-buttons .button-mypage .text {
    padding-bottom: 0.142857142857143vw;
  }
}
.header .container-nav .nav .link-info-en,
.header .container-nav .nav .link-instagram {
  display: flex;
  align-items: center;
  font-size: 3.466666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .link-info-en,
  .header .container-nav .nav .link-instagram {
    font-size: 1.285714285714286vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .header .container-nav .nav .link-info-en,
  .header .container-nav .nav .link-instagram {
    transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .header .container-nav .nav .link-info-en:hover,
  .header .container-nav .nav .link-instagram:hover {
    color: var(--color-purple);
  }
}
.header .container-nav .nav .link-info-en {
  margin-bottom: 5.333333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .link-info-en {
    margin-bottom: 1.357142857142857vw;
  }
}
.header .container-nav .nav .link-info-en .icon {
  height: 5.066666666666666vw;
  width: 5.066666666666666vw;
  margin-inline: 2.533333333333333vw 1.733333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .link-info-en .icon {
    height: 1.928571428571428vw;
    width: 1.928571428571428vw;
    margin-inline: 0.357142857142857vw 0.714285714285714vw;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .link-info-en .text {
    margin-top: -0.142857142857143vw;
  }
}
.header .container-nav .nav .link-instagram .icon {
  fill: #000;
  height: 4.8vw;
  width: 4.8vw;
  margin-inline: 2.666666666666667vw 1.866666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .link-instagram .icon {
    height: 1.857142857142857vw;
    width: 1.857142857142857vw;
    margin-inline: 0.357142857142857vw 0.714285714285714vw;
  }
}
@media only screen and (min-width: 1025px) {
  .header .container-nav .nav .link-instagram .text {
    margin-top: -0.142857142857143vw;
  }
}
@media only screen and (min-width: 1025px) {
  .is-menu-opened .header .logo {
    display: none;
  }
}
.is-menu-opened .header .container-nav {
  transform: translate(0);
}
.is-menu-opened .wrapper .shadow {
  opacity: 1;
  visibility: inherit;
}
@media only screen and (max-width: 1024px) {
  .is-menu-opened-button .button-menu {
    height: 11.466666666666667vw;
    width: 15.466666666666667vw;
    margin-inline: 1.6vw;
    border-radius: 5.733333333333333vw;
    background-color: #000;
  }
  .is-menu-opened-button .button-menu:before,
  .is-menu-opened-button .button-menu:after {
    display: block;
  }
}
.is-menu-opened-button .button-menu .line:before,
.is-menu-opened-button .button-menu .line:after {
  transition: top 0.2s 50ms, transform 0.2s 0.15s;
  top: 0 !important;
}
.is-menu-opened-button .button-menu .line:before {
  transform: rotate(18deg) skew(18deg);
}
.is-menu-opened-button .button-menu .line:after {
  transform: rotate(-18deg) skew(-18deg);
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .is-menu-opened-button .button-menu:hover .line:before {
    transition: top 0.2s 50ms, transform 0.4s 0.15s;
    transform: rotate(25deg) skew(25deg);
  }
  .is-menu-opened-button .button-menu:hover .line:after {
    transition: top 0.2s 50ms, transform 0.4s 0.15s;
    transform: rotate(-25deg) skew(-25deg);
  }
}
html:has(.is-menu-opened) {
  overflow: hidden;
}
.wrapper {
  position: relative;
  overflow: hidden;
}
.wrapper .shadow {
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #00000080;
  z-index: 9;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.main {
  position: relative;
}
.transition-cover {
  background: var(--color-red);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  pointer-events: none;
  height: 100%;
  width: 100%;
  z-index: 100;
}
.page-company .section-2 .decoration,
.page-company .section-group-company .decoration {
  margin-left: -17.857142857142858vw;
  position: absolute;
  height: 100%;
  width: 135.71428571428572vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .decoration,
  .page-company .section-group-company .decoration {
    margin-left: -24.933333333333334vw;
    width: 149.86666666666665vw;
  }
}
.page-company .section-2 .decoration > div,
.page-company .section-group-company .decoration > div {
  position: absolute;
}
.page-company .section-2 .decoration .bg-1,
.page-company .section-group-company .decoration .bg-1 {
  height: 111.57142857142857vw;
  width: 135.71428571428572vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .decoration .bg-1,
  .page-company .section-group-company .decoration .bg-1 {
    height: 123.2vw;
    width: 149.86666666666665vw;
  }
}
.page-company .section-2 .decoration .bg-2,
.page-company .section-group-company .decoration .bg-2 {
  fill: #fff;
  left: 1.428571428571429vw;
  height: 108.71428571428572vw;
  width: 132.85714285714286vw;
  top: 1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .decoration .bg-2,
  .page-company .section-group-company .decoration .bg-2 {
    left: 3.066666666666666vw;
    height: 117.86666666666667vw;
    width: 143.73333333333335vw;
    top: 2.666666666666667vw;
  }
}
.page-company .section-2 .decoration .bg-3,
.page-company .section-group-company .decoration .bg-3 {
  left: 4.285714285714286vw;
  height: 62.28571428571429vw;
  width: 127.14285714285714vw;
  top: 4.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .decoration .bg-3,
  .page-company .section-group-company .decoration .bg-3 {
    left: 8.533333333333333vw;
    height: 64.8vw;
    width: 132.8vw;
    top: 7.733333333333333vw;
  }
}
.page-company .wrapper {
  background: var(--color-red);
}
.page-company .main {
  padding-top: 13.714285714285715vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .main {
    margin-top: 16vw;
    padding-top: 18.266666666666666vw;
  }
}
.page-company .page-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 5.357142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .page-heading {
    margin-bottom: 13.333333333333334vw;
  }
}
.page-company .page-heading .text-main {
  margin-left: 0.5vw;
  position: relative;
  width: 75.92857142857142vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .page-heading .text-main {
    margin-left: 0.8vw;
    width: 87.46666666666667vw;
  }
}
.page-company .page-heading .ill {
  position: absolute;
  top: -1.714285714285714vw;
  left: 44.357142857142854vw;
  width: 10.642857142857142vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .page-heading .ill {
    left: 58.266666666666666vw;
    top: 9.733333333333333vw;
    width: 19.866666666666667vw;
  }
}
.page-company .page-heading .text-sub {
  margin-left: 0.214285714285714vw;
  margin-top: 1.785714285714286vw;
  font-size: 1.571428571428572vw;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 1024px) {
  .page-company .page-heading .text-sub {
    margin-left: 0.4vw;
    margin-top: 3.2vw;
    font-size: 3.466666666666666vw;
  }
}
.page-company .section-1 {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 {
    margin-inline: -4vw;
    margin-bottom: 13.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 {
    width: 80vw;
    margin-inline: auto;
    margin-bottom: 3.571428571428571vw;
    font-size: 1.285714285714286vw;
    line-height: 1.555555555555556;
  }
}
.page-company .section-1 .section-inner {
  border: 0.533333333333333vw solid #000;
  border-radius: 10vw;
  padding: 2.8vw;
  background-color: var(--color-lightblue);
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .section-inner {
    border-radius: 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 1.642857142857143vw;
  }
}
.page-company .section-1 .container {
  position: relative;
  border: 0.4vw solid #000;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .container {
    padding: 12vw 6.933333333333333vw 5.866666666666666vw;
    background: url(/assets/img/bg-grid-2-lighter.png) left top repeat
      transparent;
    background-size: 6.666666666666667vw auto;
    border-radius: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .container {
    padding: 7.571428571428572vw 9.571428571428571vw 6.428571428571428vw;
    border-width: 0.071428571428571vw;
    border-radius: 5.285714285714286vw;
    background: url(/assets/img/md/bg-grid-2-lighter.png) left top repeat
      transparent;
    background-size: 2.571428571428571vw auto;
  }
}
.page-company .section-1 .chara-1 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .chara-1 {
    top: 82.26666666666667vw;
    right: 2.666666666666667vw;
    width: 16.266666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .chara-1 {
    top: 29.642857142857142vw;
    right: 5.928571428571429vw;
    width: 8.714285714285715vw;
  }
}
.page-company .section-1 .chara-2 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .chara-2 {
    top: 58.13333333333334vw;
    right: 10.8vw;
    width: 15.733333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .chara-2 {
    top: 14.571428571428571vw;
    right: 15.571428571428573vw;
    width: 8.428571428571429vw;
  }
}
.page-company .section-1 .string-1 {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .string-1 {
    right: 0.133333333333333vw;
    top: 28.000000000000004vw;
    width: 17.599999999999998vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .string-1 {
    bottom: 0;
    width: 19.357142857142858vw;
  }
}
.page-company .section-1 .list-detail li {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .list-detail li {
    margin-bottom: 6.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .list-detail li {
    margin-bottom: 2vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .list-detail .heading {
    width: 17.333333333333336vw;
    font-size: 3.866666666666667vw;
    letter-spacing: 0.02em;
    line-height: 1.714285714285714;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .list-detail .heading {
    width: 7.857142857142857vw;
    font-size: 1.571428571428572vw;
    letter-spacing: 0.04em;
    line-height: 1.272727272727273;
  }
}
.page-company .section-1 .list-detail .detail {
  flex: 1;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .list-detail .detail {
    font-size: 3.733333333333334vw;
    letter-spacing: 0.005em;
    line-height: 1.714285714285714;
    text-align: justify;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .list-detail .detail {
    font-size: 1.285714285714286vw;
    line-height: 1.555555555555556;
  }
}
.page-company .section-1 .list-detail .detail .text-small {
  display: block;
  font-weight: 500;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-1 .list-detail .detail .text-small {
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-1 .list-detail .detail .text-small {
    padding-bottom: 0.214285714285714vw;
    font-size: 1.142857142857143vw;
    letter-spacing: 0.01em;
  }
}
.page-company .section-2 {
  position: relative;
}
.page-company .section-2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  height: calc(100% - 35.714285714285715vw);
  width: 100%;
  background: url(/assets/img/company/md/bg-grid-purple.png) 1.214285714285714vw
    1.928571428571428vw repeat transparent;
  background-size: 2.571428571428571vw auto;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2:after {
    height: calc(100% - 64.8vw);
    background: url(/assets/img/company/bg-grid-purple.png) 0.266666666666667vw
      3.466666666666666vw repeat transparent;
    background-size: 6.666666666666667vw auto;
  }
}
.page-company .section-2 .decoration .bg-1 {
  fill: var(--color-yellow);
}
.page-company .section-2 .decoration .bg-3 {
  mask-repeat: no-repeat;
  mask-position: center top;
  mask-size: 100% auto;
  mask-image: url(/assets/img/company/md/bg-3-mask.png);
  background: url(/assets/img/company/md/bg-grid-purple.png) 1.928571428571428vw
    top repeat transparent;
  background-size: 2.571428571428571vw auto;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .decoration .bg-3 {
    mask-image: url(/assets/img/company/bg-3-mask.png);
    background: url(/assets/img/company/bg-grid-purple.png) 3.2vw
      0.266666666666667vw repeat transparent;
    background-size: 6.666666666666667vw auto;
  }
}
.page-company .section-2 .section-inner {
  position: relative;
  z-index: 1;
  padding-block: 12.714285714285714vw 35.714285714285715vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .section-inner {
    padding-block: 29.46666666666667vw 40.266666666666666vw;
  }
}
.page-company .section-2 .section-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 3vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .section-heading {
    margin-bottom: 15.733333333333333vw;
  }
}
.page-company .section-2 .section-heading .text-main {
  position: relative;
  margin-left: 0.071428571428571vw;
  width: 46.714285714285715vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .section-heading .text-main {
    margin-right: 1.2vw;
    width: 87.33333333333333vw;
  }
}
.page-company .section-2 .section-heading .text-main .text-asterisk {
  position: absolute;
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .section-heading .text-main .text-asterisk {
    right: 0.357142857142857vw;
    top: -0.714285714285714vw;
    font-size: 0.857142857142857vw;
    letter-spacing: 0.02em;
  }
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .section-heading .text-main .text-asterisk {
    right: -0.714285714285714vw;
    bottom: -3.571428571428571vw;
    font-size: 2.666666666666667vw;
    letter-spacing: 0.02em;
  }
}
.page-company .section-2 .block {
  width: 80vw;
  margin-inline: auto;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block {
    width: 86.66666666666667vw;
  }
}
.page-company .section-2 .block .block-heading {
  margin-inline: auto;
}
.page-company .section-2 .toggle-container {
  padding-bottom: 2.857142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .toggle-container {
    padding-bottom: 6.666666666666667vw;
  }
}
.page-company .section-2 .toggle-container + .toggle-container {
  margin-top: 1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .toggle-container + .toggle-container {
    margin-top: 2.666666666666667vw;
  }
}
.page-company
  .section-2
  .toggle-container.is-opened
  .toggle-head
  .icon-wrap
  .icon:before {
  transform: rotate(180deg);
}
.page-company
  .section-2
  .toggle-container.is-opened
  .toggle-head
  .icon-wrap
  .icon:after {
  transform: rotate(270deg);
}
.page-company .section-2 .toggle-container .toggle-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.714285714285714vw;
  padding-right: 1.285714285714286vw;
  padding-left: 2.714285714285714vw;
  border-radius: 2.857142857142857vw;
  border: 0.142857142857143vw solid #000;
  background-color: var(--color-lightblue);
  cursor: pointer;
  transition: background-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .toggle-container .toggle-head {
    height: 13.333333333333334vw;
    padding-right: 2.133333333333333vw;
    padding-left: 4.8vw;
    border-radius: 6.666666666666667vw;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.02em;
    line-height: 1.071428571428571;
    border-width: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .toggle-container .toggle-head {
    font-size: 2vw;
    letter-spacing: 0.02em;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-company .section-2 .toggle-container .toggle-head:hover {
    background-color: #9ddbf5;
  }
  .page-company .section-2 .toggle-container .toggle-head:hover .icon-bg {
    transform: scale(1.1);
  }
  .page-company .section-2 .toggle-container .toggle-head:hover .icon {
    transform: rotate(180deg);
  }
}
.page-company .section-2 .toggle-container .toggle-head .name {
  padding-bottom: 0.142857142857143vw;
}
.page-company .section-2 .toggle-container .toggle-head .icon-wrap {
  position: relative;
  height: 2.857142857142857vw;
  width: 2.857142857142857vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .toggle-container .toggle-head .icon-wrap {
    height: 5.333333333333334vw;
    width: 5.333333333333334vw;
  }
}
.page-company .section-2 .toggle-container .toggle-head .icon-wrap .icon {
  height: 1.571428571428572vw;
  width: 1.571428571428572vw;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .toggle-container .toggle-head .icon-wrap .icon {
    height: 2.933333333333333vw;
    width: 2.933333333333333vw;
  }
}
.page-company .section-2 .toggle-container .toggle-head .icon-wrap .icon:before,
.page-company .section-2 .toggle-container .toggle-head .icon-wrap .icon:after {
  display: block;
  content: '';
  position: absolute;
  margin: auto;
  inset: 0;
  z-index: 1;
  height: 0.285714285714286vw;
  width: 1.571428571428572vw;
  background-color: #fff;
  border-radius: 0.142857142857143vw;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
}
@media only screen and (max-width: 1024px) {
  .page-company
    .section-2
    .toggle-container
    .toggle-head
    .icon-wrap
    .icon:before,
  .page-company
    .section-2
    .toggle-container
    .toggle-head
    .icon-wrap
    .icon:after {
    height: 0.533333333333333vw;
    width: 2.933333333333333vw;
    border-radius: 0.266666666666667vw;
  }
}
.page-company .section-2 .toggle-container .toggle-head .icon-wrap .icon:after {
  height: 1.571428571428572vw;
  width: 0.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-company
    .section-2
    .toggle-container
    .toggle-head
    .icon-wrap
    .icon:after {
    height: 2.933333333333333vw;
    width: 0.533333333333333vw;
  }
}
.page-company .section-2 .toggle-container .toggle-contents {
  overflow: hidden;
  height: 0;
  transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .toggle-container .toggle-contents {
    margin-top: -6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .toggle-container .toggle-contents {
    margin-top: -2.857142857142857vw;
  }
}
.page-company .section-2 .toggle-container .toggle-inner {
  border: 0.533333333333333vw solid #000;
  border-radius: 0 0 9.333333333333334vw 9.333333333333334vw;
  padding: 2.8vw;
  background-color: var(--color-lightblue);
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .toggle-container .toggle-inner {
    border-radius: 0 0 7.142857142857142vw 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 1.642857142857143vw;
  }
}
.page-company .section-2 .toggle-container .toggle-inner .container {
  position: relative;
  border: 0.4vw solid #000;
  overflow: hidden;
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .toggle-container .toggle-inner .container {
    padding-block: 9.866666666666667vw 6.666666666666667vw;
    border-radius: 0 0 6vw 6vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .toggle-container .toggle-inner .container {
    padding: 6.785714285714286vw 5.714285714285714vw 2.142857142857143vw;
    border-width: 0.071428571428571vw;
    border-radius: 0 0 5.285714285714286vw 5.285714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .info {
    padding-inline: 6.4vw;
    margin-bottom: 5.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.714285714285714vw;
  }
}
.page-company .section-2 .info .logo {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .info .logo {
    margin-bottom: 5.600000000000001vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .info .logo {
    height: 14.285714285714285vw;
    width: 22.857142857142858vw;
    margin-right: 2.857142857142857vw;
    border-radius: 1.428571428571429vw;
  }
}
.page-company .section-2 .info .logo:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  height: 100%;
  width: 100%;
  border: 0.142857142857143vw solid #000;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .info .logo:after {
    border-radius: 4vw;
    border-width: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .info .logo:after {
    border-radius: 1.428571428571429vw;
  }
}
.page-company .section-2 .info .container-text {
  text-align: justify;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .info .container-text {
    font-size: 3.733333333333334vw;
    letter-spacing: 0.02em;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .info .container-text {
    flex: 1;
    font-size: 1.142857142857143vw;
    line-height: 2;
  }
}
.page-company .section-2 .info .container-text .company-name {
  font-weight: 900;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .info .container-text .company-name {
    margin-bottom: 1.285714285714286vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .info .container-text .company-name {
    margin-top: -0.857142857142857vw;
    margin-bottom: 0.428571428571429vw;
    font-size: 1.285714285714286vw;
    letter-spacing: 0.02em;
  }
}
.page-company .section-2 .container-list {
  background-color: #f2f4f5;
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .container-list {
    padding: 5vw 3.857142857142857vw 3.571428571428571vw;
    border-radius: 1.428571428571429vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list {
    padding: 6.666666666666667vw 6.4vw 4.8vw;
  }
}
.page-company .section-2 .container-list .heading {
  margin-bottom: 2.142857142857143vw;
  font-size: 1.285714285714286vw;
  letter-spacing: 0.02em;
  font-weight: 900;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list .heading {
    margin-bottom: 6.666666666666667vw;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.02em;
  }
}
.page-company .section-2 .container-list ul {
  display: flex;
  flex-wrap: wrap;
}
.page-company .section-2 .container-list ul.list-1 {
  gap: 1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-1 {
    gap: 2.4vw;
  }
}
.page-company .section-2 .container-list ul.list-1 li {
  width: 27.857142857142858vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-1 li {
    width: 32vw;
    padding-bottom: 1.066666666666667vw;
  }
}
.page-company .section-2 .container-list ul.list-1 li .img {
  border-radius: 0.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-1 li .img {
    border-radius: 1.333333333333333vw;
  }
}
.page-company .section-2 .container-list ul.list-2 {
  gap: 1.571428571428572vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-2 {
    gap: 2.4vw;
  }
}
.page-company .section-2 .container-list ul.list-2 li {
  width: 18vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-2 li {
    width: 32vw;
    padding-bottom: 1.066666666666667vw;
  }
}
.page-company .section-2 .container-list ul.list-3 {
  gap: 1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-3 {
    gap: 1.6vw;
  }
}
.page-company .section-2 .container-list ul.list-3 li {
  width: 13.214285714285715vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-3 li {
    width: 21.066666666666666vw;
    padding-bottom: 1.866666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul.list-3 li .caption {
    margin-top: 1.6vw;
  }
}
.page-company .section-2 .container-list ul + .heading {
  margin-top: 3.571428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul + .heading {
    margin-top: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .container-list ul li {
    padding-bottom: 1.428571428571429vw;
  }
}
.page-company .section-2 .container-list ul .img {
  overflow: hidden;
}
.page-company .section-2 .container-list ul .caption {
  margin-top: 0.5vw;
  text-align: center;
  font-weight: 700;
  font-size: 1vw;
  letter-spacing: 0.02em;
  line-height: 1.142857142857143;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul .caption {
    margin-top: 0.933333333333333vw;
    font-size: 2.666666666666667vw;
    letter-spacing: 0.02em;
    line-height: 1.5;
  }
}
.page-company .section-2 .container-list ul .caption .copyright {
  display: block;
  font-weight: 500;
  padding-top: 0.5vw;
  font-size: 0.714285714285714vw;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .container-list ul .caption .copyright {
    padding-top: 1.6vw;
    font-size: 2.4vw;
    letter-spacing: 0.02em;
    line-height: 1.333333333333333;
  }
}
.page-company .section-2 .button-close {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  margin-top: 2.142857142857143vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .button-close {
    margin-top: 6.666666666666667vw;
  }
}
.page-company .section-2 .button-close .icon {
  position: relative;
  height: 2.142857142857143vw;
  width: 2.142857142857143vw;
  margin-right: 0.571428571428571vw;
  border-radius: 50%;
  background-color: #000;
  transform: rotate(45deg);
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .button-close .icon {
    height: 4vw;
    width: 4vw;
    margin-right: 1.066666666666667vw;
  }
}
.page-company .section-2 .button-close .icon:before,
.page-company .section-2 .button-close .icon:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  height: 0.214285714285714vw;
  width: 1.142857142857143vw;
  background-color: #fff;
  border-radius: 0.107142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .button-close .icon:before,
  .page-company .section-2 .button-close .icon:after {
    height: 0.4vw;
    width: 2.133333333333333vw;
  }
}
.page-company .section-2 .button-close .icon:after {
  height: 1.142857142857143vw;
  width: 0.214285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .button-close .icon:after {
    height: 2.133333333333333vw;
    width: 0.4vw;
  }
}
.page-company .section-2 .button-close .text {
  padding-bottom: 0.142857142857143vw;
  font-size: 1.571428571428572vw;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .button-close .text {
    font-size: 2.933333333333333vw;
    letter-spacing: 0.02em;
  }
}
.page-company .section-2 .block-1 .block-heading {
  width: 23.07142857142857vw;
  margin-bottom: 3.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block-1 .block-heading {
    width: 43.2vw;
    margin-bottom: 6.4vw;
  }
}
.page-company .section-2 .block-2 {
  padding-top: 4.142857142857142vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block-2 {
    padding-top: 5.866666666666666vw;
  }
}
.page-company .section-2 .block-2 .block-heading {
  width: 35.14285714285714vw;
  margin-bottom: 3.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block-2 .block-heading {
    width: 66.13333333333333vw;
    margin-bottom: 6.666666666666667vw;
  }
}
.page-company .section-2 .block-3 {
  padding-top: 7.000000000000001vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block-3 {
    padding-top: 13.333333333333334vw;
  }
}
.page-company .section-2 .block-3 .block-heading {
  width: 32.07142857142857vw;
  margin-bottom: 3.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block-3 .block-heading {
    width: 60.66666666666667vw;
    margin-bottom: 6.133333333333333vw;
  }
}
.page-company .section-2 .block-4 {
  padding-top: 7.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block-4 {
    padding-top: 13.066666666666665vw;
  }
}
.page-company .section-2 .block-4 .block-heading {
  width: 42.92857142857143vw;
  margin-bottom: 3.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-2 .block-4 .block-heading {
    width: 80.93333333333334vw;
    margin-bottom: 6.666666666666667vw;
  }
}
.page-company .section-2 .company-0.toggle-container .toggle-contents {
  height: auto;
}
@media only screen and (min-width: 1025px) {
  .page-company .section-2 .company-0 .container-list {
    padding-top: 5.714285714285714vw;
  }
}
.page-company .section-group-company {
  position: relative;
  padding-top: 0;
}
@media only screen and (min-width: 1025px) {
  .page-company .section-group-company {
    margin-top: -27.142857142857142vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-company .section-group-company {
    margin-top: -26.93333333333333vw;
  }
}
.page-company .section-group-company:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  height: calc(100% - 35.714285714285715vw);
  width: 100%;
  background: var(--color-red);
}
@media only screen and (max-width: 1024px) {
  .page-company .section-group-company:after {
    height: calc(100% - 64.8vw);
  }
}
.page-company .section-group-company .decoration .bg-1 {
  fill: var(--color-green);
}
.page-company .section-group-company .decoration .bg-3 {
  fill: var(--color-red);
}
.page-company .section-group-company .section-inner {
  position: relative;
  z-index: 1;
  padding-top: 14.285714285714285vw;
  padding-bottom: 25.928571428571427vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-group-company .section-inner {
    padding-top: 29.333333333333332vw;
    padding-bottom: 41.6vw;
  }
}
.page-company .section-group-company .section-inner .section-heading {
  padding-left: 0.785714285714286vw;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.page-company .section-group-company .section-inner .links {
  margin-top: 6.214285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-company .section-group-company .section-inner .links {
    margin-top: 6.933333333333333vw;
  }
}
.page-entry .wrapper {
  background: var(--color-red);
}
.page-entry .main {
  padding-bottom: 26vw;
  padding-top: 13.857142857142858vw;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-entry .main {
    margin-top: 16vw;
    padding-bottom: 49.333333333333336vw;
    padding-top: 18.666666666666668vw;
  }
}
.page-entry .page-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page-entry .page-heading .text-main {
  margin-left: 6.142857142857143vw;
  position: relative;
  width: 32.142857142857146vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .page-heading .text-main {
    margin-left: 12.666666666666668vw;
    width: 60vw;
  }
}
.page-entry .page-heading .ill {
  position: absolute;
  top: -2.642857142857143vw;
  left: -8.071428571428571vw;
  width: 10.214285714285715vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .page-heading .ill {
    left: -14.666666666666666vw;
    top: -4.933333333333334vw;
    width: 19.066666666666666vw;
  }
}
.page-entry .page-heading .text-sub {
  margin-left: 0.214285714285714vw;
  margin-top: 1.785714285714286vw;
  font-size: 1.571428571428572vw;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 1024px) {
  .page-entry .page-heading .text-sub {
    margin-left: -0.533333333333333vw;
    margin-top: 2vw;
    font-size: 3.466666666666666vw;
  }
}
.page-entry .course-container {
  background: #5cc3ec;
  border: 0.142857142857143vw solid #000;
  border-radius: 7.142857142857142vw;
  margin-inline: auto;
  margin-top: 5.428571428571429vw;
  padding: 1.642857142857143vw;
  position: relative;
  width: 80vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .course-container {
    border-radius: 9.333333333333334vw;
    border-width: 0.533333333333333vw;
    margin-left: -3.733333333333334vw;
    margin-top: 13.333333333333334vw;
    padding: 2.8vw;
    width: 107.46666666666667vw;
  }
}
.page-entry .course-container .course-container-inner {
  background: #fff;
  border: 0.071428571428571vw solid #000;
  border-radius: 5.428571428571429vw;
  overflow: hidden;
  padding: 6.642857142857143vw 5.714285714285714vw 6.928571428571429vw;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-entry .course-container .course-container-inner {
    border-radius: 5.866666666666666vw;
    border-width: 0.4vw;
    padding: 12.266666666666666vw 6.666666666666667vw 15.066666666666666vw;
  }
}
.page-entry .course-container .course-container-inner:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  opacity: 0.5;
  height: 100%;
  width: 100%;
  background: url(/assets/img/md/bg-grid-2.png) left top repeat;
  background-size: 2.571428571428571vw 2.571428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .course-container .course-container-inner:before {
    background: url(/assets/img/bg-grid-2.png) left -3.2vw repeat;
    background-size: 6.666666666666667vw 6.666666666666667vw;
  }
}
.page-entry .course-container .course-container-inner > * {
  position: relative;
}
.page-entry .course-container .course-notes {
  text-align: center;
  font-size: 1.142857142857143vw;
  line-height: 1.75;
  margin-left: 0.214285714285714vw;
  margin-top: 3.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .course-container .course-notes {
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
    margin-left: 0.4vw;
    margin-top: 7.733333333333333vw;
  }
}
.page-entry .course-container .course-notes a {
  text-decoration: underline;
  text-underline-offset: 0.214285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .course-container .course-notes a {
    text-underline-offset: 0.933333333333333vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-entry .course-container .course-notes a {
    transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .page-entry .course-container .course-notes a:hover {
    color: #666;
  }
}
.page-entry .section-generalist .section-heading,
.page-entry .section-specialist .section-heading {
  margin-inline: auto;
}
.page-entry .section-generalist .text,
.page-entry .section-specialist .text {
  margin-inline: auto;
  width: 61.42857142857143vw;
  font-size: 1.142857142857143vw;
  line-height: 1.75;
  margin-top: 2.928571428571429vw;
  padding-inline: 0.714285714285714vw;
  text-align: justify;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .text,
  .page-entry .section-specialist .text {
    width: 100%;
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
    margin-top: 6.666666666666667vw;
    padding-inline: 1.333333333333333vw;
  }
}
.page-entry .section-generalist .links,
.page-entry .section-specialist .links {
  padding-bottom: 1.142857142857143vw;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links,
  .page-entry .section-specialist .links {
    padding-bottom: 6.133333333333333vw;
  }
}
.page-entry .section-generalist .links:before,
.page-entry .section-specialist .links:before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #dce0e5f2;
  border-radius: 1.428571428571429vw;
  content: '';
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links:before,
  .page-entry .section-specialist .links:before {
    border-radius: 5.333333333333334vw;
  }
}
.page-entry .section-generalist .links:after,
.page-entry .section-specialist .links:after {
  position: absolute;
  margin: auto;
  inset: 0;
  content: 'エントリーの受付を終了しました';
  font-size: 1.571428571428572vw;
  display: grid;
  font-weight: 700;
  place-content: center;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links:after,
  .page-entry .section-specialist .links:after {
    font-size: 4vw;
    line-height: 1.5;
    content: 'エントリーの受付を\a終了しました';
    text-align: center;
    white-space: pre;
  }
}
.page-entry .section-generalist .links ul,
.page-entry .section-specialist .links ul {
  display: flex;
  gap: 4.285714285714286vw;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links ul,
  .page-entry .section-specialist .links ul {
    flex-direction: column;
    gap: 4.533333333333333vw 0;
  }
}
.page-entry .section-generalist .links li,
.page-entry .section-specialist .links li {
  width: 28.857142857142858vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links li,
  .page-entry .section-specialist .links li {
    margin-inline: auto;
    width: 68.8vw;
  }
}
.page-entry .section-generalist .links a,
.page-entry .section-specialist .links a {
  align-items: center;
  background: #000;
  border: 0.142857142857143vw solid #000;
  border-radius: 3.928571428571428vw;
  display: flex;
  height: 7.857142857142857vw;
  padding-bottom: 0.142857142857143vw;
  padding-left: 2.285714285714286vw;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links a,
  .page-entry .section-specialist .links a {
    border-radius: 7.733333333333333vw;
    border-width: 0.666666666666667vw;
    height: 15.466666666666667vw;
    padding-bottom: 0.8vw;
    padding-left: 5.733333333333333vw;
  }
}
.page-entry .section-generalist .links a:before,
.page-entry .section-specialist .links a:before {
  position: absolute;
  top: 0;
  left: 0;
  border: 0.214285714285714vw solid #fff;
  border-radius: 3.928571428571428vw;
  content: '';
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links a:before,
  .page-entry .section-specialist .links a:before {
    border-radius: 7.333333333333333vw;
    border-width: 0.4vw;
  }
}
.page-entry .section-generalist .links a > *,
.page-entry .section-specialist .links a > * {
  position: relative;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-entry .section-generalist .links a,
  .page-entry .section-specialist .links a {
    transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .page-entry .section-generalist .links a:hover,
  .page-entry .section-specialist .links a:hover {
    background-color: var(--color-purple);
  }
  .page-entry .section-generalist .links a:hover .icon-blank .icon-bg,
  .page-entry .section-specialist .links a:hover .icon-blank .icon-bg {
    transform: scale(1.1);
  }
}
.page-entry .section-generalist .links .position,
.page-entry .section-specialist .links .position {
  display: grid;
  place-content: center;
  font-size: 1.071428571428571vw;
  border-radius: 0.928571428571429vw;
  font-weight: 900;
  margin-top: 0.142857142857143vw;
  padding-bottom: 0.071428571428571vw;
  height: 1.857142857142857vw;
  width: 5vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links .position,
  .page-entry .section-specialist .links .position {
    font-size: 2.933333333333333vw;
    border-radius: 2vw;
    margin-top: 0.266666666666667vw;
    padding-bottom: 0.133333333333333vw;
    height: 4.133333333333333vw;
    width: 13.466666666666665vw;
  }
}
.page-entry .section-generalist .links .text-main,
.page-entry .section-specialist .links .text-main {
  color: #fff;
  font-size: 2.285714285714286vw;
  letter-spacing: 0.04em;
  margin-left: 0.642857142857143vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links .text-main,
  .page-entry .section-specialist .links .text-main {
    font-size: 5.333333333333334vw;
    letter-spacing: 0;
    margin-left: 0.933333333333333vw;
  }
}
.page-entry .section-generalist .links .icon-blank,
.page-entry .section-specialist .links .icon-blank {
  position: absolute;
  top: 50%;
  right: 2vw;
  border-radius: 50%;
  display: grid;
  margin-top: -1.428571428571429vw;
  place-content: center;
  height: 2.857142857142857vw;
  width: 2.857142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links .icon-blank,
  .page-entry .section-specialist .links .icon-blank {
    margin-top: -2.666666666666667vw;
    right: 4.399999999999999vw;
    height: 5.333333333333334vw;
    width: 5.333333333333334vw;
  }
}
.page-entry .section-generalist .links .icon-blank .icon-bg,
.page-entry .section-specialist .links .icon-blank .icon-bg {
  background-color: #fff;
}
.page-entry .section-generalist .links .icon-blank svg,
.page-entry .section-specialist .links .icon-blank svg {
  position: relative;
  height: 0.714285714285714vw;
  width: 0.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links .icon-blank svg,
  .page-entry .section-specialist .links .icon-blank svg {
    height: 1.866666666666667vw;
    width: 1.866666666666667vw;
  }
}
.page-entry .section-generalist .links .notes,
.page-entry .section-specialist .links .notes {
  margin-top: 1vw;
  font-size: 0.857142857142857vw;
  line-height: 1.666666666666667;
  padding-inline: 1.142857142857143vw;
  text-align: justify;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links .notes,
  .page-entry .section-specialist .links .notes {
    margin-top: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    padding-inline: 1.333333333333333vw;
  }
}
.page-entry .section-generalist .section-heading {
  width: 42.42857142857142vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .section-heading {
    width: 79.46666666666667vw;
  }
}
.page-entry .section-generalist .links {
  margin-top: 2vw;
  padding-top: 1.428571428571429vw;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-generalist .links {
    margin-top: 3.866666666666667vw;
    padding-top: 4vw;
  }
}
.page-entry .section-generalist .links .position {
  background: #fc0;
}
.page-entry .section-specialist {
  margin-top: 5vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-specialist {
    margin-top: 9.6vw;
  }
}
.page-entry .section-specialist .section-heading {
  width: 42.57142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-specialist .section-heading {
    width: 79.73333333333333vw;
  }
}
.page-entry .section-specialist .links {
  margin-top: 0.285714285714286vw;
  padding-top: 1.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-entry .section-specialist .links {
    margin-top: 1.6vw;
    padding-top: 4vw;
  }
}
.page-entry .section-specialist .links .position {
  background: #b79de7;
}
.page-job .wrapper {
  background: var(--color-red);
}
.page-job .main {
  padding-top: 13.714285714285715vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .main {
    margin-top: 16vw;
    padding-top: 18.53333333333333vw;
  }
}
.page-job .page-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page-job .page-heading .text-main {
  margin-left: 0.428571428571429vw;
  position: relative;
  width: 53vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .page-heading .text-main {
    margin-left: 0.8vw;
    width: 90.26666666666667vw;
  }
}
.page-job .page-heading .ill {
  position: absolute;
  top: -0.357142857142857vw;
  left: 19.071428571428573vw;
  width: 8.571428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .page-heading .ill {
    left: 32.53333333333333vw;
    top: -0.933333333333333vw;
    width: 16vw;
  }
}
.page-job .page-heading .text-sub {
  margin-left: 0.214285714285714vw;
  margin-top: 1.785714285714286vw;
  font-size: 1.571428571428572vw;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 1024px) {
  .page-job .page-heading .text-sub {
    margin-left: 0.4vw;
    margin-top: 2vw;
    font-size: 3.466666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .page-nav .item-1 a {
    padding-inline: 1.428571428571429vw 1vw;
    padding-top: 3.428571428571429vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-1 a {
    padding-top: 4.133333333333333vw;
  }
}
.page-job .page-nav .item-1 .text-main {
  width: 15.142857142857144vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-1 .text-main {
    width: 28.26666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .page-nav .item-2 a {
    padding-inline: 1vw 1vw;
    padding-top: 3.642857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-2 a {
    padding-top: 4.266666666666667vw;
  }
}
.page-job .page-nav .item-2 .text-main {
  width: 19.428571428571427vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-2 .text-main {
    width: 36.266666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .page-nav .item-3 a {
    padding-inline: 1vw 0.5vw;
    padding-top: 3.642857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-3 a {
    padding-top: 4.399999999999999vw;
  }
}
.page-job .page-nav .item-3 .text-main {
  width: 22.357142857142858vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-3 .text-main {
    width: 41.733333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .page-nav .item-4 a {
    padding-inline: 0.5vw 1.285714285714286vw;
    padding-top: 3.428571428571429vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-4 a {
    padding-top: 4.133333333333333vw;
  }
}
.page-job .page-nav .item-4 .text-main {
  width: 21.071428571428573vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .page-nav .item-4 .text-main {
    width: 43.2vw;
  }
}
.page-job .section-job {
  position: relative;
}
.page-job .section-job:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  height: calc(100% - 35.714285714285715vw);
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job:after {
    height: calc(100% - 64.8vw);
  }
}
.page-job .section-job .decoration {
  margin-left: -17.857142857142858vw;
  position: absolute;
  height: 100%;
  width: 135.71428571428572vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .decoration {
    margin-left: -24.933333333333334vw;
    width: 149.86666666666665vw;
  }
}
.page-job .section-job .decoration > div {
  position: absolute;
}
.page-job .section-job .decoration .bg-1 {
  height: 111.57142857142857vw;
  width: 135.71428571428572vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .decoration .bg-1 {
    height: 123.2vw;
    width: 149.86666666666665vw;
  }
}
.page-job .section-job .decoration .bg-2 {
  fill: #fff;
  left: 1.428571428571429vw;
  height: 108.71428571428572vw;
  width: 132.85714285714286vw;
  top: 1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .decoration .bg-2 {
    left: 3.066666666666666vw;
    height: 117.86666666666667vw;
    width: 143.73333333333335vw;
    top: 2.666666666666667vw;
  }
}
.page-job .section-job .decoration .bg-3 {
  left: 4.285714285714286vw;
  height: 62.28571428571429vw;
  width: 127.14285714285714vw;
  top: 4.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .decoration .bg-3 {
    left: 8.533333333333333vw;
    height: 64.8vw;
    width: 132.8vw;
    top: 7.733333333333333vw;
  }
}
.page-job .section-job .decoration .text {
  color: #fff;
  left: 0;
  text-align: center;
  top: 12.714285714285714vw;
  width: 100%;
  font-size: 10.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .decoration .text {
    top: 21.6vw;
    font-size: 20vw;
  }
}
.page-job .section-job .section-inner {
  position: relative;
  z-index: 1;
}
.page-job .section-job .section-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-container {
    align-items: flex-start;
    display: flex;
    gap: 1.785714285714286vw;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-container {
    gap: 3.333333333333333vw;
  }
}
.page-job .section-job .tab-btn-block {
  width: 21vw;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-btn-block {
    margin-top: 1.357142857142857vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn-block {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn-block ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2.666666666666667vw 1.333333333333333vw;
    justify-content: center;
    margin-inline: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-btn:not(:first-child) {
    margin-top: -0.071428571428571vw;
  }
}
.page-job .section-job .tab-btn span,
.page-job .section-job .tab-btn .tab-btn-item {
  position: relative;
}
.page-job .section-job .tab-btn .ill-shadow {
  position: absolute;
  top: 1.857142857142857vw;
  left: -0.571428571428571vw;
  opacity: 0;
  width: 3.357142857142857vw;
}
.page-job .section-job .tab-btn .tab-btn-item-inner {
  align-items: center;
  display: flex;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner {
    border: 0.142857142857143vw solid #000;
    border-radius: 2.857142857142857vw;
    box-shadow: 0 0.714285714285714vw #000;
    padding-left: 3.285714285714286vw;
    height: 5.714285714285714vw;
    width: 21vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner {
    background: #fff;
    border-radius: 2.933333333333333vw;
    padding-block: 0.8vw 1.066666666666667vw;
    padding-inline: 1.866666666666667vw 2vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job .tab-btn .tab-btn-item-inner {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-job .section-job .tab-btn .tab-btn-item-inner:before {
  position: absolute;
  content: '';
  display: block;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner:before {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: #fff;
    border: 0.071428571428571vw solid #000;
    border-radius: 2.214285714285714vw;
    left: 0.5vw;
    height: 4.428571428571428vw;
    width: 19.714285714285715vw;
    top: 0.5vw;
    opacity: 0;
  }
}
.page-job .section-job .tab-btn .tab-btn-item-inner .text-main {
  font-weight: 900;
  font-size: 1.142857142857143vw;
  line-height: 1.25;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner .text-main {
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-small,
  .page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-x-small {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-small,
  .page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-x-small {
    font-weight: 500;
  }
}
.page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-small {
  font-size: 0.857142857142857vw;
  line-height: 1.166666666666667;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-small {
    font-size: 2.666666666666667vw;
  }
}
.page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-x-small {
  font-size: 0.785714285714286vw;
  line-height: 1.272727272727273;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn .tab-btn-item-inner .text-main .text-x-small {
    font-size: 2.666666666666667vw;
  }
}
.page-job .section-job .tab-btn .tab-btn-item-inner .ill {
  position: absolute;
  top: 1.714285714285714vw;
  left: -0.714285714285714vw;
  opacity: 0;
  width: 3.357142857142857vw;
}
.page-job .section-job .tab-btn .tab-btn-item-inner .icon-blank {
  position: absolute;
  top: 50%;
  right: 2vw;
  margin-top: -0.857142857142857vw;
  height: 0.714285714285714vw;
  width: 0.714285714285714vw;
}
.page-job .section-job .tab-btn.is-selected .ill-shadow {
  opacity: 1;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-btn.is-selected .tab-btn-item-inner {
    border-bottom-right-radius: 0;
  }
  .page-job .section-job .tab-btn.is-selected .tab-btn-item-inner:before {
    border-bottom-right-radius: 0;
    opacity: 1;
  }
  .page-job .section-job .tab-btn.is-selected .tab-btn-item-inner .ill {
    opacity: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-btn.is-selected .tab-btn-item-inner {
    background: #000;
    color: #fff;
  }
  .page-job .section-job .tab-btn.is-selected .tab-btn-item-inner:before {
    background: #000;
    bottom: -0.533333333333333vw;
    left: 50%;
    margin-left: -1.066666666666667vw;
    height: 2.133333333333333vw;
    width: 2.133333333333333vw;
    transform: rotate(45deg);
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job .tab-btn .tab-btn-item:hover .tab-btn-item-inner {
    border-bottom-right-radius: 0;
  }
  .page-job
    .section-job
    .tab-btn
    .tab-btn-item:hover
    .tab-btn-item-inner:before {
    border-bottom-right-radius: 0;
    opacity: 1;
  }
}
.page-job .section-job .tab-contents-block {
  border: 0.142857142857143vw solid #000;
  border-radius: 2.142857142857143vw;
  padding: 0.5vw;
  position: relative;
  width: 57.14285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-contents-block {
    border-radius: 9.333333333333334vw;
    border-width: 0.533333333333333vw;
    margin-inline: auto;
    margin-top: 6.666666666666667vw;
    padding: 0.933333333333333vw;
    width: 86.66666666666667vw;
  }
}
.page-job .section-job .tab-contents-block-inner {
  background: #fff;
  border: 0.071428571428571vw solid #000;
  border-radius: 1.428571428571429vw;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-contents-block-inner {
    border-radius: 8vw;
    border-width: 0.266666666666667vw;
  }
}
.page-job .section-job .tab-scroll-contents {
  height: 47.14285714285714vw;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-scroll-contents {
    overflow: scroll;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-scroll-contents {
    height: auto;
  }
}
.page-job .section-job .tab-scroll-contents .text-block {
  padding-bottom: 3vw;
  padding-inline: 5vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-scroll-contents .text-block {
    padding-bottom: 5.600000000000001vw;
    padding-inline: 4.933333333333334vw;
  }
}
.page-job .section-job .tab-scroll-contents .text-block .heading {
  font-size: 2vw;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-scroll-contents .text-block .heading {
    font-size: 4.533333333333333vw;
    letter-spacing: 0.04em;
  }
}
.page-job .section-job .tab-scroll-contents .text-block .heading .small {
  font-size: 1.428571428571429vw;
  letter-spacing: 0.04em;
  padding-left: 0.357142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-scroll-contents .text-block .heading .small {
    padding-left: 1.066666666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.04em;
  }
}
.page-job .section-job .tab-scroll-contents .text-block .text {
  margin-top: 1.357142857142857vw;
  font-size: 1.142857142857143vw;
  line-height: 2;
  text-align: justify;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-scroll-contents .text-block .text {
    margin-top: 3.6vw;
    font-size: 3.466666666666666vw;
    line-height: 1.538461538461539;
  }
}
.page-job .section-job .tab-scroll-contents .text-block .links {
  display: flex;
  flex-direction: column;
  gap: 2.666666666666667vw;
  margin-top: 5.733333333333333vw;
  padding-bottom: 10.933333333333334vw;
}
.page-job .section-job .tab-scroll-contents .text-block .links a {
  border: 0.533333333333333vw solid #000;
  border-radius: 2.666666666666667vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 4.133333333333333vw 4.666666666666667vw;
  padding-inline: 5.2vw;
  position: relative;
}
.page-job .section-job .tab-scroll-contents .text-block .links a span {
  display: block;
}
.page-job .section-job .tab-scroll-contents .text-block .links .text-main {
  font-size: 4vw;
}
.page-job .section-job .tab-scroll-contents .text-block .links .text-sub {
  font-size: 2.666666666666667vw;
  font-weight: 700;
  margin-top: 1.466666666666667vw;
}
.page-job .section-job .tab-scroll-contents .text-block .links .icon-blank {
  position: absolute;
  top: 50%;
  right: 3.466666666666666vw;
  background: #000;
  border-radius: 50%;
  display: grid;
  margin-top: -2.666666666666667vw;
  place-content: center;
  height: 5.333333333333334vw;
  width: 5.333333333333334vw;
}
.page-job .section-job .tab-scroll-contents .text-block .links .icon-blank svg {
  fill: #fff;
  height: 1.866666666666667vw;
  width: 1.866666666666667vw;
}
.page-job .section-job .tab-contents {
  padding-top: 5.571428571428571vw;
  position: relative;
}
.page-job .section-job .tab-contents.swiper-slide-active {
  pointer-events: auto;
}
.page-job .section-job .tab-contents:before,
.page-job .section-job .tab-contents:after {
  position: absolute;
  left: 0;
  content: '';
  height: 2.285714285714286vw;
  width: 100%;
  background: url(/assets/img/bg-grid-1.png) 0.428571428571429vw top repeat;
  background-size: 2.285714285714286vw 2.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-contents:before,
  .page-job .section-job .tab-contents:after {
    height: 5.333333333333334vw;
    background: url(/assets/img/bg-grid-1.png) 1.333333333333333vw top repeat;
    background-size: 5.333333333333334vw 5.333333333333334vw;
  }
}
.page-job .section-job .tab-contents:before {
  top: 0;
}
.page-job .section-job .tab-contents:after {
  bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .tab-contents:after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-contents {
    padding-top: 9.333333333333334vw;
  }
}
.page-job .section-job .interview-block {
  padding: 3.214285714285714vw 5vw 2.285714285714286vw;
  position: relative;
  background: url(/assets/img/bg-grid-1.png) 0.428571428571429vw top repeat
    #9ddbf4;
  background-size: 2.285714285714286vw 2.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block {
    padding-block: 6.666666666666667vw 10.933333333333334vw;
    padding-inline: 4.933333333333334vw;
    z-index: 1;
    background: url(/assets/img/bg-grid-1.png) -0.4vw top repeat #9ddbf4;
    background-size: 5.333333333333334vw 5.333333333333334vw;
  }
}
.page-job .section-job .interview-block .heading {
  font-size: 1.5vw;
  margin-left: -0.214285714285714vw;
  text-shadow: #fff 0.142857142857143vw 0 0,
    #fff 0.125369285714286vw 0.068489357142857vw 0,
    #fff 0.077185714285714vw 0.12021vw 0,
    #fff 0.010105285714286vw 0.142499285714286vw 0,
    #fff -0.059449571428571vw 0.129899285714286vw 0,
    #fff -0.114449285714286vw 0.085495714285714vw 0,
    #fff -0.141427142857143vw 0.02016vw 0,
    #fff -0.133779285714286vw -0.050111857142857vw 0,
    #fff -0.093377857142857vw -0.108114285714286vw 0,
    #fff -0.030113714285714vw -0.139647142857143vw 0,
    #fff 0.040523142857143vw -0.136989285714286vw 0,
    #fff 0.101238571428571vw -0.100791428571429vw 0,
    #fff 0.137167142857143vw -0.0399165vw 0;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .heading {
    font-size: 3.733333333333334vw;
    margin-left: 0vw;
    text-shadow: #fff 0.266666666666667vw 0 0,
      #fff 0.234022666666667vw 0.1278468vw 0, #fff 0.14408vw 0.224392vw 0,
      #fff 0.0188632vw 0.265998666666667vw 0,
      #fff -0.110972533333333vw 0.242478666666667vw 0,
      #fff -0.213638666666667vw 0.159592vw 0,
      #fff -0.263997333333333vw 0.037632vw 0,
      #fff -0.249721333333333vw -0.093542133333333vw 0,
      #fff -0.174305333333333vw -0.201813333333333vw 0,
      #fff -0.056212266666667vw -0.260674666666667vw 0,
      #fff 0.0756432vw -0.255713333333333vw 0,
      #fff 0.188978666666667vw -0.188144vw 0,
      #fff 0.256045333333333vw -0.0745108vw 0;
  }
}
.page-job .section-job .interview-block .interview-btn-block {
  margin-top: 1.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn-block {
    margin-top: 2.4vw;
  }
}
.page-job .section-job .interview-block .interview-btn {
  position: relative;
  align-items: center;
  background: #fff;
  padding: 0.142857142857143vw;
  border-radius: 1.428571428571429vw;
  display: grid;
  grid-template-areas: 'thumb name icon-blank' 'thumb job icon-blank';
  grid-template-columns: 9.642857142857144vw 1fr auto;
  grid-template-rows: 1fr 1fr;
  height: calc(9.357142857142858vw + 4px);
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn {
    border-radius: 2.666666666666667vw;
    padding: 0.533333333333333vw;
    grid-template-columns: 17.466666666666665vw 1fr auto;
    height: 18vw;
  }
}
.page-job .section-job .interview-block .interview-btn:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 0.142857142857143vw solid #000;
  border-radius: 1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn:after {
    border-radius: 2.666666666666667vw;
    border-width: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job .interview-block .interview-btn {
    transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .page-job .section-job .interview-block .interview-btn:hover .icon-bg {
    transform: scale(1.1);
  }
}
.page-job .section-job .interview-block .interview-btn .thumb {
  grid-area: thumb;
  margin-left: -0.142857142857143vw;
  width: 9.642857142857144vw;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn .thumb {
    margin-left: -0.533333333333333vw;
    width: 18vw;
  }
}
.page-job .section-job .interview-block .interview-btn .name,
.page-job .section-job .interview-block .interview-btn .job {
  margin-left: 2.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn .name,
  .page-job .section-job .interview-block .interview-btn .job {
    margin-left: 5.2vw;
  }
}
.page-job .section-job .interview-block .interview-btn .name {
  align-self: end;
  grid-area: name;
  font-size: 1.571428571428572vw;
  margin-bottom: 0.5vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn .name {
    font-size: 4vw;
    margin-bottom: 0.4vw;
  }
}
.page-job .section-job .interview-block .interview-btn .job {
  align-self: start;
  font-weight: 700;
  grid-area: job;
  font-size: 1vw;
  line-height: 1.428571428571429;
  margin-top: 0.285714285714286vw;
  padding-right: 0.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn .job {
    font-size: 2.666666666666667vw;
    margin-top: 0.533333333333333vw;
    padding-right: 1.333333333333333vw;
  }
}
.page-job .section-job .interview-block .interview-btn .icon-blank {
  position: relative;
  display: grid;
  grid-area: icon-blank;
  margin-left: auto;
  margin-right: 2vw;
  place-content: center;
  height: 2.857142857142857vw;
  width: 2.857142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn .icon-blank {
    margin-right: 3.466666666666666vw;
    height: 5.333333333333334vw;
    width: 5.333333333333334vw;
  }
}
.page-job .section-job .interview-block .interview-btn .icon-blank svg {
  position: relative;
  fill: #fff;
  height: 0.714285714285714vw;
  width: 0.714285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn .icon-blank svg {
    height: 1.866666666666667vw;
    width: 1.866666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job .interview-block .interview-btn-yoshiyuki .name,
  .page-job .section-job .interview-block .interview-btn-yoshihiro .name {
    font-size: 1.428571428571429vw;
    margin-bottom: -0.285714285714286vw;
  }
  .page-job .section-job .interview-block .interview-btn-yoshiyuki .job,
  .page-job .section-job .interview-block .interview-btn-yoshihiro .job {
    margin-top: 1.142857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn-naho .name,
  .page-job .section-job .interview-block .interview-btn-megu .name {
    margin-bottom: 1.066666666666667vw;
  }
  .page-job .section-job .interview-block .interview-btn-naho .job,
  .page-job .section-job .interview-block .interview-btn-megu .job {
    margin-top: 0;
    font-size: 2.133333333333333vw;
  }
}
.page-job .section-job .interview-block .interview-btn-block-2column {
  display: flex;
  gap: 0.571428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .interview-block .interview-btn-block-2column {
    flex-direction: column;
    gap: 2.533333333333333vw;
  }
}
.page-job
  .section-job
  .interview-block
  .interview-btn-block-2column
  .interview-btn {
  width: 22.57142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-job
    .section-job
    .interview-block
    .interview-btn-block-2column
    .interview-btn {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job
    .section-job
    .interview-block
    .interview-btn-block-2column
    .interview-btn
    .name,
  .page-job
    .section-job
    .interview-block
    .interview-btn-block-2column
    .interview-btn
    .job {
    margin-left: 1.285714285714286vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job
    .section-job
    .interview-block
    .interview-btn-block-2column
    .icon-blank {
    margin-right: 0.928571428571429vw;
    height: 2.142857142857143vw;
    width: 2.142857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-nav {
    position: absolute;
    top: 0;
    left: -7.199999999999999vw;
    pointer-events: none;
    width: 100vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-nav-prev,
  .page-job .section-job .tab-nav-next {
    position: absolute;
    top: 50%;
    background: #000;
    border-radius: 0 100% 100% 0%/50%;
    display: grid;
    margin-top: -10vw;
    padding-right: 2.133333333333333vw;
    place-content: center;
    pointer-events: auto;
    height: 20vw;
    width: 10vw;
  }
  .page-job .section-job .tab-nav-prev svg,
  .page-job .section-job .tab-nav-next svg {
    fill: #fff;
    height: 4.266666666666667vw;
    width: 2.666666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-nav-prev {
    left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job .tab-nav-next {
    right: 0;
    transform: rotate(180deg);
  }
}
.page-job .section-job-1 {
  margin-top: 4.857142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-1 {
    margin-top: 13.066666666666665vw;
  }
}
.page-job .section-job-1:after {
  background: var(--color-lightblue);
}
.page-job .section-job-1 .decoration .bg-1 {
  fill: var(--color-green);
}
.page-job .section-job-1 .decoration .bg-3 {
  fill: var(--color-lightblue);
}
.page-job .section-job-1 .decoration .text {
  opacity: 0.15;
}
.page-job .section-job-1 .section-inner {
  padding-block: 5.357142857142857vw 6.571428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-1 .section-inner {
    padding-block: 8vw 19.866666666666667vw;
  }
}
.page-job .section-job-1 .section-heading .ill {
  margin-left: -2.357142857142857vw;
  width: 27.42857142857143vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-1 .section-heading .ill {
    margin-left: -4.399999999999999vw;
    width: 51.2vw;
  }
}
.page-job .section-job-1 .section-heading .text-main {
  margin-top: -2.142857142857143vw;
  width: 52vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-1 .section-heading .text-main {
    margin-top: -4vw;
    width: 95.46666666666667vw;
  }
}
.page-job .section-job-1 .tab-container {
  margin-top: 2.785714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-1 .tab-container {
    margin-top: 9.2vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-1 .tab-btn-block ul {
    max-width: 82.66666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job-1 .tab-btn .tab-btn-item-inner {
    background: #9ddbf4;
  }
  .page-job .section-job-1 .tab-btn.is-selected .tab-btn-item-inner {
    background: var(--color-yellow);
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-1 .tab-btn .tab-btn-item-inner:hover {
    background: var(--color-yellow);
  }
}
.page-job .section-job-1 .tab-contents-block {
  background: var(--color-yellow);
}
.page-job .section-job-1 .tab-contents:before,
.page-job .section-job-1 .tab-contents:after {
  background-color: #9ddbf4;
}
.page-job .section-job-1 .interview-block {
  background-color: #9ddbf4;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-1 .interview-block .interview-btn:hover {
    background-color: #d4f3ff;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-1 .tab-nav {
    height: 144vw;
  }
}
.page-job .section-job-2 {
  background: var(--color-lightblue);
}
.page-job .section-job-2:after {
  background: var(--color-yellow);
}
.page-job .section-job-2 .decoration .bg-1 {
  fill: var(--color-purple);
}
.page-job .section-job-2 .decoration .bg-3 {
  fill: var(--color-yellow);
}
.page-job .section-job-2 .decoration .text {
  opacity: 0.25;
  letter-spacing: 0.014em;
}
.page-job .section-job-2 .section-inner {
  padding-block: 2.857142857142857vw 6.5vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-2 .section-inner {
    padding-block: 3.466666666666666vw 18.666666666666668vw;
  }
}
.page-job .section-job-2 .section-heading .ill {
  width: 25.285714285714285vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-2 .section-heading .ill {
    width: 47.199999999999996vw;
  }
}
.page-job .section-job-2 .section-heading .text-main {
  margin-top: -2vw;
  width: 50.57142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-2 .section-heading .text-main {
    margin-top: -3.733333333333334vw;
    width: 92.80000000000001vw;
  }
}
.page-job .section-job-2 .tab-container {
  margin-top: 3.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-2 .tab-container {
    margin-top: 9.2vw;
  }
}
.page-job .section-job-2 .tab-scroll-contents .text-block .links a {
  background: #ffda3e;
  padding-block: 4vw 4.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job-2 .tab-btn .tab-btn-item-inner {
    background: #ffda3e;
  }
  .page-job .section-job-2 .tab-btn.is-selected .tab-btn-item-inner {
    background: var(--color-lightblue);
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-2 .tab-btn.tab-btn-5 .tab-btn-item-inner {
    padding-right: 0vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-2 .tab-btn .tab-btn-item-inner:hover {
    background: var(--color-lightblue);
  }
}
.page-job .section-job-2 .tab-contents-block {
  background: var(--color-lightblue);
}
.page-job .section-job-2 .tab-contents:before,
.page-job .section-job-2 .tab-contents:after {
  background-color: #ffda3e;
}
.page-job .section-job-2 .interview-block {
  background-color: #ffda3e;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-2 .interview-block .interview-btn:hover {
    background-color: #fff1ba;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-2 .tab-nav {
    height: 70.93333333333334vw;
  }
}
.page-job .section-job-3 {
  background: var(--color-yellow);
}
.page-job .section-job-3:after {
  background: var(--color-green);
}
.page-job .section-job-3 .decoration .bg-1 {
  fill: var(--color-red);
}
.page-job .section-job-3 .decoration .bg-3 {
  fill: var(--color-green);
}
.page-job .section-job-3 .decoration .text {
  opacity: 0.15;
  letter-spacing: 0.014em;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .decoration .text {
    left: -8.266666666666666vw;
  }
}
.page-job .section-job-3 .section-inner {
  padding-block: 1.5vw 5.285714285714286vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .section-inner {
    padding-block: 0.8vw 18.666666666666668vw;
  }
}
.page-job .section-job-3 .section-heading .ill {
  margin-left: 0.357142857142857vw;
  width: 24.857142857142858vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .section-heading .ill {
    margin-left: 0.666666666666667vw;
    width: 46.400000000000006vw;
  }
}
.page-job .section-job-3 .section-heading .text-main {
  margin-top: -1.428571428571429vw;
  width: 53.28571428571428vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .section-heading .text-main {
    margin-top: -2.666666666666667vw;
    width: 92vw;
  }
}
.page-job .section-job-3 .tab-container {
  margin-top: 2.214285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .tab-container {
    margin-top: 9.066666666666666vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .tab-btn-block ul {
    max-width: 82.66666666666667vw;
  }
}
.page-job .section-job-3 .tab-btn-block {
  margin-top: 0;
}
.page-job .section-job-3 .tab-scroll-contents .text-block .links a {
  background: #a5edbd;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job-3 .tab-btn .tab-btn-item-inner {
    background: #5ed184;
  }
  .page-job .section-job-3 .tab-btn.is-selected .tab-btn-item-inner {
    background: var(--color-purple);
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-3 .tab-btn .tab-btn-item-inner:hover {
    background: var(--color-purple);
  }
}
.page-job .section-job-3 .tab-contents-block {
  background: var(--color-purple);
  margin-top: 1.142857142857143vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .tab-contents-block {
    margin-top: 6.666666666666667vw;
  }
}
.page-job .section-job-3 .tab-contents:before,
.page-job .section-job-3 .tab-contents:after {
  background-color: #a5edbd;
}
.page-job .section-job-3 .interview-block {
  background-color: #a5edbd;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-3 .interview-block .interview-btn:hover {
    background-color: #dbfde6;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-3 .tab-nav {
    height: 112.79999999999998vw;
  }
}
.page-job .section-job-4 {
  background: var(--color-green);
}
.page-job .section-job-4:after {
  background: var(--color-purple);
}
.page-job .section-job-4 .decoration .bg-1 {
  fill: var(--color-yellow);
}
.page-job .section-job-4 .decoration .bg-3 {
  fill: var(--color-purple);
}
.page-job .section-job-4 .decoration .text {
  opacity: 0.09;
  letter-spacing: 0.014em;
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job-4 .decoration .text {
    top: 13.571428571428571vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-4 .decoration .text {
    left: -2.666666666666667vw;
  }
}
.page-job .section-job-4 .section-inner {
  padding-block: 6.142857142857143vw 26.857142857142858vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-4 .section-inner {
    padding-block: 8vw 44.13333333333333vw;
  }
}
.page-job .section-job-4 .section-heading .ill {
  margin-left: 0.357142857142857vw;
  width: 26.21428571428571vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-4 .section-heading .ill {
    margin-left: 0.666666666666667vw;
    width: 48.93333333333334vw;
  }
}
.page-job .section-job-4 .section-heading .text-main {
  margin-left: 0.071428571428571vw;
  margin-top: -2.142857142857143vw;
  width: 68.14285714285714vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-4 .section-heading .text-main {
    margin-left: 0.133333333333333vw;
    margin-top: -4vw;
    width: 93.06666666666666vw;
  }
}
.page-job .section-job-4 .tab-container {
  margin-top: 3.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-4 .tab-container {
    margin-top: 9.066666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-job .section-job-4 .tab-btn .tab-btn-item-inner {
    background: #ba99f7;
  }
  .page-job .section-job-4 .tab-btn.is-selected .tab-btn-item-inner {
    background: var(--color-red);
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-4 .tab-btn .tab-btn-item-inner:hover {
    background: var(--color-red);
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-4 .tab-btn.tab-btn-2 button .text-x-small {
    letter-spacing: -0.04em;
  }
}
.page-job .section-job-4 .tab-contents-block {
  background: var(--color-red);
}
.page-job .section-job-4 .tab-contents:before,
.page-job .section-job-4 .tab-contents:after {
  background-color: #e2d2ff;
}
.page-job .section-job-4 .interview-block {
  background-color: #e2d2ff;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-job .section-job-4 .interview-block .interview-btn:hover {
    background-color: #f1eaff;
  }
}
@media only screen and (max-width: 1024px) {
  .page-job .section-job-4 .tab-nav {
    height: 133.33333333333331vw;
  }
}
.page-job .footer .decoration-recruit-2026 {
  background-image: url(/assets/img/RECRUIT2026-purple.svg);
}
@media only screen and (max-width: 1024px) {
  .page-job .tab-contents-block-inner {
    height: auto;
  }
  .page-job .tab-scroll-contents {
    align-items: flex-start;
    display: flex;
    height: 100%;
    position: relative;
    scroll-snap-type: x mandatory;
    transform: translateZ(0);
    transition-property: transform, height;
    width: 100%;
  }
  .page-job .tab-scroll-contents .tab-contents {
    display: block;
    flex-shrink: 0;
    height: auto;
    pointer-events: none;
    position: relative;
    transform: translateZ(0);
    transition-property: transform;
    transition-property: opacity;
    width: 100%;
  }
}
.page-recruit .section-1,
.page-recruit .section-2,
.page-recruit .section-3,
.page-recruit .section-4 {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1,
  .page-recruit .section-2,
  .page-recruit .section-3,
  .page-recruit .section-4 {
    margin-inline: -4vw;
    margin-bottom: 6.666666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1,
  .page-recruit .section-2,
  .page-recruit .section-3,
  .page-recruit .section-4 {
    width: 80vw;
    margin-inline: auto;
    margin-bottom: 3.571428571428571vw;
    font-size: 1.285714285714286vw;
    line-height: 1.555555555555556;
  }
}
.page-recruit .section-1 .section-inner,
.page-recruit .section-2 .section-inner,
.page-recruit .section-3 .section-inner,
.page-recruit .section-4 .section-inner {
  border: 0.533333333333333vw solid #000;
  border-radius: 10vw;
  padding: 2.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .section-inner,
  .page-recruit .section-2 .section-inner,
  .page-recruit .section-3 .section-inner,
  .page-recruit .section-4 .section-inner {
    border-radius: 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 1.642857142857143vw;
  }
}
.page-recruit .section-1 .container,
.page-recruit .section-2 .container,
.page-recruit .section-3 .container,
.page-recruit .section-4 .container {
  position: relative;
  border: 0.4vw solid #000;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .container,
  .page-recruit .section-2 .container,
  .page-recruit .section-3 .container,
  .page-recruit .section-4 .container {
    padding-block: 10.666666666666668vw 5.600000000000001vw;
    padding-inline: 6.933333333333333vw;
    background: url(/assets/img/bg-grid-2-lighter.png) left top repeat
      transparent;
    background-size: 6.666666666666667vw auto;
    border-radius: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .container,
  .page-recruit .section-2 .container,
  .page-recruit .section-3 .container,
  .page-recruit .section-4 .container {
    padding-top: 3.571428571428571vw;
    padding-bottom: 3.357142857142857vw;
    padding-inline: 9.571428571428571vw;
    border-width: 0.071428571428571vw;
    border-radius: 5.285714285714286vw;
    background: url(/assets/img/md/bg-grid-2-lighter.png) left top repeat
      transparent;
    background-size: 2.571428571428571vw auto;
  }
}
.page-recruit .wrapper {
  background: var(--color-red);
}
@media only screen and (max-width: 1024px) {
  .page-recruit .main {
    margin-top: 16vw;
    padding-top: 18.266666666666666vw;
    padding-bottom: 42.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .main {
    padding-top: 13.714285714285715vw;
    padding-bottom: 22.57142857142857vw;
  }
}
.page-recruit .page-heading {
  margin-bottom: 13.066666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-heading {
    margin-bottom: 5.357142857142857vw;
  }
}
.page-recruit .page-heading .text-main {
  box-sizing: content-box;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-heading .text-main {
    padding-left: 0.4vw;
    width: 81.73333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-heading .text-main {
    padding-left: 0.142857142857143vw;
    width: 71.5vw;
  }
}
.page-recruit .page-heading .text-main .ill {
  position: absolute;
  left: 54.666666666666664vw;
  top: 12.266666666666666vw;
  width: 14.799999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-heading .text-main .ill {
    left: 41.42857142857143vw;
    top: 0.5vw;
    width: 7.928571428571428vw;
  }
}
.page-recruit .page-heading .text-sub {
  margin-top: 3.2vw;
  font-size: 3.466666666666666vw;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-heading .text-sub {
    margin-top: 1.785714285714286vw;
    font-size: 1.571428571428572vw;
    letter-spacing: 0.06em;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-nav {
    margin-bottom: 4vw;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.08em;
    line-height: 1;
    border-top: 0.8vw solid #000;
    border-bottom: 0.8vw solid #000;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-nav {
    margin-bottom: 1.428571428571429vw;
    font-size: 1.571428571428572vw;
    letter-spacing: 0.08em;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-nav ul {
    gap: 4.533333333333333vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-nav li {
    width: inherit;
    height: inherit;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-nav li {
    height: 9.142857142857142vw;
    width: 17.142857142857142vw;
  }
}
.page-recruit .page-nav a {
  padding-bottom: 0;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-nav a {
    border: 0;
    padding-top: 2.4vw;
    padding-bottom: 2.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-nav a {
    padding-bottom: 0.428571428571429vw;
  }
}
.page-recruit .page-nav a .text-main {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-nav a .text-main {
    min-height: 7.466666666666668vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-nav a .text-main {
    min-height: 2.857142857142857vw;
  }
}
.page-recruit .page-nav a .text-main span {
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-nav a .icon-arrow {
    margin-top: 1.066666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-nav a .icon-arrow {
    height: 1.428571428571429vw;
    width: 2.857142857142857vw;
    margin-top: 0.785714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .page-nav a .icon-arrow svg {
    height: 2vw;
    width: 1.066666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .page-nav a .icon-arrow svg {
    height: 0.714285714285714vw;
    width: 0.428571428571429vw;
  }
}
.page-recruit .container-lang {
  display: flex;
  justify-content: flex-end;
  margin-inline: auto;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .container-lang {
    margin-right: 4vw;
    margin-bottom: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .container-lang {
    width: 85.71428571428571vw;
    margin-bottom: 3.428571428571429vw;
  }
}
.page-recruit .section-heading {
  display: flex;
  justify-content: center;
  color: var(--color-yellow);
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-heading {
    font-size: 7.199999999999999vw;
    letter-spacing: 0.08em;
    line-height: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-heading {
    font-size: 2.571428571428571vw;
    letter-spacing: 0.08em;
    line-height: 1;
  }
}
.page-recruit .section-heading .bg {
  background-color: #000;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-heading .bg {
    padding: 0 0.133333333333333vw 0.4vw 0.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-heading .bg {
    padding: 0 0 0.142857142857143vw 0.214285714285714vw;
  }
}
.page-recruit .section-1 .section-inner {
  background-color: var(--color-lightblue);
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail {
    margin-top: 5.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail {
    margin-top: 3.071428571428572vw;
  }
}
.page-recruit .section-1 .list-detail li {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail li {
    margin-bottom: 6.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail li {
    margin-bottom: 2vw;
  }
}
.page-recruit .section-1 .list-detail .heading {
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail .heading {
    width: 17.333333333333336vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .heading {
    width: 7.142857142857142vw;
  }
}
.page-recruit .section-1 .list-detail .detail {
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail .detail .text-small {
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail .text-small {
    font-size: 1vw;
  }
}
.page-recruit .section-1 .list-detail .detail .detail-heading {
  display: block;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail .detail .detail-heading {
    padding-bottom: 0.714285714285714vw;
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail .detail-heading {
    margin-bottom: 0.285714285714286vw;
    padding-top: 0.142857142857143vw;
    font-size: 1.142857142857143vw;
    line-height: 1.375;
  }
}
.page-recruit .section-1 .list-detail .detail .detail-heading:before {
  display: inline-block;
  content: '●';
  vertical-align: top;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail .detail .detail-heading:before {
    padding-right: 0.3em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail .detail-heading:before {
    padding-right: 0.2em;
    padding-top: 0.285714285714286vw;
    font-size: 1vw;
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail .detail p + p {
    margin-top: 2.133333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail p + p {
    margin-top: 0.714285714285714vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail .detail-2 .text-small {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail-2 .text-small {
    padding-left: 1.285714285714286vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail-5 {
    margin-bottom: 1.857142857142857vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail-6 {
    margin-bottom: 1.785714285714286vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail-7 {
    margin-bottom: 2.214285714285714vw;
  }
}
.page-recruit .section-1 .list-detail .detail-7 .text-small {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-1 .list-detail .detail-7 .text-small {
    margin-top: 0.8vw;
    margin-bottom: 3.6vw;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-1 .list-detail .detail-7 .text-small {
    line-height: 1.8;
  }
}
.page-recruit .section-2 .section-inner {
  background-color: var(--color-green);
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-2 .container {
    padding-bottom: 12.8vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-2 .container {
    padding-bottom: 5.428571428571429vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-2 .section-heading {
    margin-bottom: 5.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-2 .section-heading {
    margin-bottom: 3.071428571428572vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-2 .text-1 {
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-2 .text-1 {
    padding-left: 0.7em;
    text-indent: -0.7em;
  }
}
.page-recruit .section-2 .text-1:before {
  position: relative;
  display: inline-block;
  content: '';
  border-radius: 50%;
  background-color: #000;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-2 .text-1:before {
    top: 0.266666666666667vw;
    height: 3.466666666666666vw;
    width: 3.466666666666666vw;
    margin-right: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-2 .text-1:before {
    height: 0.785714285714286vw;
    width: 0.785714285714286vw;
    margin-bottom: 0.142857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-2 .text-1 .text-small {
    display: block;
    margin-top: 0.533333333333333vw;
    padding-bottom: 1.333333333333333vw;
    font-size: 3.2vw;
    line-height: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-2 .text-1 .text-small {
    padding-left: 0.714285714285714vw;
    font-size: 1vw;
  }
}
.page-recruit .section-2 .text-attention {
  color: #e41f28;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-2 .text-attention {
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-2 .text-attention {
    margin-bottom: 2vw;
  }
}
.page-recruit .section-2 .text-attention:before {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-2 p + p {
    margin-top: 5.866666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-2 p + p {
    margin-top: 1.285714285714286vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 {
    margin-bottom: 2.857142857142857vw;
  }
}
.page-recruit .section-3 .section-inner {
  background-color: var(--color-pink);
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .container {
    padding-bottom: 10.666666666666668vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .container {
    padding-bottom: 5.714285714285714vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .section-heading {
    margin-bottom: 6.133333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .section-heading {
    margin-bottom: 2.785714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail + .wrap-detail {
    margin-top: 4.533333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail + .wrap-detail {
    margin-top: 5.142857142857142vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .detail-heading {
    font-size: 4.8vw;
    letter-spacing: 0.08em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .detail-heading {
    margin-bottom: 0.714285714285714vw;
    font-size: 1.714285714285714vw;
    letter-spacing: 0.08em;
  }
}
.page-recruit .section-3 .wrap-detail .detail-heading:before {
  display: inline-block;
  content: '';
  border-radius: 50%;
  background-color: #000;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .detail-heading:before {
    height: 3.2vw;
    width: 3.2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .detail-heading:before {
    height: 1.142857142857143vw;
    width: 1.142857142857143vw;
    margin-bottom: 0.071428571428571vw;
    margin-left: 0.071428571428571vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .text-1 {
    margin-bottom: 5.866666666666666vw;
    margin-left: 2.933333333333333vw;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.015em;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .text-1 {
    margin-bottom: 1.642857142857143vw;
    margin-left: 1.571428571428572vw;
    font-size: 1.142857142857143vw;
    letter-spacing: 0.005em;
    line-height: 1.75;
  }
}
.page-recruit .section-3 .wrap-detail .container-course {
  padding: 5.600000000000001vw 6.266666666666667vw 5.333333333333334vw;
  margin-bottom: 2.666666666666667vw;
  border: 0.533333333333333vw solid #000;
  border-radius: 4vw;
  font-size: 3.466666666666666vw;
  letter-spacing: 0.005em;
  line-height: 1.461538461538461;
  text-align: justify;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-course {
    padding: 2.214285714285714vw 3.5vw 2.285714285714286vw;
    margin-bottom: 0.714285714285714vw;
    border-radius: 2.142857142857143vw;
    border-width: 0.142857142857143vw;
    font-size: 1.142857142857143vw;
    line-height: 1.75;
  }
}
.page-recruit .section-3 .wrap-detail .container-course .heading {
  display: block;
  font-weight: 700;
  font-size: 3.733333333333334vw;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-course .heading {
    font-size: 1.285714285714286vw;
    line-height: 1.666666666666667;
  }
}
.page-recruit .section-3 .wrap-detail .container-course:last-child {
  border: 0;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .container-course:last-child {
    padding: 2.933333333333333vw 0 2.933333333333333vw 2.933333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-course:last-child {
    padding: 0.857142857142857vw 1.571428571428572vw 0.857142857142857vw
      1.428571428571429vw;
  }
}
.page-recruit .section-3 .wrap-detail .container-entry {
  padding: 4.533333333333333vw 6.266666666666667vw 4.8vw;
  margin-bottom: 2.666666666666667vw;
  border: 0.533333333333333vw solid #000;
  border-radius: 4vw;
  background-color: var(--color-yellow);
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry {
    padding: 2.142857142857143vw 3.5vw;
    border-radius: 2.142857142857143vw;
    border-width: 0.142857142857143vw;
    text-align: justify;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry + .container-entry {
    margin-top: 0.714285714285714vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .container-entry p {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry p {
    font-size: 1.142857142857143vw;
    line-height: 1.75;
  }
}
.page-recruit .section-3 .wrap-detail .container-entry p .heading {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .container-entry p .heading {
    margin-bottom: 0.533333333333333vw;
    font-size: 4vw;
    line-height: 1.666666666666667;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry p .heading {
    font-size: 1.428571428571429vw;
    line-height: 1.7;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .container-entry ul {
    margin-top: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry ul {
    margin-top: 0.071428571428571vw;
  }
}
.page-recruit .section-3 .wrap-detail .container-entry ul li {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .page-recruit
    .section-3
    .wrap-detail
    .container-entry
    ul
    li:not(:last-child) {
    margin-bottom: 1.333333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry ul li {
    margin-bottom: 0.428571428571429vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .container-entry ul li p {
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry ul li p {
    font-size: 1.142857142857143vw;
    line-height: 1.5;
  }
}
.page-recruit .section-3 .wrap-detail .container-entry ul li:before {
  display: inline-block;
  content: '';
  border-radius: 50%;
  background-color: #000;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-3 .wrap-detail .container-entry ul li:before {
    height: 1.066666666666667vw;
    width: 1.066666666666667vw;
    margin-top: 2.4vw;
    margin-right: 2.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-3 .wrap-detail .container-entry ul li:before {
    height: 0.285714285714286vw;
    width: 0.285714285714286vw;
    margin-top: 0.857142857142857vw;
    margin-right: 1.285714285714286vw;
  }
}
.page-recruit .section-3 .wrap-detail .container-entry ul li p {
  flex: 1;
}
.page-recruit .section-4 .section-inner {
  background-color: var(--color-lightblue);
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .container {
    padding-inline: 7.199999999999999vw;
    padding-bottom: 11.733333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .container {
    padding-bottom: 5.285714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .container .section-heading .bg {
    padding: 0 0.8vw 1.333333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .container .section-heading .bg {
    padding: 0 0.428571428571429vw 0.285714285714286vw;
  }
}
.page-recruit .section-4 .process {
  margin-top: 6.666666666666667vw;
  background: url(/assets/img/schedule/bar.png) 4.6vw 6.4vw no-repeat
    transparent;
  background-size: 1.5vw 95%;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process {
    margin-top: 3.571428571428571vw;
    background: url(/assets/img/schedule/md/bar.png) 2.642857142857143vw
      2.857142857142857vw no-repeat transparent;
    background-size: 0.428571428571429vw 95%;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-recruit .section-4 .process {
    background: url(/assets/img/schedule/md/bar@2x.png) 2.642857142857143vw
      2.857142857142857vw no-repeat transparent;
    background-size: 0.428571428571429vw 95%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process li {
    display: grid;
    grid-template: 'num heading' 'num detail'/13.466666666666665vw auto;
    margin-bottom: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process li {
    display: flex;
    align-items: center;
    margin-bottom: 2.142857142857143vw;
  }
}
.page-recruit .section-4 .process li .num {
  align-self: flex-start;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process li .num {
    grid-area: num;
    height: 10.666666666666668vw;
    width: 10.666666666666668vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process li .num {
    height: 5.714285714285714vw;
    width: 5.714285714285714vw;
    margin-right: 1.357142857142857vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process li .heading {
    grid-area: heading;
    padding-top: 2.666666666666667vw;
    font-size: 4.533333333333333vw;
    line-height: 1.176470588235294;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process li .heading {
    width: 11.785714285714285vw;
    font-size: 1.714285714285714vw;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process li .detail {
    grid-area: detail;
    padding-top: 1.333333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process li .detail {
    flex: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process li .detail p {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.02em;
    line-height: 1.615384615384615;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process li .detail p {
    padding-bottom: 0.142857142857143vw;
    padding-left: 1.071428571428571vw;
    font-size: 1.285714285714286vw;
    letter-spacing: 0.02em;
    line-height: 1.666666666666667;
    border-left: 0.071428571428571vw solid #c3cddd;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process li .detail p .line-break {
    display: inline-block;
    padding-left: 14.666666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process .step-1 .heading {
    padding-bottom: 0.571428571428571vw;
  }
}
.page-recruit .section-4 .process .step-1 .detail {
  color: #e41f28;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process .step-2 {
    margin-bottom: 4vw;
  }
}
.page-recruit .section-4 .process .step-2 .heading {
  width: inherit;
  flex: 1;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process .step-3 .heading {
    align-self: flex-start;
    padding-top: 0.714285714285714vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process .step-3 .detail {
    padding-block: 0.428571428571429vw;
    margin-bottom: 0.285714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process .step-4 {
    margin-bottom: 3.2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process .step-4 {
    margin-bottom: 2.857142857142857vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .process .step-4 .heading {
    align-self: flex-start;
    padding-top: 0.714285714285714vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process .step-5 {
    margin-bottom: 3.2vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process .step-6 {
    margin-bottom: 3.2vw;
  }
}
.page-recruit .section-4 .process .step-8 .heading {
  width: inherit;
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .process .step-8 .heading {
    padding-top: 0.266666666666667vw;
  }
}
.page-recruit .section-4 .notifications {
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .notifications {
    margin-top: 12vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .notifications {
    margin-top: 3.285714285714286vw;
    font-size: 1.142857142857143vw;
    letter-spacing: 0.005em;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .notifications li {
    padding-left: 1.4em;
    text-indent: -1.4em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .section-4 .notifications li {
    padding-left: 1em;
    text-indent: -1em;
  }
}
.page-recruit .section-4 .notifications li:before {
  content: '※';
}
@media only screen and (max-width: 1024px) {
  .page-recruit .section-4 .notifications li:before {
    padding-right: 0.533333333333333vw;
  }
}
.page-recruit .section-4 .notifications li:first-child {
  color: #e41f28;
}
.page-recruit .buttons {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .buttons {
    margin-top: 13.333333333333334vw;
    gap: 2.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .buttons {
    margin-top: 7.142857142857142vw;
    gap: 1.428571428571429vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .buttons .button-entry,
  .page-recruit .buttons .button-schedule {
    height: 15.466666666666667vw;
    width: 42.13333333333333vw;
    padding-bottom: 0.266666666666667vw;
    border-radius: 7.733333333333333vw;
    font-size: 4vw;
    letter-spacing: -0.01em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .buttons .button-entry,
  .page-recruit .buttons .button-schedule {
    height: 5vw;
    width: 22.142857142857142vw;
    padding-bottom: 0.142857142857143vw;
    border-radius: 2.5vw;
    font-size: 1.785714285714286vw;
    letter-spacing: 0.04em;
  }
}
.page-recruit .buttons .button-entry:before,
.page-recruit .buttons .button-schedule:before,
.page-recruit .buttons .button-entry:after,
.page-recruit .buttons .button-schedule:after {
  border-radius: 7.733333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-recruit .buttons .button-entry:before,
  .page-recruit .buttons .button-schedule:before,
  .page-recruit .buttons .button-entry:after,
  .page-recruit .buttons .button-schedule:after {
    border-radius: 2.5vw;
  }
}
.page-recruit .buttons .button-entry .period {
  background-color: #ffe500;
}
@media only screen and (max-width: 1024px) {
  .page-recruit .buttons .button-entry .period {
    top: -0.533333333333333vw;
    height: 4.533333333333333vw;
    width: 17.866666666666667vw;
    letter-spacing: 0.02em;
    border-radius: 8.933333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .buttons .button-entry .period {
    top: -0.285714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit .buttons .button-entry .period .text {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit .buttons .button-entry .text {
    padding-left: 0.714285714285714vw;
  }
}
.container-lang .container {
  display: flex;
  position: relative;
  text-align: center;
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .container-lang .container {
    height: 6.666666666666667vw;
    width: 24.53333333333333vw;
    border-radius: 3.333333333333333vw;
    font-size: 3.2vw;
    letter-spacing: 0.1em;
    line-height: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .container-lang .container {
    height: 1.785714285714286vw;
    width: 6.571428571428571vw;
    border-radius: 0.892857142857143vw;
    font-size: 1vw;
    letter-spacing: 0.08em;
    line-height: 1;
  }
}
.container-lang .current {
  position: absolute;
  top: 0;
  background-color: #000;
}
@media only screen and (max-width: 1024px) {
  .container-lang .current {
    height: 6.666666666666667vw;
    width: 13.600000000000001vw;
    border-radius: 3.333333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .container-lang .current {
    height: 1.785714285714286vw;
    width: 3.571428571428571vw;
    border-radius: 0.892857142857143vw;
  }
}
.container-lang .button-ja,
.container-lang .button-en {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  width: 50%;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (max-width: 1024px) {
  .container-lang .button-ja,
  .container-lang .button-en {
    height: 6.666666666666667vw;
    padding-bottom: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .container-lang .button-ja,
  .container-lang .button-en {
    height: 1.785714285714286vw;
    padding-bottom: 0.214285714285714vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .container-lang .button-ja:hover,
  .container-lang .button-en:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .container-lang .button-ja {
    padding-left: 0.266666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .container-lang .button-en {
    padding-right: 0.533333333333333vw;
  }
}
.page-recruit.is-page-ja .switch-text-ja {
  display: inline-block;
}
.page-recruit.is-page-ja .switch-text-en {
  display: none;
}
.page-recruit.is-page-ja .current {
  left: 0;
}
.page-recruit.is-page-ja .button-ja {
  pointer-events: none;
  color: #fff;
  opacity: 1;
}
.page-recruit.is-page-ja .page-nav .item-4.en {
  display: none;
}
.page-recruit.is-page-ja .page-nav .item-4 .icon-arrow svg {
  transform: rotate(-90deg);
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-recruit.is-page-ja .page-nav .item-4:hover .icon-arrow svg {
    transform: scale(1.1) rotate(-90deg);
  }
}
.page-recruit.is-page-ja .page-nav .text-main .switch-text-ja {
  display: flex;
}
.page-recruit.is-page-ja .section-2 .text-1 .switch-text-ja {
  display: inline;
}
.page-recruit.is-page-ja .section-2 .text-1 .break,
.page-recruit.is-page-ja .section-4,
.page-recruit.is-page-en .switch-text-ja {
  display: none;
}
.page-recruit.is-page-en .switch-text-en {
  display: inline-block;
}
.page-recruit.is-page-en .current {
  right: 0;
}
.page-recruit.is-page-en .button-en {
  pointer-events: none;
  color: #fff;
  opacity: 1;
}
.page-recruit.is-page-en .page-nav {
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .page-nav {
    gap: 3.866666666666667vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.01em;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .page-nav {
    font-size: 1.285714285714286vw;
    letter-spacing: 0.01em;
    line-height: 1.111111111111111;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .page-nav ul {
    gap: 3.866666666666667vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .page-nav a {
    padding-top: 3.2vw;
    padding-bottom: 2.133333333333333vw;
  }
}
.page-recruit.is-page-en .page-nav .item-4.ja {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .page-nav .text-main {
    min-height: 5.866666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .page-nav .text-main {
    padding-top: 0.357142857142857vw;
  }
}
.page-recruit.is-page-en .page-nav .text-main .switch-text-en {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .page-nav .icon-arrow {
    margin-top: 1.866666666666667vw;
  }
}
.page-recruit.is-page-en .section-heading {
  letter-spacing: normal;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-heading .bg {
    padding-bottom: 0;
    background-color: transparent;
  }
}
.page-recruit.is-page-en .section-heading .switch-text-en {
  display: inline;
  padding: 0 0.142857142857143vw 0.142857142857143vw;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-heading .switch-text-en span {
    position: relative;
    display: inline-block;
    padding: 0 1.066666666666667vw 0.533333333333333vw;
    background-color: #000;
  }
  .page-recruit.is-page-en .section-heading .switch-text-en span + span {
    top: -0.266666666666667vw;
    padding-inline: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-1 .list-detail {
    margin-top: 4vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-1 .list-detail .heading {
    width: 28.000000000000004vw;
    letter-spacing: -0.01em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-1 .list-detail .heading {
    width: 11.428571428571429vw;
    letter-spacing: 0.02em;
  }
}
.page-recruit.is-page-en .section-1 .list-detail .detail {
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-1 .list-detail .detail .text-small {
    margin-top: 0.142857142857143vw;
    margin-bottom: 0.285714285714286vw;
    letter-spacing: 0.015em;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-1 .list-detail .detail .detail-heading {
    padding-top: 0.8vw;
    padding-bottom: 1.6vw;
    letter-spacing: normal;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en
    .section-1
    .list-detail
    .detail
    .detail-heading
    .switch-text-en {
    display: inline;
  }
  .page-recruit.is-page-en
    .section-1
    .list-detail
    .detail
    .detail-heading
    .switch-text-en
    br {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-1 .list-detail .detail-2 {
    margin-bottom: 5.600000000000001vw;
  }
}
.page-recruit.is-page-en .section-1 .list-detail .detail-2 .text-small {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-1 .list-detail .detail-2 .text-small {
    line-height: 1.583333333333333;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-1 .list-detail .detail-2 .text-small {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-2 .section-heading {
    margin-bottom: 4.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-2 .section-heading {
    margin-bottom: 2.714285714285714vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-2 .section-heading .bg {
    padding-bottom: 0.714285714285714vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-2 .section-heading .bg span {
    padding: 0 0.933333333333333vw 2.133333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-2 .text-attention {
    letter-spacing: 0.015em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-2 .text-1 {
    margin-top: 2.142857142857143vw;
  }
}
.page-recruit.is-page-en .section-2 .text-1 .switch-text-en {
  display: inline;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-2 .text-1 .break {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-2 .text-1 .text-small {
    display: inline;
    font-size: 3.2vw;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-2 .text-1 .text-small {
    margin-top: 0.071428571428571vw;
    padding-left: 0;
    font-size: 1vw;
    letter-spacing: 0.015em;
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-3 .section-heading .bg {
    padding-right: 0.933333333333333vw;
    padding-bottom: 0.8vw;
    padding-left: 0.8vw;
  }
}
.page-recruit.is-page-en .section-3 .wrap-detail .detail-heading {
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .detail-heading {
    margin-bottom: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .detail-heading {
    margin-bottom: 1vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .text-1 {
    margin-bottom: 5.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .text-1 {
    margin-bottom: 1.428571428571429vw;
    letter-spacing: 0.015em;
  }
}
.page-recruit.is-page-en .section-3 .wrap-detail .container-course {
  text-align: inherit;
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .container-course {
    padding: 2.214285714285714vw 3.5vw 2.428571428571428vw;
  }
}
.page-recruit.is-page-en .section-3 .wrap-detail .container-course .text {
  letter-spacing: 0.015em;
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en
    .section-3
    .wrap-detail
    .container-course:last-child {
    padding-top: 1.333333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en
    .section-3
    .wrap-detail
    .container-course:last-child {
    padding: 0.714285714285714vw 1.571428571428572vw 0.857142857142857vw
      1.428571428571429vw;
    letter-spacing: -0.015em;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en
    .section-3
    .wrap-detail
    .container-course:last-child
    .text {
    letter-spacing: 0.015em;
    text-align: justify;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en
    .section-3
    .wrap-detail
    .container-course:last-child
    .text {
    letter-spacing: normal;
  }
}
.page-recruit.is-page-en .section-3 .wrap-detail .container-entry {
  text-align: inherit;
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .container-entry p {
    letter-spacing: 0.025em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .container-entry ul {
    margin-top: 0;
    padding-bottom: 0.357142857142857vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-recruit.is-page-en
    .section-3
    .wrap-detail
    .container-entry
    ul
    li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .page-recruit.is-page-en .section-3 .wrap-detail .container-entry ul li {
    margin-bottom: 0;
  }
}
.page-recruit.is-page-en .section-3 .wrap-detail .container-entry ul li p {
  letter-spacing: 0.015em;
}
.page-recruit.is-page-en .buttons .button-schedule {
  display: none;
}
.page-schedule .wrapper {
  background: var(--color-red);
}
@media only screen and (max-width: 1024px) {
  .page-schedule .main {
    margin-top: 16vw;
    padding-top: 18.53333333333333vw;
    padding-bottom: 42.13333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .main {
    padding-top: 13.785714285714285vw;
    padding-bottom: 19.92857142857143vw;
  }
}
.page-schedule .page-heading {
  margin-bottom: 13.066666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-schedule .page-heading {
    margin-bottom: 5.357142857142857vw;
  }
}
.page-schedule .page-heading .text-main {
  box-sizing: content-box;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .page-heading .text-main {
    padding-left: 0.666666666666667vw;
    width: 94.8vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .page-heading .text-main {
    padding-left: 0.5vw;
    width: 56.00000000000001vw;
  }
}
.page-schedule .page-heading .text-main .ill {
  position: absolute;
  left: 77.46666666666667vw;
  top: -9.333333333333334vw;
  width: 15.333333333333332vw;
}
@media only screen and (min-width: 1025px) {
  .page-schedule .page-heading .text-main .ill {
    left: 39.214285714285715vw;
    top: -2.714285714285714vw;
    width: 8.214285714285714vw;
  }
}
.page-schedule .page-heading .text-sub {
  margin-top: 1.866666666666667vw;
  font-size: 3.466666666666666vw;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 1025px) {
  .page-schedule .page-heading .text-sub {
    margin-top: 1.785714285714286vw;
    font-size: 1.571428571428572vw;
    letter-spacing: 0.06em;
  }
}
.page-schedule .section-1 {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 {
    margin-inline: -4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 {
    width: 80vw;
    margin-inline: auto;
    margin-bottom: 3.571428571428571vw;
    font-size: 1.285714285714286vw;
    line-height: 1.555555555555556;
  }
}
.page-schedule .section-1 .section-inner {
  border: 0.533333333333333vw solid #000;
  border-radius: 10vw;
  padding: 2.8vw;
  background-color: var(--color-lightblue);
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .section-inner {
    border-radius: 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 1.642857142857143vw;
  }
}
.page-schedule .section-1 .container {
  position: relative;
  border: 0.4vw solid #000;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .container {
    padding: 10.666666666666668vw 6.933333333333333vw 12.266666666666666vw;
    background: url(/assets/img/bg-grid-2-lighter.png) left top repeat
      transparent;
    background-size: 6.666666666666667vw auto;
    border-radius: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .container {
    padding-top: 5.285714285714286vw;
    padding-bottom: 5.285714285714286vw;
    padding-inline: 9.571428571428571vw;
    border-width: 0.071428571428571vw;
    border-radius: 5.285714285714286vw;
    background: url(/assets/img/md/bg-grid-2-lighter.png) left top repeat
      transparent;
    background-size: 2.571428571428571vw auto;
  }
}
.page-schedule .section-1 .chara-1 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .chara-1 {
    top: 68.8vw;
    right: 6.933333333333333vw;
    width: 18.8vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .chara-1 {
    bottom: 41.07142857142857vw;
    right: 3.428571428571429vw;
    width: 10.071428571428571vw;
  }
}
.page-schedule .section-1 .chara-2 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .chara-2 {
    top: 126.66666666666666vw;
    right: 17.733333333333334vw;
    width: 13.466666666666665vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .chara-2 {
    bottom: 25.642857142857146vw;
    right: 17.857142857142858vw;
    width: 7.285714285714286vw;
  }
}
.page-schedule .section-1 .string-1 {
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .string-1 {
    top: 0;
    width: 22vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .string-1 {
    bottom: 0;
    width: 24.21428571428571vw;
  }
}
.page-schedule .section-1 .process {
  background: url(/assets/img/schedule/bar.png) 4.6vw 6.4vw no-repeat
    transparent;
  background-size: 1.5vw 95%;
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process {
    background: url(/assets/img/schedule/md/bar.png) 2.642857142857143vw
      2.857142857142857vw no-repeat transparent;
    background-size: 0.428571428571429vw 95%;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-schedule .section-1 .process {
    background: url(/assets/img/schedule/md/bar@2x.png) 2.642857142857143vw
      2.857142857142857vw no-repeat transparent;
    background-size: 0.428571428571429vw 95%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .process li {
    display: grid;
    grid-template: 'num heading' 'num detail'/13.333333333333334vw auto;
    margin-bottom: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process li {
    display: flex;
    align-items: center;
    margin-bottom: 2.142857142857143vw;
  }
}
.page-schedule .section-1 .process li .num {
  align-self: flex-start;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .process li .num {
    grid-area: num;
    height: 10.666666666666668vw;
    width: 10.666666666666668vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process li .num {
    height: 5.714285714285714vw;
    width: 5.714285714285714vw;
    margin-right: 1.357142857142857vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .process li .heading {
    grid-area: heading;
    padding-top: 2.666666666666667vw;
    font-size: 5.333333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process li .heading {
    width: 11.785714285714285vw;
    padding-bottom: 0.285714285714286vw;
    font-size: 2.142857142857143vw;
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .process li .detail {
    grid-area: detail;
    padding-top: 1.333333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process li .detail {
    flex: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .process li .detail p {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.01em;
    line-height: 1.692307692307692;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process li .detail p {
    padding-bottom: 0.142857142857143vw;
    padding-left: 1.071428571428571vw;
    font-size: 1.285714285714286vw;
    letter-spacing: 0.01em;
    line-height: 1.666666666666667;
    border-left: 0.071428571428571vw solid #c3cddd;
  }
}
.page-schedule .section-1 .process .step-1 .detail {
  color: #e41f28;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .process .step-2 {
    margin-bottom: 4vw;
  }
}
.page-schedule .section-1 .process .step-2 .heading {
  width: inherit;
  flex: 1;
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process .step-3 {
    margin-bottom: 1.571428571428572vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process .step-3 .heading {
    align-self: flex-start;
    padding-top: 1.642857142857143vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process .step-3 .detail {
    margin-top: 1.714285714285714vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process .step-4 {
    margin-bottom: 2.428571428571428vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process .step-4 .heading {
    align-self: flex-start;
    padding-top: 1.642857142857143vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process .step-4 .detail {
    margin-top: 1.714285714285714vw;
  }
}
.page-schedule .section-1 .process .step-8 .heading {
  width: inherit;
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .process .step-8 .heading {
    font-size: 6.666666666666667vw;
    padding-top: 2.133333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .process .step-8 .heading {
    font-size: 2.642857142857143vw;
  }
}
.page-schedule .section-1 .notifications {
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .notifications {
    margin-top: 12vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
    text-align: justify;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .notifications {
    margin-top: 3.357142857142857vw;
    font-size: 1.142857142857143vw;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .notifications li {
    padding-left: 1.4em;
    text-indent: -1.4em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-schedule .section-1 .notifications li {
    padding-left: 1em;
    text-indent: -1em;
  }
}
.page-schedule .section-1 .notifications li:before {
  content: '※';
}
@media only screen and (max-width: 1024px) {
  .page-schedule .section-1 .notifications li:before {
    padding-right: 0.533333333333333vw;
  }
}
.page-schedule .section-1 .notifications li:first-child {
  color: #e41f28;
}
.page-seminar .wrapper {
  background: var(--color-red);
}
@media only screen and (max-width: 1024px) {
  .page-seminar .main {
    margin-top: 16vw;
    padding-top: 18.266666666666666vw;
    padding-bottom: 40.8vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-seminar .main {
    padding-top: 13.714285714285715vw;
    padding-bottom: 19.92857142857143vw;
  }
}
.page-seminar .page-heading {
  margin-bottom: 13.333333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .page-heading {
    margin-bottom: 3.857142857142857vw;
  }
}
.page-seminar .page-heading .text-main {
  box-sizing: content-box;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .page-heading .text-main {
    padding-left: 0.666666666666667vw;
    width: 84.39999999999999vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-seminar .page-heading .text-main {
    padding-left: 0.5vw;
    width: 74.14285714285714vw;
  }
}
.page-seminar .page-heading .text-main .ill {
  position: absolute;
  left: 58.8vw;
  top: 8.4vw;
  width: 11.200000000000001vw;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .page-heading .text-main .ill {
    left: 45.42857142857143vw;
    top: -2vw;
    width: 6vw;
  }
}
.page-seminar .page-heading .text-sub {
  margin-top: 3.2vw;
  font-size: 3.466666666666666vw;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .page-heading .text-sub {
    margin-top: 1.785714285714286vw;
    font-size: 1.571428571428572vw;
    letter-spacing: 0.06em;
  }
}
.page-seminar .section-1 {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 {
    margin-inline: -4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 {
    width: 80vw;
    margin-inline: auto;
    font-size: 1.285714285714286vw;
    line-height: 1.555555555555556;
  }
}
.page-seminar .section-1 .section-inner {
  padding: 0 6.666666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 .section-inner {
    padding: 1.642857142857143vw 5.714285714285714vw 3.142857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list {
    width: 86.66666666666667vw;
    margin-inline: auto;
  }
}
.page-seminar .section-1 .list li {
  margin-bottom: 1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li {
    margin-bottom: 2.666666666666667vw;
  }
}
.page-seminar .section-1 .list li a {
  position: relative;
  display: flex;
  padding-block: 1.857142857142857vw;
  border: 0.142857142857143vw solid #000;
  border-radius: 2.142857142857143vw;
  background-color: #fff;
  overflow: hidden;
  transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a {
    padding-block: 3.2vw;
    border-width: 0.533333333333333vw;
    border-radius: 4vw;
  }
}
.page-seminar .section-1 .list li a .tag {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  height: 100%;
  width: 3.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .tag {
    width: 6.133333333333333vw;
    font-size: 2.4vw;
  }
}
.page-seminar .section-1 .list li a .tag .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}
.page-seminar .section-1 .list li a .tag .text:before {
  display: block;
  transform: rotate(90deg);
  color: #fff;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 .list li a .tag .text:before {
    padding-bottom: 0.142857142857143vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a.seminar-5 .info-1 .date {
    margin-top: -0.666666666666667vw;
  }
}
.page-seminar .section-1 .list li a.seminar-5 .info-1 .time {
  font-size: 1.285714285714286vw;
  letter-spacing: -0.005em;
  line-height: 1.277777777777778;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a.seminar-5 .info-1 .time {
    margin-top: 1.866666666666667vw;
    margin-bottom: -0.8vw;
    font-size: 2.4vw;
    line-height: 1.111111111111111;
  }
  .page-seminar .section-1 .list li a.seminar-5 .info-1 .time .time-2 {
    display: inline-block;
    padding-top: 0.8vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-seminar .section-1 .list li a.online:hover {
    background-color: #d4f3ff;
  }
}
.page-seminar .section-1 .list li a.online .tag {
  background-color: var(--color-lightblue);
}
.page-seminar .section-1 .list li a.online .tag .text:before {
  content: 'ONLINE';
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-seminar .section-1 .list li a.event:hover {
    background-color: #dbfde6;
  }
}
.page-seminar .section-1 .list li a.event .tag {
  background-color: var(--color-green);
}
.page-seminar .section-1 .list li a.event .tag .text:before {
  content: 'EVENT';
}
.page-seminar .section-1 .list li a .info-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 5.714285714285714vw;
  width: 14.285714285714285vw;
  font-size: 1.428571428571429vw;
  letter-spacing: -0.005em;
  line-height: 1.4;
  background: url(/assets/img/seminar/md/bg-1.png) right top repeat-y
    transparent;
  background-size: 0.4vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 .list li a .info-1 {
    padding-bottom: 0.428571428571429vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .info-1 {
    width: 20.266666666666666vw;
    margin-left: 8.799999999999999vw;
    padding-bottom: 1.066666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.2;
  }
}
.page-seminar .section-1 .list li a .info-1 .date .year {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 .list li a .info-1 .date .year {
    margin-top: 0.357142857142857vw;
    margin-bottom: 0.071428571428571vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .info-1 .date .year {
    margin-top: 1.066666666666667vw;
  }
}
.page-seminar .section-1 .list li a .info-1 .date .month-day {
  margin-left: -0.142857142857143vw;
  margin-right: 0.571428571428571vw;
  font-size: 2.857142857142857vw;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .info-1 .date .month-day {
    font-size: 4.533333333333333vw;
  }
}
.page-seminar .section-1 .list li a .info-1 .time {
  margin-top: 2.357142857142857vw;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .info-1 .time {
    margin-top: 2.666666666666667vw;
  }
}
.page-seminar .section-1 .list li a .info-2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 2.714285714285714vw;
  font-size: 1.142857142857143vw;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 .list li a .info-2 {
    padding-bottom: 0.571428571428571vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .info-2 {
    padding-bottom: 1.066666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.2;
  }
}
.page-seminar .section-1 .list li a .info-2 .title {
  padding-top: 0.5vw;
  font-size: 2.142857142857143vw;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .info-2 .title {
    padding-top: 1.066666666666667vw;
    margin-bottom: 2.666666666666667vw;
    font-size: 4vw;
  }
}
.page-seminar .section-1 .list li a .info-2 .detail {
  font-family: Noto Sans JP, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN,
    Hiragino Sans, Meiryo, sans-serif;
  font-weight: 700;
}
.page-seminar .section-1 .list li a .icon-blank {
  position: absolute;
  top: 50%;
  right: 2.714285714285714vw;
  display: grid;
  place-content: center;
  grid-area: icon-blank;
  height: 2.857142857142857vw;
  width: 2.857142857142857vw;
  margin-top: -1.428571428571429vw;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .icon-blank {
    right: 2.133333333333333vw;
    margin-top: -2.666666666666667vw;
    height: 5.333333333333334vw;
    width: 5.333333333333334vw;
  }
}
.page-seminar .section-1 .list li a .icon-blank svg {
  position: relative;
  fill: #fff;
  height: 0.714285714285714vw;
  width: 0.714285714285714vw;
  transition: transform 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  backface-visibility: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .list li a .icon-blank svg {
    height: 1.866666666666667vw;
    width: 1.866666666666667vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-seminar .section-1 .list li a:hover .icon-bg {
    transform: scale(1.1);
  }
}
.page-seminar .section-1 .notifications {
  font-weight: 500;
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .notifications {
    margin: 5.333333333333334vw auto 0;
    width: 86.66666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
    text-align: justify;
  }
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 .notifications {
    margin-top: 1.642857142857143vw;
    font-size: 1.142857142857143vw;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .notifications li {
    padding-left: 1.4em;
    text-indent: -1.4em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-seminar .section-1 .notifications li {
    padding-left: 1em;
    text-indent: -1em;
  }
}
.page-seminar .section-1 .notifications li:before {
  content: '※';
}
@media only screen and (max-width: 1024px) {
  .page-seminar .section-1 .notifications li:before {
    padding-right: 0.8vw;
  }
}
.page-survey .wrapper {
  background: var(--color-red);
}
@media only screen and (max-width: 1024px) {
  .page-survey .main {
    margin-top: 16vw;
    padding-top: 17.866666666666667vw;
    padding-bottom: 43.333333333333336vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .main {
    padding-bottom: 23.285714285714285vw;
    padding-top: 13.5vw;
  }
}
.page-survey .page-heading {
  margin-bottom: 13.066666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .page-heading {
    margin-bottom: 5.357142857142857vw;
  }
}
.page-survey .page-heading .text-main {
  box-sizing: content-box;
}
@media only screen and (max-width: 1024px) {
  .page-survey .page-heading .text-main {
    padding-right: 8.666666666666668vw;
    width: 67.86666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .page-heading .text-main {
    padding-left: 0.285714285714286vw;
    width: 70.42857142857143vw;
  }
}
.page-survey .page-heading .text-main .ill {
  left: 64.8vw;
  position: absolute;
  top: 6vw;
  width: 16.400000000000002vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .page-heading .text-main .ill {
    left: 29.214285714285715vw;
    top: -3.714285714285714vw;
    width: 8.785714285714285vw;
  }
}
.page-survey .page-heading .text-sub {
  margin-top: 3.2vw;
  font-size: 3.466666666666666vw;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 1025px) {
  .page-survey .page-heading .text-sub {
    margin-top: 1.714285714285714vw;
    font-size: 1.571428571428572vw;
    letter-spacing: 0.02em;
  }
}
.page-survey .section-survey {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey {
    margin-inline: -4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey {
    padding-inline: 1.071428571428571vw;
  }
}
.page-survey .section-survey .section-inner {
  background-color: var(--color-lightblue);
  border: 0.533333333333333vw solid #000;
  border-radius: 10vw;
  padding: 2.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .section-inner {
    border-radius: 7.142857142857142vw;
    border-width: 0.071428571428571vw;
    padding: 1.714285714285714vw;
  }
}
.page-survey .section-survey .container {
  position: relative;
  padding-top: 6.666666666666667vw;
  padding-bottom: 19.333333333333332vw;
  border: 0.4vw solid #000;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .container {
    background: url(/assets/img/top/md/survey-bg-1.png) left top repeat
      transparent;
    background-size: 6.666666666666667vw auto;
    border-radius: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .container {
    border-radius: 5.285714285714286vw;
    border-width: 0.071428571428571vw;
    padding-bottom: 7.142857142857142vw;
    padding-top: 6.285714285714286vw;
    background: url(/assets/img/top/md/survey-bg-1.png) left top repeat
      transparent;
    background-size: 2.571428571428571vw auto;
  }
}
.page-survey .section-survey .container .bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.page-survey .section-survey .container .container-detail {
  position: relative;
  height: 100%;
  width: 100%;
}
.page-survey .section-survey .container .text {
  text-align: center;
  font-size: 4vw;
  line-height: 1.2;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .container .text {
    font-size: 2.142857142857143vw;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .container .text .break {
    display: block;
  }
}
.page-survey .section-survey .container .container-comment {
  background-color: #fff;
  border-radius: 2.666666666666667vw;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .container .container-comment {
    padding: 3.466666666666666vw 3.2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .container .container-comment {
    border-radius: 1.428571428571429vw;
  }
}
.page-survey .section-survey .container .comment {
  font-size: 2.666666666666667vw;
  line-height: 1.5;
  display: -webkit-box;
  font-weight: 700;
  overflow: hidden;
  text-align: justify;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .container .comment {
    font-size: 1.142857142857143vw;
    line-height: 1.625;
  }
}
.page-survey .section-survey .container .content-wrap {
  position: relative;
}
.page-survey .section-survey .container .balloon {
  font-size: 3.466666666666666vw;
  letter-spacing: -0.01em;
  line-height: 1.538461538461539;
  font-weight: 700;
  padding-left: 5.333333333333334vw;
  padding-right: 7.466666666666668vw;
  text-align: justify;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .container .balloon {
    padding-left: 2.857142857142857vw;
    padding-right: 4vw;
    font-size: 1.285714285714286vw;
    letter-spacing: -0.01em;
    line-height: 1.666666666666667;
  }
}
.page-survey .section-survey .container .text-mark {
  margin-left: -0.8vw;
  margin-right: -1.066666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .container .text-mark {
    margin-left: -0.285714285714286vw;
    margin-right: -0.285714285714286vw;
  }
}
.page-survey .section-survey .container .text-black-balloon {
  position: absolute;
  font-size: 2.4vw;
  line-height: 1.555555555555556;
  color: var(--color-yellow);
  font-weight: 700;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .container .text-black-balloon {
    font-size: 0.857142857142857vw;
    line-height: 1.5;
  }
}
.page-survey .section-survey .container .bg .bg-1 {
  fill: #000;
  height: 100%;
  width: 100%;
}
.page-survey .section-survey .container .bg .bg-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: #fff;
}
.page-survey .section-survey .container .bg .bg-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: #000;
}
.page-survey .section-survey .container .bg .bg-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}
.page-survey .section-survey .content-1 {
  position: relative;
  height: 87.73333333333333vw;
  width: 87.73333333333333vw;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-1 {
    margin-inline: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-1 {
    margin-left: 7.142857142857142vw;
    height: 37.857142857142854vw;
    width: 37.857142857142854vw;
  }
}
.page-survey .section-survey .content-1 .bg-2 {
  height: 86.66666666666667vw;
  width: 86.66666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-1 .bg-2 {
    height: 37.57142857142857vw;
    width: 37.57142857142857vw;
  }
}
.page-survey .section-survey .content-1 .bg-3 {
  height: 82.93333333333334vw;
  width: 82.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-1 .bg-3 {
    height: 35.85714285714286vw;
    width: 35.85714285714286vw;
  }
}
.page-survey .section-survey .content-1 .bg-4 {
  fill: var(--color-red);
  height: 82.39999999999999vw;
  width: 82.39999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-1 .bg-4 {
    height: 35.714285714285715vw;
    width: 35.714285714285715vw;
  }
}
.page-survey .section-survey .content-1 .container-detail .text {
  padding-left: 0.266666666666667vw;
  padding-top: 9.466666666666667vw;
  font-size: 6.533333333333332vw;
  line-height: 1.081632653061225;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-1 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 4vw;
    font-size: 2.857142857142857vw;
    line-height: 1.075;
  }
}
.page-survey .section-survey .content-1 .container-detail .img-1 {
  left: 17.2vw;
  position: absolute;
  top: 26.13333333333333vw;
  width: 56.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-1 .container-detail .img-1 {
    left: 7.285714285714286vw;
    top: 11.142857142857142vw;
    width: 24.285714285714285vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-2 {
    margin-inline: auto;
    margin-top: -26.400000000000002vw;
    position: relative;
    height: 95.73333333333333vw;
    width: 95.73333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 {
    position: absolute;
    left: 50%;
    margin-left: -11vw;
    height: 38.857142857142854vw;
    width: 51.07142857142857vw;
    top: -0.571428571428571vw;
  }
}
.page-survey .section-survey .content-2 .bg {
  border-radius: 50%;
  padding: 5.2vw;
  background: url(/assets/img/bg-grid-1.png) left top repeat var(--color-green);
  background-size: 3.333333333333333vw auto;
  border: 0.533333333333333vw solid #000;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 .bg {
    background-size: 1.714285714285714vw auto;
    border-width: 0.142857142857143vw;
    padding: 2.785714285714286vw;
  }
}
.page-survey .section-survey .content-2 .bg .bg-1 {
  background-color: var(--color-green);
  border: 0.266666666666667vw solid #000;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 .bg .bg-1 {
    border-width: 0.071428571428571vw;
  }
}
.page-survey .section-survey .content-2 .container-detail .text {
  font-size: 4.133333333333333vw;
  line-height: 1.032258064516129;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-2 .container-detail .text {
    padding-left: 0.533333333333333vw;
    padding-top: 28.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 6.5vw;
    font-size: 2vw;
    line-height: 1.035714285714286;
  }
}
.page-survey .section-survey .content-2 .container-detail .text .text-bigger {
  display: block;
  font-size: 5.866666666666666vw;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-2 .container-detail .text .text-bigger {
    margin-left: -0.933333333333333vw;
    margin-top: -0.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 .container-detail .text .text-bigger {
    margin-top: -0.214285714285714vw;
    font-size: 2.857142857142857vw;
    line-height: 1;
  }
}
.page-survey .section-survey .content-2 .container-detail .text .text-entry {
  letter-spacing: -0.02em;
}
.page-survey .section-survey .content-2 .container-detail .img-1 {
  left: 17.866666666666667vw;
  position: absolute;
  top: 44.666666666666664vw;
  width: 60.66666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 .container-detail .img-1 {
    left: 11vw;
    top: 15.071428571428571vw;
    width: 29.5vw;
  }
}
.page-survey .section-survey .content-2 .container-detail .img-2 {
  left: 66.93333333333334vw;
  position: absolute;
  top: 54.666666666666664vw;
  width: 21.46666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 .container-detail .img-2 {
    left: 34.85714285714286vw;
    top: 19.57142857142857vw;
    width: 11.5vw;
  }
}
.page-survey .section-survey .content-2 .container-detail .text-others {
  position: absolute;
  left: 0;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-2 .container-detail .text-others {
    bottom: 16vw;
    font-size: 2.4vw;
    letter-spacing: 0.03em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-2 .container-detail .text-others {
    bottom: 6.071428571428571vw;
    font-size: 1.071428571428571vw;
    letter-spacing: 0.05em;
  }
}
.page-survey .section-survey .content-2 .container-detail .text-others span {
  font-feature-settings: 'palt';
}
.page-survey .section-survey .content-3 {
  margin-inline: auto;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 {
    width: 80vw;
  }
}
.page-survey .section-survey .content-3 .text {
  font-size: 6.666666666666667vw;
  line-height: 1.12;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-3 .text {
    margin-bottom: 9.866666666666667vw;
    padding-left: 1.6vw;
    padding-top: 11.866666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .text {
    margin-bottom: 4vw;
    padding-left: 1.285714285714286vw;
    padding-top: 5.285714285714286vw;
    font-size: 3.571428571428571vw;
    line-height: 1;
  }
}
.page-survey .section-survey .content-3 .container-detail {
  background-color: var(--color-red);
  border: 0.533333333333333vw solid #000;
  border-radius: 6.666666666666667vw;
  padding: 1.333333333333333vw;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-3 .container-detail {
    margin-inline: auto;
    width: 86.66666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail {
    border-radius: 3.571428571428571vw;
    border-width: 0.142857142857143vw;
    padding: 0.857142857142857vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .container-inner {
  border: 0.266666666666667vw solid #000;
  border-radius: 4.8vw;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-3 .container-detail .container-inner {
    height: 124vw;
    background: url(/assets/img/survey/bg-grid-white.png) left top repeat
      transparent;
    background-size: 2.666666666666667vw auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .container-inner {
    border-radius: 2.571428571428571vw;
    border-width: 0.071428571428571vw;
    height: 31.357142857142854vw;
    background: url(/assets/img/survey/md/bg-grid-white.png) left top repeat
      transparent;
    background-size: 0.785714285714286vw auto;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-1 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-3 .container-detail .part-1 {
    left: 4.533333333333333vw;
    padding-top: 5.066666666666666vw;
    height: 44.266666666666666vw;
    width: 75.46666666666667vw;
    top: -8.933333333333334vw;
    background: url(/assets/img/survey/content-3-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-1 {
    left: 4.714285714285714vw;
    padding-top: 2.357142857142857vw;
    height: 18.857142857142858vw;
    width: 32.5vw;
    top: -3.214285714285714vw;
    background: url(/assets/img/survey/md/content-3-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-3 .container-detail .part-1 {
    background: url(/assets/img/survey/md/content-3-1-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-1 .mark {
  font-feature-settings: 'palt';
}
.page-survey .section-survey .content-3 .container-detail .part-1 .img-1 {
  left: 16.400000000000002vw;
  position: absolute;
  top: 34.8vw;
  width: 10.933333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-1 .img-1 {
    left: 3.928571428571428vw;
    top: 13.928571428571429vw;
    width: 5.857142857142858vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-2 {
  left: 30.666666666666664vw;
  position: absolute;
  top: 37.06666666666666vw;
  width: 45.86666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-2 {
    left: 40.785714285714285vw;
    top: 2.214285714285714vw;
    width: 24.571428571428573vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-2 .img-2 {
  left: 34.53333333333333vw;
  position: absolute;
  top: 12.4vw;
  width: 14.799999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-2 .img-2 {
    left: 26vw;
    top: -5.857142857142858vw;
    width: 6.428571428571428vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-3 {
  left: 5.733333333333333vw;
  position: absolute;
  top: 52.26666666666666vw;
  width: 46.13333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-3 {
    left: 28.642857142857142vw;
    top: 15.214285714285714vw;
    width: 24.714285714285715vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-3 .img-2 {
  left: -4.133333333333333vw;
  position: absolute;
  top: -11.066666666666666vw;
  width: 76.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-3 .img-2 {
    left: -3.428571428571429vw;
    top: -3.642857142857143vw;
    width: 30.928571428571427vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-4 {
  left: 41.6vw;
  position: absolute;
  top: 66.13333333333333vw;
  width: 38.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-4 {
    left: 56.714285714285715vw;
    top: 9.857142857142858vw;
    width: 20.214285714285715vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-5 {
  left: 7.466666666666668vw;
  position: absolute;
  top: 76.53333333333333vw;
  width: 35.333333333333336vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-5 {
    left: 5.071428571428571vw;
    top: 17.71428571428571vw;
    width: 18.928571428571427vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-5 .img-2 {
  left: 37.46666666666666vw;
  position: absolute;
  top: 8.133333333333333vw;
  width: 10.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-5 .img-2 {
    left: -6.928571428571429vw;
    top: 5.928571428571429vw;
    width: 5.785714285714286vw;
  }
}
.page-survey .section-survey .content-3 .container-detail .part-6 {
  position: absolute;
  left: 4.533333333333333vw;
  top: 95.46666666666667vw;
  height: 38.93333333333333vw;
  width: 75.46666666666667vw;
  padding-top: 9.733333333333333vw;
  background: url(/assets/img/survey/content-3-6-bg.png) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-3 .container-detail .part-6 {
    left: 46.785714285714285vw;
    top: 18.571428571428573vw;
    padding-top: 4.5vw;
    height: 16.785714285714285vw;
    width: 26.5vw;
    background: url(/assets/img/survey/md/content-3-6-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-3 .container-detail .part-6 {
    background: url(/assets/img/survey/md/content-3-6-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-4 {
  position: relative;
  height: 88vw;
  width: 88vw;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-4 {
    margin-left: 6.533333333333332vw;
    margin-top: 19.333333333333332vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 {
    margin-left: 5.714285714285714vw;
    margin-top: 6.428571428571428vw;
    height: 28.57142857142857vw;
    width: 28.57142857142857vw;
    z-index: 1;
  }
}
.page-survey .section-survey .content-4 .bg-2 {
  height: 86.66666666666667vw;
  width: 86.66666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 .bg-2 {
    height: 28.285714285714285vw;
    width: 28.285714285714285vw;
  }
}
.page-survey .section-survey .content-4 .bg-3 {
  height: 82.93333333333334vw;
  width: 82.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 .bg-3 {
    height: 26.571428571428573vw;
    width: 26.571428571428573vw;
  }
}
.page-survey .section-survey .content-4 .bg-4 {
  fill: var(--color-purple);
  height: 82.39999999999999vw;
  width: 82.39999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 .bg-4 {
    height: 26.42857142857143vw;
    width: 26.42857142857143vw;
  }
}
.page-survey .section-survey .content-4 .container-detail .text {
  padding-left: 0.533333333333333vw;
  padding-top: 12.533333333333333vw;
  font-size: 5.2vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 4vw;
    font-size: 1.714285714285714vw;
  }
}
.page-survey .section-survey .content-4 .container-detail .text .text-bigger {
  display: block;
  font-size: 6.933333333333333vw;
  line-height: 1.019230769230769;
  padding-top: 0.933333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 .container-detail .text .text-bigger {
    padding-top: 0.142857142857143vw;
    font-size: 2.285714285714286vw;
    line-height: 1.03125;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey
    .section-survey
    .content-4
    .container-detail
    .text
    .text-bigger
    .text-entry {
    margin-left: -1.066666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey
    .section-survey
    .content-4
    .container-detail
    .text
    .text-bigger
    .text-entry {
    letter-spacing: -0.03em;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey
    .section-survey
    .content-4
    .container-detail
    .text
    .text-bigger
    .text-mark {
    margin-left: 0;
  }
}
.page-survey .section-survey .content-4 .container-detail .img-1 {
  left: 29.86666666666667vw;
  position: absolute;
  top: 37.06666666666666vw;
  width: 27.333333333333332vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 .container-detail .img-1 {
    left: 10.357142857142858vw;
    top: 12.357142857142858vw;
    width: 8.928571428571429vw;
  }
}
.page-survey .section-survey .content-4 .container-detail .img-2 {
  left: 21.333333333333336vw;
  position: absolute;
  top: 60.4vw;
  width: 44.666666666666664vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-4 .container-detail .img-2 {
    left: 6.857142857142858vw;
    top: 20.214285714285715vw;
    width: 14.857142857142858vw;
  }
}
.page-survey .section-survey .content-4 .container-detail .text-black-balloon {
  left: -0.8vw;
  top: 36.53333333333333vw;
  height: 24.53333333333333vw;
  width: 23.733333333333334vw;
  padding-top: 4.8vw;
  background: url(/assets/img/survey/content-4-balloon.svg) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey
    .section-survey
    .content-4
    .container-detail
    .text-black-balloon {
    left: -0.071428571428571vw;
    padding-top: 1.785714285714286vw;
    height: 9vw;
    width: 8.714285714285715vw;
    top: 10.785714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-5 {
    margin-left: 6.933333333333333vw;
    margin-top: -8.133333333333333vw;
    position: relative;
    height: 53.333333333333336vw;
    width: 86.66666666666667vw;
    background: url(/assets/img/survey/content-5-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-5 {
    left: 28.42857142857143vw;
    position: absolute;
    height: 27.142857142857142vw;
    width: 57.214285714285715vw;
    top: 0.714285714285714vw;
    background: url(/assets/img/survey/md/content-5-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-5 {
    background: url(/assets/img/survey/md/content-5-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-5 .text {
    padding-top: 10.933333333333334vw;
    padding-left: 0.4vw;
    font-size: 3.2vw;
    letter-spacing: 0.01em;
    line-height: 1.416666666666667;
    text-shadow: #fff 0.8vw 0 0, #fff 0.788914666666667vw 0.132716933333333vw 0,
      #fff 0.755965333333333vw 0.261756vw 0,
      #fff 0.702066666666667vw 0.38354vw 0,
      #fff 0.628709333333333vw 0.494696vw 0,
      #fff 0.537929333333333vw 0.592141333333333vw 0,
      #fff 0.432241333333333vw 0.673177333333333vw 0,
      #fff 0.314574666666667vw 0.735556vw 0,
      #fff 0.188190666666667vw 0.777550666666667vw 0,
      #fff 0.056589733333333vw 0.797996vw 0,
      #fff -0.0765788vw 0.796326666666667vw 0,
      #fff -0.207625333333333vw 0.772588vw 0,
      #fff -0.332917333333333vw 0.727437333333333vw 0,
      #fff -0.448984vw 0.662128vw 0,
      #fff -0.552606666666667vw 0.578469333333333vw 0,
      #fff -0.640914666666667vw 0.478777333333333vw 0,
      #fff -0.711461333333333vw 0.365818666666667vw 0,
      #fff -0.762290666666667vw 0.24272vw 0,
      #fff -0.791993333333333vw 0.112896vw 0,
      #fff -0.799748vw -0.020057066666667vw 0,
      #fff -0.785338666666667vw -0.152454666666667vw 0,
      #fff -0.749165333333333vw -0.280626666666667vw 0,
      #fff -0.692229333333333vw -0.401021333333333vw 0,
      #fff -0.616109333333333vw -0.510302666666667vw 0,
      #fff -0.522914666666667vw -0.605441333333333vw 0,
      #fff -0.415228vw -0.683802666666667vw 0,
      #fff -0.296034666666667vw -0.743212vw 0, #fff -0.168636vw -0.782024vw 0,
      #fff -0.036565066666667vw -0.799164vw 0,
      #fff 0.096519733333333vw -0.794156vw 0,
      #fff 0.226929333333333vw -0.76714vw 0,
      #fff 0.351050666666667vw -0.718862666666667vw 0,
      #fff 0.465442666666667vw -0.650664vw 0, #fff 0.566936vw -0.564432vw 0,
      #fff 0.652717333333333vw -0.462558666666667vw 0,
      #fff 0.720409333333333vw -0.347865333333333vw 0,
      #fff 0.768136vw -0.223532vw 0, #fff 0.794576vw -0.093004133333333vw 0;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-5 .text {
    margin-top: 5.071428571428571vw;
    font-size: 1.571428571428572vw;
    text-shadow: #fff 0.214285714285714vw 0 0,
      #fff 0.202490714285714vw 0.070113142857143vw 0,
      #fff 0.168404285714286vw 0.132507857142857vw 0,
      #fff 0.115779285714286vw 0.180315vw 0,
      #fff 0.050408071428571vw 0.208272142857143vw 0,
      #fff -0.020512214285714vw 0.213301428571429vw 0,
      #fff -0.089174285714286vw 0.194849285714286vw 0,
      #fff -0.148019285714286vw 0.154947142857143vw 0,
      #fff -0.19057vw 0.097987142857143vw 0,
      #fff -0.212141428571429vw 0.03024vw 0,
      #fff -0.210358571428571vw -0.040836vw 0,
      #fff -0.185418571428571vw -0.107416428571429vw 0,
      #fff -0.140066428571429vw -0.162172142857143vw 0,
      #fff -0.079295vw -0.199074285714286vw 0,
      #fff -0.009794214285714vw -0.214061428571429vw 0,
      #fff 0.060784785714286vw -0.205483571428571vw 0,
      #fff 0.124672142857143vw -0.174285vw 0,
      #fff 0.174835vw -0.123899285714286vw 0,
      #fff 0.205750714285714vw -0.059874785714286vw 0;
  }
}
.page-survey .section-survey .content-5 .text .text-bigger {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-5 .text .text-bigger {
    padding-top: 0.533333333333333vw;
    font-size: 5.333333333333334vw;
    letter-spacing: -0.01em;
    line-height: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-5 .text .text-bigger {
    padding-top: 0.428571428571429vw;
    font-size: 2.571428571428571vw;
    line-height: 1;
  }
}
.page-survey .section-survey .content-5 .text .text-bigger .text-entry {
  letter-spacing: -0.036em;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-5 .text .text-bigger .text-entry {
    margin-left: -0.285714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-5 .text .text-bigger .text-mark {
    margin-right: -0.266666666666667vw;
    margin-left: -0.4vw;
  }
}
.page-survey .section-survey .content-5 .img-1 {
  position: absolute;
  left: 4.266666666666667vw;
  top: -5.066666666666666vw;
  width: 13.333333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-5 .img-1 {
    left: 5.357142857142857vw;
    top: -4.285714285714286vw;
    width: 7.142857142857142vw;
  }
}
.page-survey .section-survey .content-5 .img-2 {
  position: absolute;
  left: 4.266666666666667vw;
  top: 24.53333333333333vw;
  width: 81.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-5 .img-2 {
    left: 5.571428571428571vw;
    top: 14.285714285714285vw;
    width: 49.714285714285715vw;
  }
}
.page-survey .section-survey .content-5 .text-black-balloon {
  left: 72.93333333333332vw;
  top: -2.933333333333333vw;
  height: 24.666666666666668vw;
  width: 20.933333333333334vw;
  padding-top: 8.266666666666666vw;
  background: url(/assets/img/survey/content-5-2-balloon.svg) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-5 .text-black-balloon {
    left: 50vw;
    padding-top: 3.214285714285714vw;
    height: 10.142857142857142vw;
    width: 8.642857142857142vw;
    top: 3.714285714285714vw;
  }
}
.page-survey .section-survey .content-6 {
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-6 {
    width: 86.66666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 {
    width: 80vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-6 .text {
    padding-top: 12.533333333333333vw;
    padding-left: 0.8vw;
    margin-bottom: 14.266666666666666vw;
    font-size: 6.666666666666667vw;
    letter-spacing: 0.006em;
    line-height: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .text {
    margin-bottom: 3.285714285714286vw;
    padding-left: 0.142857142857143vw;
    padding-top: 5.071428571428571vw;
    font-size: 3.571428571428571vw;
    letter-spacing: 0.006em;
    line-height: 1;
  }
}
.page-survey .section-survey .content-6 .container-detail {
  background-color: var(--color-pink);
  border: 0.533333333333333vw solid #000;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-6 .container-detail {
    padding: 1.333333333333333vw;
    border-radius: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail {
    border-radius: 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 0.857142857142857vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .container-inner {
  border: 0.266666666666667vw solid #000;
  height: 173.86666666666665vw;
  border-radius: 4.8vw;
  position: relative;
  background: url(/assets/img/survey/bg-grid-white.png) left top repeat
    transparent;
  background-size: 2.666666666666667vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .container-inner {
    border-radius: 6.142857142857143vw;
    border-width: 0.071428571428571vw;
    height: 43.714285714285715vw;
    background: url(/assets/img/survey/md/bg-grid-white.png) left top repeat
      transparent;
    background-size: 0.785714285714286vw auto;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-1 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-6 .container-detail .part-1 {
    left: 5.2vw;
    top: -10.4vw;
    padding-top: 4.8vw;
    height: 54.800000000000004vw;
    width: 75.46666666666667vw;
    background: url(/assets/img/survey/content-6-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-1 {
    left: 1.642857142857143vw;
    padding-top: 2.428571428571428vw;
    height: 23.214285714285715vw;
    width: 32vw;
    top: -2.428571428571428vw;
    background: url(/assets/img/survey/md/content-6-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-6 .container-detail .part-1 {
    background: url(/assets/img/survey/md/content-6-1-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-1 .mark {
  font-feature-settings: 'palt';
}
.page-survey .section-survey .content-6 .container-detail .part-1 .img-1 {
  position: absolute;
  left: 57.46666666666667vw;
  top: 42.13333333333333vw;
  width: 8.666666666666668vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-1 .img-1 {
    left: 18.857142857142858vw;
    top: 17.285714285714285vw;
    width: 4.642857142857143vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-2 {
  position: absolute;
  left: 3.733333333333334vw;
  top: 44.266666666666666vw;
  width: 24.53333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-2 {
    left: 37.214285714285715vw;
    top: 12.214285714285714vw;
    width: 12.714285714285714vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-2 .img-2 {
  position: absolute;
  left: 29.333333333333332vw;
  top: -0.266666666666667vw;
  width: 5.333333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-2 .img-2 {
    left: -1vw;
    top: -4.357142857142858vw;
    width: 2.857142857142857vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-3 {
  position: absolute;
  left: 32.266666666666666vw;
  top: 50vw;
  width: 47.06666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-3 {
    left: 42.35714285714286vw;
    top: 2.571428571428571vw;
    width: 27.714285714285715vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-3 .img-2 {
  position: absolute;
  left: 30.133333333333333vw;
  top: 45.33333333333333vw;
  width: 10.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-3 .img-2 {
    left: 24.5vw;
    top: -5.142857142857142vw;
    width: 5.5vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-4 {
  position: absolute;
  left: 10.133333333333333vw;
  top: 66.66666666666666vw;
  width: 63.733333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-4 {
    left: 12.642857142857142vw;
    top: 22.5vw;
    width: 34.64285714285714vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-4 .img-2 {
  position: absolute;
  left: 61.6vw;
  top: 17.2vw;
  width: 6.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-4 .img-2 {
    left: 35.42857142857142vw;
    top: 1.285714285714286vw;
    width: 3.357142857142857vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-5 {
  position: absolute;
  left: 4.533333333333333vw;
  top: 87.06666666666666vw;
  width: 7.733333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-5 {
    left: 3.142857142857143vw;
    top: 21vw;
    width: 6.214285714285714vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-6 {
  position: absolute;
  left: 20.533333333333335vw;
  top: 82.93333333333334vw;
  width: 40.13333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-6 {
    left: 15.571428571428573vw;
    top: 30.214285714285715vw;
    width: 15.928571428571429vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-6 .img-2 {
  position: absolute;
  left: -5.466666666666667vw;
  top: -3.2vw;
  width: 10.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-6 .img-2 {
    left: -4.5vw;
    top: 0.071428571428571vw;
    width: 5.5vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-7 {
  position: absolute;
  left: 39.2vw;
  top: 110.66666666666667vw;
  width: 39.33333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-7 {
    left: 56.285714285714285vw;
    top: 25.857142857142858vw;
    width: 20vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-7 .img-2 {
  position: absolute;
  left: -18.933333333333334vw;
  top: 4.133333333333333vw;
  width: 10.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-7 .img-2 {
    left: 10.785714285714286vw;
    top: 11.5vw;
    width: 5.571428571428571vw;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-8 {
  position: absolute;
  left: 15.866666666666667vw;
  top: 126vw;
  padding-top: 9.333333333333334vw;
  height: 33.733333333333334vw;
  width: 64.8vw;
  background: url(/assets/img/survey/content-6-8-bg.png) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-8 {
    left: 52.642857142857146vw;
    padding-top: 2.428571428571428vw;
    height: 14.642857142857144vw;
    width: 24.071428571428573vw;
    top: 10.857142857142858vw;
    background: url(/assets/img/survey/md/content-6-8-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-6 .container-detail .part-8 {
    background: url(/assets/img/survey/md/content-6-8-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-9 {
  position: absolute;
  left: 2.533333333333333vw;
  top: 154.66666666666666vw;
  padding-top: 5.333333333333334vw;
  height: 33.733333333333334vw;
  width: 64.8vw;
  background: url(/assets/img/survey/content-6-9-bg.png) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-9 {
    left: 33.214285714285715vw;
    padding-right: 4vw;
    padding-top: 4.5vw;
    height: 14.714285714285714vw;
    width: 25.71428571428571vw;
    top: 31.928571428571427vw;
    background: url(/assets/img/survey/md/content-6-9-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-6 .container-detail .part-9 {
    background: url(/assets/img/survey/md/content-6-9-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-6 .container-detail .part-9 .img-1 {
  position: absolute;
  left: 39.46666666666667vw;
  top: 23.200000000000003vw;
  width: 12.533333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-6 .container-detail .part-9 .img-1 {
    left: 15.571428571428573vw;
    top: -2vw;
    width: 6.928571428571429vw;
  }
}
.page-survey .section-survey .content-7 {
  position: relative;
  margin-top: 22.400000000000002vw;
  margin-left: -5.600000000000001vw;
  height: 69.46666666666667vw;
  width: 87.73333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 {
    margin-left: 12.785714285714286vw;
    margin-top: 5vw;
    height: 29.28571428571429vw;
    width: 37.142857142857146vw;
  }
}
.page-survey .section-survey .content-7 .bg-2 {
  height: 68.4vw;
  width: 86.66666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .bg-2 {
    height: 28.999999999999996vw;
    width: 36.857142857142854vw;
  }
}
.page-survey .section-survey .content-7 .bg-3 {
  height: 64.66666666666666vw;
  width: 82.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .bg-3 {
    height: 27.285714285714285vw;
    width: 35.14285714285714vw;
  }
}
.page-survey .section-survey .content-7 .bg-4 {
  fill: var(--color-green);
  height: 64.13333333333333vw;
  width: 82.39999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .bg-4 {
    height: 27.142857142857142vw;
    width: 35vw;
  }
}
.page-survey .section-survey .content-7 .container-detail .text {
  padding-top: 7.199999999999999vw;
  padding-left: 0.533333333333333vw;
  font-size: 6.666666666666667vw;
  line-height: 1.06;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 4.5vw;
    font-size: 2.857142857142857vw;
    line-height: 1.05;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .container-detail .text span {
    margin-left: -0.285714285714286vw;
    margin-right: -0.285714285714286vw;
  }
}
.page-survey .section-survey .content-7 .container-detail .img-1 {
  position: absolute;
  left: 24.53333333333333vw;
  top: 23.333333333333332vw;
  width: 35.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .container-detail .img-1 {
    left: 10.357142857142858vw;
    top: 11.214285714285714vw;
    width: 14.785714285714285vw;
  }
}
.page-survey .section-survey .content-7 .container-detail .img-2 {
  position: absolute;
  left: 22.133333333333333vw;
  top: 41.46666666666667vw;
  width: 42.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .container-detail .img-2 {
    left: 9.285714285714286vw;
    top: 19.071428571428573vw;
    width: 18.21428571428571vw;
  }
}
.page-survey .section-survey .content-7 .text-black-balloon {
  left: 70.13333333333334vw;
  top: 14.133333333333335vw;
  height: 20vw;
  width: 19.6vw;
  padding-top: 4.8vw;
  padding-left: 1.066666666666667vw;
  background: url(/assets/img/survey/content-7-balloon.svg) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-7 .text-black-balloon {
    left: 0.071428571428571vw;
    padding-right: 1.571428571428572vw;
    padding-top: 2.142857142857143vw;
    height: 8vw;
    width: 7.785714285714286vw;
    top: 15.642857142857142vw;
    background: url(/assets/img/survey/md/content-7-balloon.svg) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-8 {
    position: relative;
    margin-top: -17.599999999999998vw;
    margin-left: 18.4vw;
    height: 69.46666666666667vw;
    width: 87.73333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 {
    position: absolute;
    left: 44.21428571428571vw;
    height: 29.28571428571429vw;
    width: 37.142857142857146vw;
    top: 4.285714285714286vw;
  }
}
.page-survey .section-survey .content-8 .bg-2 {
  height: 68.4vw;
  width: 86.66666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .bg-2 {
    height: 28.999999999999996vw;
    width: 36.857142857142854vw;
  }
}
.page-survey .section-survey .content-8 .bg-3 {
  height: 64.66666666666666vw;
  width: 82.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .bg-3 {
    height: 27.285714285714285vw;
    width: 35.14285714285714vw;
  }
}
.page-survey .section-survey .content-8 .bg-4 {
  fill: var(--color-purple);
  height: 64.13333333333333vw;
  width: 82.39999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .bg-4 {
    height: 27.142857142857142vw;
    width: 35vw;
  }
}
.page-survey .section-survey .content-8 .container-detail .text {
  padding-top: 8.799999999999999vw;
  padding-left: 1.066666666666667vw;
  font-size: 6.666666666666667vw;
  line-height: 1.04;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 4.071428571428572vw;
    font-size: 2.857142857142857vw;
    line-height: 1.05;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .container-detail .text .text-mark {
    margin-left: -0.714285714285714vw;
    margin-right: -0.428571428571429vw;
  }
}
.page-survey .section-survey .content-8 .container-detail .text .text-small {
  display: block;
  padding-top: 0.266666666666667vw;
  font-size: 3.333333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .container-detail .text .text-small {
    padding-top: 0.071428571428571vw;
    font-size: 1.428571428571429vw;
  }
}
.page-survey .section-survey .content-8 .container-detail .img-1 {
  position: absolute;
  left: 22.53333333333333vw;
  top: 29.86666666666667vw;
  width: 44.13333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .container-detail .img-1 {
    left: 9.285714285714286vw;
    top: 12.857142857142856vw;
    width: 19vw;
  }
}
.page-survey .section-survey .content-8 .container-detail .img-2 {
  position: absolute;
  left: 62.8vw;
  top: 35.6vw;
  width: 18.666666666666668vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .container-detail .img-2 {
    left: -2.071428571428571vw;
    top: 7.785714285714286vw;
    width: 10vw;
  }
}
.page-survey .section-survey .content-8 .text-black-balloon {
  left: -8vw;
  top: 19.2vw;
  padding-left: 0.266666666666667vw;
  padding-top: 5.066666666666666vw;
  height: 20.4vw;
  width: 20.133333333333333vw;
  background: url(/assets/img/survey/content-8-balloon.svg) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-8 .text-black-balloon {
    left: 29.35714285714286vw;
    padding-left: 0.142857142857143vw;
    padding-top: 2.142857142857143vw;
    height: 7.928571428571428vw;
    width: 7.785714285714286vw;
    top: 8vw;
    background: url(/assets/img/survey/md/content-8-balloon.svg) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-9 {
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-9 {
    width: 86.66666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 {
    width: 80vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-9 .text {
    padding-top: 10.933333333333334vw;
    padding-left: 1.866666666666667vw;
    margin-bottom: 12.8vw;
    font-size: 6.666666666666667vw;
    letter-spacing: 0.006em;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .text {
    margin-bottom: 3.357142857142857vw;
    padding-right: 0.142857142857143vw;
    padding-top: 9.071428571428571vw;
    font-size: 3.571428571428571vw;
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-9 .text .text-mark {
    margin-right: -0.266666666666667vw;
    margin-left: -0.4vw;
  }
}
.page-survey .section-survey .content-9 .container-detail {
  background-color: var(--color-red);
  border: 0.533333333333333vw solid #000;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-9 .container-detail {
    padding: 1.333333333333333vw;
    border-radius: 6.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail {
    border-radius: 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 0.857142857142857vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .container-inner {
  position: relative;
  border: 0.266666666666667vw solid #000;
  border-radius: 4.8vw;
  background: url(/assets/img/survey/bg-grid-white.png) left top repeat
    transparent;
  background-size: 2.666666666666667vw auto;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-9 .container-detail .container-inner {
    height: 120.26666666666668vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .container-inner {
    border-radius: 6.142857142857143vw;
    border-width: 0.071428571428571vw;
    height: 33.714285714285715vw;
    background: url(/assets/img/survey/md/bg-grid-white.png) left top repeat
      transparent;
    background-size: 0.785714285714286vw auto;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-1 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-9 .container-detail .part-1 {
    left: 4.666666666666667vw;
    top: -9.066666666666666vw;
    padding-top: 4.8vw;
    height: 48.93333333333334vw;
    width: 75.46666666666667vw;
    background: url(/assets/img/survey/content-9-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-1 {
    left: 1.785714285714286vw;
    padding-right: 5.285714285714286vw;
    padding-top: 2.285714285714286vw;
    height: 21.142857142857142vw;
    width: 33.285714285714285vw;
    top: -2.5vw;
    background: url(/assets/img/survey/md/content-9-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-9 .container-detail .part-1 {
    background: url(/assets/img/survey/md/content-9-1-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-1 .mark {
  font-feature-settings: 'palt';
}
.page-survey .section-survey .content-9 .container-detail .part-1 .img-1 {
  position: absolute;
  left: 19.2vw;
  top: 38.800000000000004vw;
  width: 10vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-1 .img-1 {
    left: 7.785714285714286vw;
    top: 16.071428571428573vw;
    width: 5.357142857142857vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-2 {
  position: absolute;
  left: 10.266666666666667vw;
  top: 44.800000000000004vw;
  width: 43.86666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-2 {
    left: 4.142857142857142vw;
    top: 21.21428571428571vw;
    width: 19.071428571428573vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-2 .img-2 {
  position: absolute;
  left: -5.066666666666666vw;
  top: -4.533333333333333vw;
  width: 7.199999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-2 .img-2 {
    left: -2.714285714285714vw;
    top: -2.785714285714286vw;
    width: 4.285714285714286vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-3 {
  position: absolute;
  left: 69.6vw;
  top: 40.13333333333333vw;
  width: 9.066666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-3 {
    left: 38.21428571428571vw;
    top: 9.714285714285714vw;
    width: 4.785714285714286vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-3 .img-2 {
  position: absolute;
  left: -19.866666666666667vw;
  top: 2.666666666666667vw;
  width: 14.133333333333335vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-3 .img-2 {
    left: -12.285714285714286vw;
    top: 7.5vw;
    width: 7.642857142857143vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-4 {
  position: absolute;
  left: 18.933333333333334vw;
  top: 62.66666666666667vw;
  width: 45.733333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-4 {
    left: 48.57142857142857vw;
    top: 3.785714285714286vw;
    width: 24.642857142857146vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-4 .img-2 {
  position: absolute;
  left: -23.066666666666666vw;
  top: -4.399999999999999vw;
  width: 20.533333333333335vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-4 .img-2 {
    left: -11.928571428571429vw;
    top: -5.714285714285714vw;
    width: 10.071428571428571vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-4 .img-3 {
  position: absolute;
  left: 50.13333333333333vw;
  top: 5.600000000000001vw;
  width: 9.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-4 .img-3 {
    left: 23.785714285714285vw;
    top: -1.5vw;
    width: 4.571428571428571vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-5 {
  position: absolute;
  left: 4.533333333333333vw;
  top: 81.73333333333333vw;
  width: 74.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-5 {
    left: 6.285714285714286vw;
    top: 25vw;
    width: 40vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-6 {
  position: absolute;
  left: 4.533333333333333vw;
  top: 96.39999999999999vw;
  padding-top: 9.866666666666667vw;
  height: 34.266666666666666vw;
  width: 75.46666666666667vw;
  background: url(/assets/img/survey/content-9-6-bg.png) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-6 {
    left: 47.14285714285714vw;
    padding-left: 3.142857142857143vw;
    padding-right: 4.142857142857142vw;
    padding-top: 2.5vw;
    height: 16.857142857142858vw;
    width: 28.78571428571429vw;
    top: 14.714285714285714vw;
    letter-spacing: 0.02em;
    background: url(/assets/img/survey/md/content-9-6-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-9 .container-detail .part-6 {
    background: url(/assets/img/survey/md/content-9-6-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-6 .img-1 {
  position: absolute;
  left: 48.8vw;
  top: -1.6vw;
  width: 10.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-6 .img-1 {
    left: 17.71428571428571vw;
    top: 11.285714285714285vw;
    width: 5.642857142857142vw;
  }
}
.page-survey .section-survey .content-9 .container-detail .part-6 .img-2 {
  position: absolute;
  left: 59.199999999999996vw;
  top: -6.133333333333333vw;
  width: 8vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-9 .container-detail .part-6 .img-2 {
    left: -1.714285714285714vw;
    top: -0.857142857142857vw;
    width: 4.714285714285714vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-10 {
    margin-top: 20.666666666666668vw;
    margin-left: 6.666666666666667vw;
    height: 64.53333333333333vw;
    width: 83.06666666666666vw;
    background: url(/assets/img/survey/content-10-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-10 {
    position: absolute;
    z-index: 1;
    left: 7.142857142857142vw;
    height: 27.92857142857143vw;
    width: 36vw;
    top: 3.214285714285714vw;
    background: url(/assets/img/survey/md/content-10-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-10 {
    background: url(/assets/img/survey/md/content-10-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-10 .container-detail .text {
  padding-top: 17.599999999999998vw;
  padding-left: 0.533333333333333vw;
  font-size: 4.266666666666667vw;
  line-height: 1.125;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-10 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 7.571428571428572vw;
    font-size: 1.857142857142857vw;
    line-height: 1.153846153846154;
  }
}
.page-survey .section-survey .content-10 .container-detail .text .text-bigger {
  display: block;
  font-size: 5.866666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey
    .section-survey
    .content-10
    .container-detail
    .text
    .text-bigger {
    font-size: 2.571428571428571vw;
  }
}
.page-survey .section-survey .content-10 .container-detail .img-1 {
  position: absolute;
  left: 28.000000000000004vw;
  top: 34.4vw;
  width: 28.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-10 .container-detail .img-1 {
    left: 12vw;
    top: 14.857142857142858vw;
    width: 12.357142857142858vw;
  }
}
.page-survey .section-survey .content-10 .container-detail .img-2 {
  position: absolute;
  left: 10.933333333333334vw;
  top: 4.266666666666667vw;
  width: 27.066666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-10 .container-detail .img-2 {
    left: 4.428571428571428vw;
    top: 1.5vw;
    width: 12.142857142857142vw;
  }
}
.page-survey .section-survey .content-10 .text-black-balloon {
  left: 1.866666666666667vw;
  top: 31.866666666666667vw;
  height: 20vw;
  width: 23.333333333333332vw;
  padding-top: 4.533333333333333vw;
  background: url(/assets/img/survey/content-10-balloon.svg) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-10 .text-black-balloon {
    left: -0.714285714285714vw;
    padding-right: 0.642857142857143vw;
    padding-top: 2.428571428571428vw;
    height: 8.785714285714285vw;
    width: 10.142857142857142vw;
    top: 13.714285714285715vw;
  }
}
.page-survey .section-survey .content-11 {
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-11 {
    position: relative;
    margin-top: -16.933333333333334vw;
    margin-left: 33.86666666666667vw;
    height: 46.666666666666664vw;
    width: 60vw;
    background: url(/assets/img/survey/content-11-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-11 {
    position: absolute;
    left: 19.357142857142858vw;
    height: 20.142857142857142vw;
    width: 25.928571428571427vw;
    top: 24vw;
    background: url(/assets/img/survey/md/content-11-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-11 {
    background: url(/assets/img/survey/md/content-11-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-11 .container-detail .text {
  padding-top: 9.866666666666667vw;
  padding-left: 1.333333333333333vw;
  font-size: 4.266666666666667vw;
  line-height: 1;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-11 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 4.285714285714286vw;
    font-size: 1.857142857142857vw;
    line-height: 1;
  }
}
.page-survey .section-survey .content-11 .container-detail .text .text-bigger {
  display: block;
  font-size: 6vw;
  padding-top: 0.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey
    .section-survey
    .content-11
    .container-detail
    .text
    .text-bigger {
    padding-top: 0.214285714285714vw;
    font-size: 2.642857142857143vw;
  }
}
.page-survey .section-survey .content-11 .container-detail .text .text-small {
  display: block;
  text-align: left;
  font-size: 3.333333333333333vw;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-11 .container-detail .text .text-small {
    padding-top: 0.533333333333333vw;
    padding-left: 7.466666666666668vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-11 .container-detail .text .text-small {
    padding-left: 3.285714285714286vw;
    font-size: 1.428571428571429vw;
  }
}
.page-survey .section-survey .content-11 .container-detail .img-1 {
  position: absolute;
  left: 14.399999999999999vw;
  top: 26.13333333333333vw;
  width: 31.866666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-11 .container-detail .img-1 {
    left: 6vw;
    top: 11.357142857142858vw;
    width: 14.000000000000002vw;
  }
}
.page-survey .section-survey .content-11 .container-detail .img-2 {
  position: absolute;
  left: 36.266666666666666vw;
  top: -7.6vw;
  width: 20.266666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-11 .container-detail .img-2 {
    left: 15.5vw;
    top: -3.428571428571429vw;
    width: 8.928571428571429vw;
  }
}
.page-survey .section-survey .content-12 {
  border-radius: 50%;
  margin-inline: auto;
  position: relative;
  margin-top: -11.466666666666667vw;
  height: 95.73333333333333vw;
  width: 95.73333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-12 {
    margin-left: 41.14285714285714vw;
    margin-top: 4.928571428571429vw;
    height: 46vw;
    width: 46vw;
  }
}
.page-survey .section-survey .content-12 .bg {
  border-radius: 50%;
  padding: 4.933333333333334vw;
  background: url(/assets/img/bg-grid-1.png) left top repeat #dd57a0;
  background-size: 3.333333333333333vw auto;
  border: 0.533333333333333vw solid #000;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-12 .bg {
    background-size: 1.714285714285714vw auto;
    border-width: 0.142857142857143vw;
    padding: 2.5vw;
  }
}
.page-survey .section-survey .content-12 .bg .bg-1 {
  background-color: #dd57a0;
  border: 0.266666666666667vw solid #000;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-12 .bg .bg-1 {
    border-width: 0.071428571428571vw;
  }
}
.page-survey .section-survey .content-12 .container-detail .text {
  font-size: 4.8vw;
  line-height: 1.055555555555556;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-12 .container-detail .text {
    padding-left: 0.266666666666667vw;
    padding-top: 14.399999999999999vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-12 .container-detail .text {
    padding-left: 0.142857142857143vw;
    padding-top: 5.071428571428571vw;
    font-size: 2.142857142857143vw;
    line-height: 1.1;
  }
}
.page-survey .section-survey .content-12 .container-detail .text .text-bigger {
  font-size: 6.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey
    .section-survey
    .content-12
    .container-detail
    .text
    .text-bigger {
    margin-top: -0.214285714285714vw;
    font-size: 2.857142857142857vw;
    line-height: 1;
  }
}
.page-survey .section-survey .content-12 .container-detail .text .text-mark {
  margin-left: -1.066666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-12 .container-detail .text .text-mark {
    margin-left: -0.571428571428571vw;
  }
}
.page-survey .section-survey .content-12 .container-detail .img-1 {
  position: absolute;
  left: 9.866666666666667vw;
  top: 36.266666666666666vw;
  width: 77.33333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-12 .container-detail .img-1 {
    left: 6vw;
    top: 14.642857142857144vw;
    width: 34.285714285714285vw;
  }
}
.page-survey .section-survey .content-12 .text-black-balloon {
  background: url(/assets/img/survey/content-12-balloon.svg) left top no-repeat
    transparent;
  background-size: 100% auto;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-12 .text-black-balloon {
    left: 69.46666666666667vw;
    top: 21.6vw;
    height: 22.8vw;
    width: 22vw;
    padding-top: 7.466666666666668vw;
    padding-right: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-12 .text-black-balloon {
    left: 33.357142857142854vw;
    padding-top: 3.214285714285714vw;
    height: 9.5vw;
    width: 9.142857142857142vw;
    top: 9.714285714285714vw;
  }
}
.page-survey .section-survey .content-13 {
  position: relative;
  margin-inline: auto;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-13 {
    width: 86.66666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 {
    width: 80vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-13 .text {
    padding-top: 11.200000000000001vw;
    padding-right: 2.4vw;
    margin-bottom: 12vw;
    font-size: 6.666666666666667vw;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .text {
    padding-top: 5.714285714285714vw;
    padding-right: 0.142857142857143vw;
    margin-bottom: 3.357142857142857vw;
    font-size: 3.571428571428571vw;
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-13 .text .text-mark {
    margin-right: -0.266666666666667vw;
    margin-left: 0;
  }
}
.page-survey .section-survey .content-13 .container-detail {
  background-color: var(--color-lightblue);
  border: 0.533333333333333vw solid #000;
  border-radius: 6.666666666666667vw;
  padding: 1.333333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail {
    border-radius: 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 0.857142857142857vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .container-inner {
  border: 0.266666666666667vw solid #000;
  border-radius: 4.8vw;
  position: relative;
  background: url(/assets/img/survey/bg-grid-white.png) left top repeat
    transparent;
  background-size: 2.666666666666667vw auto;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-13 .container-detail .container-inner {
    height: 155.6vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .container-inner {
    border-radius: 6.142857142857143vw;
    border-width: 0.071428571428571vw;
    height: 39.42857142857143vw;
    background: url(/assets/img/survey/md/bg-grid-white.png) left top repeat
      transparent;
    background-size: 0.785714285714286vw auto;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-1 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-13 .container-detail .part-1 {
    left: 3.6vw;
    top: -8.799999999999999vw;
    padding-top: 5.333333333333334vw;
    height: 44.800000000000004vw;
    width: 75.46666666666667vw;
    background: url(/assets/img/survey/content-13-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-1 {
    left: 2.571428571428571vw;
    padding-top: 2.285714285714286vw;
    height: 19vw;
    width: 31.357142857142854vw;
    top: 9.857142857142858vw;
    letter-spacing: 0.04em;
    background: url(/assets/img/survey/md/content-13-1-bg.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-13 .container-detail .part-1 {
    background: url(/assets/img/survey/md/content-13-1-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-1 .img-1 {
  position: absolute;
  left: 20.933333333333334vw;
  top: 35.6vw;
  width: 9.466666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-1 .img-1 {
    left: 7.428571428571429vw;
    top: 14.571428571428571vw;
    width: 5.071428571428571vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-2 {
  position: absolute;
  left: 8vw;
  top: 42.53333333333333vw;
  width: 68.53333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-2 {
    left: 6.428571428571428vw;
    top: 2.5vw;
    width: 36.714285714285715vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-2 .img-2 {
  position: absolute;
  left: 62.8vw;
  top: -6.933333333333333vw;
  width: 7.866666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-2 .img-2 {
    left: -5.857142857142858vw;
    top: -0.785714285714286vw;
    width: 4.214285714285714vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-3 {
  position: absolute;
  left: 13.200000000000001vw;
  top: 58.666666666666664vw;
  width: 50.66666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-3 {
    left: 38.5vw;
    top: 15.571428571428573vw;
    width: 27.142857142857142vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-3 .img-2 {
  position: absolute;
  left: -10vw;
  top: -2vw;
  width: 11.333333333333332vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-3 .img-2 {
    left: -0.214285714285714vw;
    top: -6.071428571428571vw;
    width: 6.071428571428571vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-4 {
  position: absolute;
  left: 67.73333333333333vw;
  top: 63.46666666666667vw;
  width: 11.600000000000001vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-4 {
    left: 69.85714285714286vw;
    top: 12.285714285714286vw;
    width: 6.214285714285714vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-4 .img-2 {
  position: absolute;
  left: -4.399999999999999vw;
  top: -7.466666666666668vw;
  width: 6.933333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-4 .img-2 {
    left: -4.357142857142858vw;
    top: -0.071428571428571vw;
    width: 3.714285714285714vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-4 .img-3 {
  position: absolute;
  left: 1.733333333333333vw;
  top: 32.4vw;
  width: 11.200000000000001vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-4 .img-3 {
    left: 4.071428571428572vw;
    top: 13.857142857142858vw;
    width: 6vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-5 {
  position: absolute;
  left: 36vw;
  top: 79.60000000000001vw;
  width: 29.06666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-5 {
    left: 2.571428571428571vw;
    top: 30.5vw;
    width: 23.07142857142857vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-6 {
  position: absolute;
  left: 4.399999999999999vw;
  top: 81.86666666666666vw;
  width: 29.46666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-6 {
    left: 24.785714285714285vw;
    top: 31vw;
    width: 15.714285714285714vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-6 .img-2 {
  position: absolute;
  left: 8.666666666666668vw;
  top: 12.933333333333334vw;
  width: 10.533333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-6 .img-2 {
    left: 10.785714285714286vw;
    top: -5.714285714285714vw;
    width: 5.928571428571429vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-7 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-13 .container-detail .part-7 {
    left: 2.266666666666667vw;
    top: 100.66666666666666vw;
    padding-top: 10.133333333333333vw;
    height: 38.800000000000004vw;
    width: 64.8vw;
    background: url(/assets/img/survey/content-13-7-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-7 {
    left: 45.714285714285715vw;
    padding-left: 3vw;
    padding-top: 2.142857142857143vw;
    height: 14.571428571428571vw;
    width: 28.642857142857142vw;
    top: -2.571428571428571vw;
    letter-spacing: 0.02em;
    background: url(/assets/img/survey/md/content-13-7-bg.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-13 .container-detail .part-7 {
    background: url(/assets/img/survey/md/content-13-7-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-7 .img-1 {
  position: absolute;
  left: 40.53333333333333vw;
  top: -2.8vw;
  width: 11.066666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-7 .img-1 {
    left: 5.357142857142857vw;
    top: 9.785714285714285vw;
    width: 5.928571428571429vw;
  }
}
.page-survey .section-survey .content-13 .container-detail .part-8 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-13 .container-detail .part-8 {
    left: 15.466666666666667vw;
    top: 127.73333333333335vw;
    padding-top: 10.133333333333333vw;
    height: 38.266666666666666vw;
    width: 64.8vw;
    background: url(/assets/img/survey/content-13-8-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-13 .container-detail .part-8 {
    left: 42.35714285714286vw;
    padding-left: 3vw;
    padding-top: 4.5vw;
    height: 14.642857142857144vw;
    width: 29.642857142857142vw;
    top: 28.07142857142857vw;
    letter-spacing: 0.02em;
    background: url(/assets/img/survey/md/content-13-8-bg.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-13 .container-detail .part-8 {
    background: url(/assets/img/survey/md/content-13-8-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-14 {
  position: relative;
  margin-inline: auto;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-14 {
    width: 86.66666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 {
    width: 80vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-14 .text {
    padding-top: 20.533333333333335vw;
    padding-left: 1.866666666666667vw;
    margin-bottom: 12vw;
    font-size: 6.666666666666667vw;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .text {
    margin-bottom: 3.214285714285714vw;
    padding-right: 0.142857142857143vw;
    padding-top: 5.785714285714286vw;
    font-size: 3.571428571428571vw;
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-14 .text .text-mark {
    margin-right: -0.266666666666667vw;
    margin-left: 0;
  }
}
.page-survey .section-survey .content-14 .container-detail {
  background-color: var(--color-purple);
  border: 0.533333333333333vw solid #000;
  border-radius: 6.666666666666667vw;
  padding: 1.333333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail {
    border-radius: 7.142857142857142vw;
    border-width: 0.142857142857143vw;
    padding: 0.857142857142857vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .container-inner {
  position: relative;
  border: 0.266666666666667vw solid #000;
  border-radius: 4.8vw;
  background: url(/assets/img/survey/bg-grid-white.png) left top repeat
    transparent;
  background-size: 2.666666666666667vw auto;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-14 .container-detail .container-inner {
    height: 173.86666666666665vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .container-inner {
    border-radius: 6.142857142857143vw;
    border-width: 0.071428571428571vw;
    height: 45.14285714285714vw;
    background: url(/assets/img/survey/md/bg-grid-white.png) left top repeat
      transparent;
    background-size: 0.785714285714286vw auto;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-1 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-14 .container-detail .part-1 {
    left: 3.6vw;
    top: -8.799999999999999vw;
    padding-top: 5.333333333333334vw;
    height: 54.800000000000004vw;
    width: 75.46666666666667vw;
    background: url(/assets/img/survey/content-14-1-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-1 {
    left: 1.642857142857143vw;
    padding-top: 2.428571428571428vw;
    height: 23.214285714285715vw;
    width: 32vw;
    top: -2.428571428571428vw;
    background: url(/assets/img/survey/md/content-14-1-bg.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-14 .container-detail .part-1 {
    background: url(/assets/img/survey/md/content-14-1-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-1 .img-1 {
  position: absolute;
  left: 54.13333333333333vw;
  top: 43.46666666666666vw;
  width: 10.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-1 .img-1 {
    left: 18.21428571428571vw;
    top: 16.57142857142857vw;
    width: 5.428571428571429vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-2 {
  position: absolute;
  left: 5.333333333333334vw;
  top: 50.66666666666667vw;
  width: 71.73333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-2 {
    left: 35.714285714285715vw;
    top: 3.5vw;
    width: 38.57142857142858vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-2 .img-2 {
  position: absolute;
  left: 60.8vw;
  top: 48.266666666666666vw;
  width: 13.600000000000001vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-2 .img-2 {
    left: 28.642857142857142vw;
    top: -6.857142857142858vw;
    width: 7.285714285714286vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-3 {
  position: absolute;
  left: 21.066666666666666vw;
  top: 66.26666666666667vw;
  width: 22.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-3 {
    left: 25.642857142857146vw;
    top: 34.92857142857143vw;
    width: 11.714285714285715vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-3 .img-2 {
  position: absolute;
  left: -10.266666666666667vw;
  top: 2.133333333333333vw;
  width: 9.2vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-3 .img-2 {
    left: -6.142857142857143vw;
    top: 2.5vw;
    width: 4.928571428571429vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-4 {
  position: absolute;
  left: 6.800000000000001vw;
  top: 83.6vw;
  width: 33.06666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-4 {
    left: 4.642857142857143vw;
    top: 24.785714285714285vw;
    width: 17.71428571428571vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-4 .img-2 {
  position: absolute;
  left: -5.466666666666667vw;
  top: -2.4vw;
  width: 51.06666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-4 .img-2 {
    left: -6.142857142857143vw;
    top: -4vw;
    width: 26.42857142857143vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-5 {
  position: absolute;
  left: 67.73333333333333vw;
  top: 68.4vw;
  width: 10.933333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-5 {
    left: 60.642857142857146vw;
    top: 12.642857142857142vw;
    width: 5.571428571428571vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-6 {
  position: absolute;
  left: 51.6vw;
  top: 78.53333333333333vw;
  width: 10.933333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-6 {
    left: 69.07142857142857vw;
    top: 16.5vw;
    width: 5.714285714285714vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-6 .img-2 {
  position: absolute;
  left: 1.2vw;
  top: -10.4vw;
  width: 9.866666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-6 .img-2 {
    left: 0.571428571428571vw;
    top: -5.214285714285714vw;
    width: 5.285714285714286vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-7 {
  position: absolute;
  left: 15.866666666666667vw;
  top: 115.46666666666667vw;
  width: 53.733333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-7 {
    left: 29.28571428571429vw;
    top: 17.857142857142858vw;
    width: 28.714285714285715vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-7 .img-2 {
  position: absolute;
  left: -11.600000000000001vw;
  top: 6.533333333333332vw;
  width: 10.533333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-7 .img-2 {
    left: 3.785714285714286vw;
    top: 11.857142857142858vw;
    width: 5.642857142857142vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-7 .img-3 {
  position: absolute;
  left: 49.733333333333334vw;
  top: 17.866666666666667vw;
  width: 13.866666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-7 .img-3 {
    left: 11.428571428571429vw;
    top: -5.428571428571429vw;
    width: 8.285714285714285vw;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-8 {
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .page-survey .section-survey .content-14 .container-detail .part-8 {
    left: 3.6vw;
    top: 140.53333333333333vw;
    padding-top: 10.133333333333333vw;
    height: 43.6vw;
    width: 75.46666666666667vw;
    background: url(/assets/img/survey/content-14-8-bg.png) left top no-repeat
      transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-8 {
    left: 40.714285714285715vw;
    padding-left: 3vw;
    padding-right: 4.142857142857142vw;
    padding-top: 4.5vw;
    height: 18.928571428571427vw;
    width: 32.857142857142854vw;
    top: 29.28571428571429vw;
    letter-spacing: 0.02em;
    background: url(/assets/img/survey/md/content-14-8-bg.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-survey .section-survey .content-14 .container-detail .part-8 {
    background: url(/assets/img/survey/md/content-14-8-bg@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-survey .section-survey .content-14 .container-detail .part-8 .img-1 {
  position: absolute;
  left: 18vw;
  top: -3.733333333333334vw;
  width: 12vw;
}
@media only screen and (min-width: 1025px) {
  .page-survey .section-survey .content-14 .container-detail .part-8 .img-1 {
    left: 18.928571428571427vw;
    top: -2.714285714285714vw;
    width: 6.428571428571428vw;
  }
}
.page-home {
  background: url(/assets/img/bg-grid-1.png) left top repeat #000;
  background-size: 5.333333333333334vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home {
    background: url(/assets/img/bg-grid-1.png) 9px top repeat #000;
    background-size: 32px auto;
  }
}
.page-home
  [data-group]:not([data-group='bgGroup1']):not([data-group='humanMask']),
.page-home [data-item]:not([data-item='bg6']) {
  visibility: hidden;
}
@media only screen and (min-width: 1025px) {
  .page-home [data-header] {
    visibility: hidden;
  }
}
.page-home [data-group='bgGroup1'] {
  scale: 1.6;
}
.page-home .header .logo {
  visibility: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-home .header .logo {
    visibility: visible;
  }
}
.page-home .section-heading .text-sub {
  opacity: 0;
  margin-top: 2.666666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-heading .text-sub {
    margin-top: 1.5vw;
  }
}
.page-home .section-kv {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv {
    height: 146.66666666666666vw;
    padding-top: 16vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv {
    height: 100svh;
    min-height: 800px;
    max-width: 1400px;
    margin-inline: auto;
  }
}
.page-home .section-kv .bg-1,
.page-home .section-kv .bg-2,
.page-home .section-kv .bg-3,
.page-home .section-kv .bg-4,
.page-home .section-kv .bg-5,
.page-home .section-kv .bg-6 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv .bg-1,
  .page-home .section-kv .bg-2,
  .page-home .section-kv .bg-3,
  .page-home .section-kv .bg-4,
  .page-home .section-kv .bg-5,
  .page-home .section-kv .bg-6 {
    margin-top: 8vw;
  }
}
.page-home .section-kv .bg-1 {
  fill: #fff;
  stroke: #000;
  height: 73.06666666666666vw;
  width: 74.66666666666667vw;
  stroke-width: 2.666666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .bg-1 {
    height: 41.714285714285715vw;
    width: 43.28571428571429vw;
    stroke-width: 0.714285714285714vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .bg-1 {
    height: 695px;
    width: 606px;
    stroke-width: 10px;
  }
}
.page-home .section-kv .bg-2 {
  fill: var(--color-yellow);
  height: 104.53333333333332vw;
  width: 104.53333333333332vw;
  stroke: #000;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv .bg-2 {
    stroke-width: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .bg-2 {
    height: 61.285714285714285vw;
    width: 61.285714285714285vw;
    stroke-width: 0.071428571428571vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .bg-2 {
    height: 858px;
    width: 858px;
    stroke-width: 1px;
  }
}
.page-home .section-kv .bg-3 {
  fill: #fff;
  stroke: #000;
  height: 115.19999999999999vw;
  width: 115.19999999999999vw;
  stroke-width: 1.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .bg-3 {
    height: 66vw;
    width: 66vw;
    stroke-width: 0.285714285714286vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .bg-3 {
    height: 924px;
    width: 924px;
    stroke-width: 4px;
  }
}
.page-home .section-kv .bg-4 {
  fill: var(--color-red);
  height: 133.20000000000002vw;
  width: 136.26666666666668vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .bg-4 {
    height: 89.71428571428571vw;
    width: 91.71428571428571vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .bg-4 {
    height: 1256px;
    width: 1284px;
  }
}
.page-home .section-kv .bg-5 {
  fill: var(--color-lightblue);
  stroke: #000;
  height: 145.33333333333334vw;
  width: 148.53333333333333vw;
  stroke-width: 9.333333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .bg-5 {
    height: 97.07142857142857vw;
    width: 100vw;
    stroke-width: 2.785714285714286vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .bg-5 {
    height: 1359px;
    stroke-width: 39px;
  }
}
.page-home .section-kv .bg-6 {
  height: 120vh;
  width: 120vw;
}
.page-home .section-kv .bg-6 .bg {
  height: 100%;
  width: 100%;
  background: url(/assets/img/bg-grid-1.png) 2.666666666666667vw top repeat #000;
  background-size: 5.333333333333334vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .bg-6 .bg {
    background: url(/assets/img/bg-grid-1.png) 9px top repeat #000;
    background-size: 32px auto;
  }
}
.page-home .section-kv .twinkle-1,
.page-home .section-kv .twinkle-2,
.page-home .section-kv .twinkle-3,
.page-home .section-kv .twinkle-4,
.page-home .section-kv .twinkle-5,
.page-home .section-kv .twinkle-6 {
  position: absolute;
  left: 50%;
  top: 50%;
}
.page-home .section-kv .twinkle-1 {
  height: 4.8vw;
  width: 4.8vw;
  margin-top: -51.33333333333333vw;
  margin-left: -20.266666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .twinkle-1 {
    height: 2.928571428571429vw;
    width: 2.928571428571429vw;
    margin-top: -27.21428571428571vw;
    margin-left: -28.214285714285715vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .twinkle-1 {
    height: 41px;
    width: 41px;
    margin-top: -381px;
    margin-left: -395px;
  }
}
.page-home .section-kv .twinkle-2 {
  height: 4.266666666666667vw;
  width: 4.266666666666667vw;
  margin-top: 45.6vw;
  margin-left: -45.33333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .twinkle-2 {
    height: 2.928571428571429vw;
    width: 2.928571428571429vw;
    margin-top: -18.785714285714285vw;
    margin-left: 43.28571428571429vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .twinkle-2 {
    height: 41px;
    width: 41px;
    margin-top: -263px;
    margin-left: 606px;
  }
}
.page-home .section-kv .twinkle-3 {
  height: 5.333333333333334vw;
  width: 5.333333333333334vw;
  margin-top: 65.46666666666667vw;
  margin-left: -16vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .twinkle-3 {
    height: 2.928571428571429vw;
    width: 2.928571428571429vw;
    margin-top: 23.142857142857142vw;
    margin-left: -26.285714285714285vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .twinkle-3 {
    height: 41px;
    width: 41px;
    margin-top: 324px;
    margin-left: -368px;
  }
}
.page-home .section-kv .twinkle-4 {
  height: 4vw;
  width: 4vw;
  margin-top: -30.266666666666666vw;
  margin-left: 20.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .twinkle-4 {
    height: 2.142857142857143vw;
    width: 2.142857142857143vw;
    margin-top: 4vw;
    margin-left: -38.5vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .twinkle-4 {
    height: 30px;
    width: 30px;
    margin-top: 56px;
    margin-left: -539px;
  }
}
.page-home .section-kv .twinkle-5 {
  height: 3.466666666666666vw;
  width: 3.466666666666666vw;
  margin-top: 47.733333333333334vw;
  margin-left: 40.266666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .twinkle-5 {
    height: 1.714285714285714vw;
    width: 1.714285714285714vw;
    margin-top: -6.857142857142858vw;
    margin-left: -24.714285714285715vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .twinkle-5 {
    height: 24px;
    width: 24px;
    margin-top: -96px;
    margin-left: -346px;
  }
}
.page-home .section-kv .twinkle-6 {
  height: 3.466666666666666vw;
  width: 3.466666666666666vw;
  margin-top: -58.13333333333334vw;
  margin-left: 9.866666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .twinkle-6 {
    height: 2.142857142857143vw;
    width: 2.142857142857143vw;
    margin-top: 24.285714285714285vw;
    margin-left: 23.357142857142858vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .twinkle-6 {
    height: 30px;
    width: 30px;
    margin-top: 340px;
    margin-left: 327px;
  }
}
.page-home .section-kv .human-1,
.page-home .section-kv .human-2,
.page-home .section-kv .human-3,
.page-home .section-kv .human-4 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: center center;
}
.page-home .section-kv .human-1 .human,
.page-home .section-kv .human-2 .human,
.page-home .section-kv .human-3 .human,
.page-home .section-kv .human-4 .human {
  position: absolute;
  left: 50%;
  top: 50%;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv .human-1 {
    mask-image: url(/assets/img/top/kv-mask-human-1.png);
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-1 {
    mask-image: url(/assets/img/top/md/kv-mask-human-1.png);
  }
}
.page-home .section-kv .human-1 .human {
  height: 31.6vw;
  width: 22.8vw;
  margin-top: 16.8vw;
  margin-left: 22.933333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-1 .human {
    height: 21.071428571428573vw;
    width: 15.214285714285714vw;
    margin-top: 2vw;
    margin-left: 12.928571428571429vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .human-1 .human {
    height: 295px;
    width: 213px;
    margin-top: 28px;
    margin-left: 181px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv .human-2 {
    mask-image: url(/assets/img/top/kv-mask-human-2.png);
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-2 {
    mask-image: url(/assets/img/top/md/kv-mask-human-2.png);
  }
}
.page-home .section-kv .human-2 .human {
  height: 35.333333333333336vw;
  width: 22.400000000000002vw;
  margin-top: 17.599999999999998vw;
  margin-left: -44.666666666666664vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-2 .human {
    height: 23.642857142857142vw;
    width: 15vw;
    margin-top: 3.642857142857143vw;
    margin-left: -27.357142857142858vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .human-2 .human {
    height: 331px;
    width: 210px;
    margin-top: 51px;
    margin-left: -383px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv .human-3 {
    mask-image: url(/assets/img/top/kv-mask-human-3.png);
  }
}
.page-home .section-kv .human-3 .human {
  height: 37.06666666666666vw;
  width: 20vw;
  margin-top: -57.733333333333334vw;
  margin-left: -45.33333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-3 .human {
    height: 24vw;
    width: 15.714285714285714vw;
    margin-top: -24.857142857142858vw;
    margin-left: -37.857142857142854vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .human-3 .human {
    height: 336px;
    width: 220px;
    margin-top: -348px;
    margin-left: -530px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv .human-3.arm {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-kv .human-4 {
    mask-position: -0.4vw center;
    mask-image: url(/assets/img/top/kv-mask-2.png);
  }
}
.page-home .section-kv .human-4 .human {
  height: 37.06666666666666vw;
  width: 21.46666666666667vw;
  margin-top: -50.53333333333333vw;
  margin-left: 25.2vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-4 .human {
    height: 24.642857142857146vw;
    width: 18.571428571428573vw;
    margin-top: -21.785714285714285vw;
    margin-left: 20.92857142857143vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .human-4 .human {
    height: 345px;
    width: 260px;
    margin-top: -305px;
    margin-left: 293px;
  }
}
.page-home .section-kv .human-5,
.page-home .section-kv .human-6 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.page-home .section-kv .human-5 .human,
.page-home .section-kv .human-6 .human {
  position: absolute;
  left: 50%;
  bottom: 0;
}
.page-home .section-kv .human-5 .human {
  height: 28.133333333333333vw;
  width: 16.133333333333333vw;
  margin-bottom: -2.8vw;
  margin-left: -32.93333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-5 .human {
    height: 18.857142857142858vw;
    width: 10.857142857142858vw;
    margin-bottom: -0.642857142857143vw;
    margin-left: -42.642857142857146vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .human-5 .human {
    height: 264px;
    width: 152px;
    margin-bottom: -9px;
    margin-left: -597px;
  }
}
.page-home .section-kv .human-5 .goods {
  position: absolute;
  left: 50%;
  height: 18.933333333333334vw;
  width: 12.8vw;
  bottom: 3.866666666666667vw;
  margin-left: -41.06666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-5 .goods {
    bottom: 3.857142857142857vw;
    height: 12.642857142857142vw;
    width: 8.571428571428571vw;
    margin-left: -48.07142857142857vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .human-5 .goods {
    bottom: 54px;
    height: 177px;
    width: 120px;
    margin-left: -673px;
  }
}
.page-home .section-kv .human-6 .human {
  height: 30vw;
  width: 22.53333333333333vw;
  margin-bottom: -4.399999999999999vw;
  margin-left: 13.733333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .human-6 .human {
    height: 20.07142857142857vw;
    width: 15.071428571428571vw;
    margin-bottom: -1.857142857142857vw;
    margin-left: 31.5vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .human-6 .human {
    height: 281px;
    width: 211px;
    margin-bottom: -26px;
    margin-left: 441px;
  }
}
.page-home .section-kv .chara-1,
.page-home .section-kv .chara-2,
.page-home .section-kv .chara-3,
.page-home .section-kv .chara-4,
.page-home .section-kv .chara-5 {
  position: absolute;
  left: 50%;
  top: 50%;
}
.page-home .section-kv .chara-1 {
  width: 19.2vw;
  margin-top: -24.666666666666668vw;
  margin-left: 17.333333333333336vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .chara-1 {
    width: 15.071428571428571vw;
    margin-top: -22.857142857142858vw;
    margin-left: 7.571428571428572vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .chara-1 {
    width: 211px;
    margin-top: -320px;
    margin-left: 106px;
  }
}
.page-home .section-kv .chara-2 {
  width: 18.666666666666668vw;
  margin-top: -9.333333333333334vw;
  margin-left: 36.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .chara-2 {
    width: 14.642857142857144vw;
    margin-top: -7.428571428571429vw;
    margin-left: 37.57142857142857vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .chara-2 {
    width: 205px;
    margin-top: -104px;
    margin-left: 526px;
  }
}
.page-home .section-kv .chara-3 {
  width: 20vw;
  margin-top: -27.200000000000003vw;
  margin-left: -36vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .chara-3 {
    width: 15.714285714285714vw;
    margin-top: -24.642857142857146vw;
    margin-left: -22.928571428571427vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .chara-3 {
    width: 220px;
    margin-top: -345px;
    margin-left: -321px;
  }
}
.page-home .section-kv .chara-4 {
  width: 16.53333333333333vw;
  margin-top: -6.133333333333333vw;
  margin-left: -54.666666666666664vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .chara-4 {
    width: 13vw;
    margin-top: -7.928571428571428vw;
    margin-left: -51.5vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .chara-4 {
    width: 182px;
    margin-top: -111px;
    margin-left: -721px;
  }
}
.page-home .section-kv .chara-5 {
  width: 30.8vw;
  margin-top: 42.66666666666667vw;
  margin-left: -15.333333333333332vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .chara-5 {
    width: 24.428571428571427vw;
    margin-top: 13.357142857142856vw;
    margin-left: -11.785714285714285vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .chara-5 {
    width: 342px;
    margin-top: 187px;
    margin-left: -165px;
  }
}
.page-home .section-kv .section-heading {
  position: relative;
  height: 100%;
}
.page-home .section-kv .section-heading .logo-1 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  fill: #000;
  height: 7.066666666666667vw;
  width: 26.666666666666668vw;
  margin-top: -43.86666666666667vw;
  margin-left: -13.333333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-1 {
    height: 3.428571428571429vw;
    width: 13.071428571428573vw;
    margin-top: -25.214285714285715vw;
    margin-left: -6.5vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-1 {
    height: 48px;
    width: 183px;
    margin-top: -353px;
    margin-left: -91px;
  }
}
.page-home .section-kv .section-heading .logo-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  height: 44.93333333333333vw;
  width: 50.8vw;
  margin-top: -26.93333333333333vw;
  margin-left: -25.466666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 {
    height: 22.357142857142858vw;
    width: 25.214285714285715vw;
    margin-top: -14.071428571428571vw;
    margin-left: -12.571428571428573vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 {
    height: 313px;
    width: 353px;
    margin-top: -197px;
    margin-left: -176px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-1 {
  position: absolute;
  top: 0;
  left: 12.666666666666668vw;
  height: 13.466666666666665vw;
  width: 12.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-1 {
    left: 6.214285714285714vw;
    height: 6.714285714285714vw;
    width: 6.428571428571428vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-1 {
    left: 87px;
    height: 94px;
    width: 90px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-2 {
  position: absolute;
  left: 26vw;
  top: 0.133333333333333vw;
  height: 13.333333333333334vw;
  width: 12.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-2 {
    left: 12.857142857142856vw;
    top: 0.071428571428571vw;
    height: 6.642857142857143vw;
    width: 6.142857142857143vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-2 {
    left: 180px;
    top: 1px;
    height: 93px;
    width: 86px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-3 {
  position: absolute;
  left: 0;
  top: 15.866666666666667vw;
  height: 13.066666666666665vw;
  width: 12.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-3 {
    top: 7.857142857142857vw;
    height: 6.571428571428571vw;
    width: 6vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-3 {
    top: 110px;
    height: 92px;
    width: 84px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-4 {
  position: absolute;
  left: 12.666666666666668vw;
  top: 15.6vw;
  height: 13.466666666666665vw;
  width: 12.666666666666668vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-4 {
    left: 6.285714285714286vw;
    top: 7.785714285714286vw;
    height: 6.714285714285714vw;
    width: 6.285714285714286vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-4 {
    left: 88px;
    top: 109px;
    height: 94px;
    width: 88px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-5 {
  position: absolute;
  left: 25.466666666666665vw;
  top: 15.866666666666667vw;
  height: 13.333333333333334vw;
  width: 12.533333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-5 {
    left: 12.642857142857142vw;
    top: 7.857142857142857vw;
    height: 6.714285714285714vw;
    width: 6.285714285714286vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-5 {
    left: 177px;
    top: 110px;
    height: 94px;
    width: 88px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-6 {
  position: absolute;
  left: 38.666666666666664vw;
  top: 15.866666666666667vw;
  height: 12.8vw;
  width: 12.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-6 {
    left: 19.214285714285715vw;
    top: 7.928571428571428vw;
    height: 6.357142857142857vw;
    width: 6.071428571428571vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-6 {
    left: 269px;
    top: 111px;
    height: 89px;
    width: 85px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-7 {
  position: absolute;
  left: 0.266666666666667vw;
  top: 30.933333333333334vw;
  height: 12.933333333333334vw;
  width: 11.733333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-7 {
    left: 0.142857142857143vw;
    top: 15.428571428571427vw;
    height: 6.428571428571428vw;
    width: 5.785714285714286vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-7 {
    left: 2px;
    top: 216px;
    height: 90px;
    width: 81px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-8 {
  position: absolute;
  left: 13.200000000000001vw;
  top: 31.733333333333334vw;
  height: 13.066666666666665vw;
  width: 10.666666666666668vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-8 {
    left: 6.571428571428571vw;
    top: 15.785714285714286vw;
    height: 6.5vw;
    width: 5.285714285714286vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-8 {
    left: 92px;
    top: 221px;
    height: 91px;
    width: 74px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-9 {
  position: absolute;
  left: 24.933333333333334vw;
  top: 31.333333333333336vw;
  height: 13.600000000000001vw;
  width: 12.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-9 {
    left: 12.428571428571429vw;
    top: 15.571428571428573vw;
    height: 6.785714285714286vw;
    width: 6.142857142857143vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-9 {
    left: 174px;
    top: 218px;
    height: 95px;
    width: 86px;
  }
}
.page-home .section-kv .section-heading .logo-2 .letter-10 {
  position: absolute;
  left: 37.86666666666667vw;
  top: 30.666666666666664vw;
  height: 13.733333333333334vw;
  width: 12.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .logo-2 .letter-10 {
    left: 18.785714285714285vw;
    top: 15.285714285714286vw;
    height: 6.785714285714286vw;
    width: 6.071428571428571vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .logo-2 .letter-10 {
    left: 263px;
    top: 214px;
    height: 95px;
    width: 85px;
  }
}
.page-home .section-kv .section-heading .text-1 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 30.933333333333334vw;
  margin-top: 20.266666666666666vw;
  margin-left: -15.466666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-kv .section-heading .text-1 {
    width: 15.357142857142858vw;
    margin-top: 9.428571428571429vw;
    margin-left: -7.642857142857143vw;
  }
}
@media only screen and (min-width: 1401px) {
  .page-home .section-kv .section-heading .text-1 {
    height: 45px;
    width: 215px;
    margin-top: 132px;
    margin-left: -107px;
  }
}
.page-home .section-message {
  position: relative;
  overflow: hidden;
  padding-bottom: 8vw;
  border-top: 0.266666666666667vw solid #000;
  background: url(/assets/img/bg-grid-1.png) 4.8vw top repeat #000;
  background-size: 5.333333333333334vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message {
    aspect-ratio: 1400/798;
    padding-bottom: 3.428571428571429vw;
    border-top-width: 0.071428571428571vw;
    background: url(/assets/img/bg-grid-1.png) 0.785714285714286vw bottom repeat
      #000;
    background-size: 2.285714285714286vw auto;
  }
}
.page-home .section-message .copy-left,
.page-home .section-message .copy-right {
  position: absolute;
  left: 0;
  height: 5.066666666666666vw;
  width: 109.33333333333333vw;
  border-bottom: 0.266666666666667vw solid #000;
  background: url(/assets/img/top/marquee-1.png) center 0 repeat-x
    var(--color-lightblue);
  background-size: 100.8vw auto;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .copy-left,
  .page-home .section-message .copy-right {
    bottom: 3.2vw;
    animation: copyLoopSm 30s linear infinite;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .copy-left,
  .page-home .section-message .copy-right {
    bottom: 0.785714285714286vw;
    height: 2.714285714285714vw;
    width: 100%;
    animation: copyLoopXl 30s linear infinite;
    background: url(/assets/img/top/md/marquee-1.png) center 0 repeat-x
      var(--color-lightblue);
    background-size: 54vw auto;
    border-bottom-width: 0.071428571428571vw;
  }
}
.page-home .section-message .copy-left {
  transform-origin: left top;
  transform: rotate(-90deg);
}
.page-home .section-message .copy-right {
  transform-origin: right top;
  transform: rotate(90deg);
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .copy-right {
    left: auto;
    right: 0;
  }
}
.page-home .section-message .section-inner {
  padding: 2.4vw 8vw;
  border-right: 0.266666666666667vw solid #000;
  border-left: 0.266666666666667vw solid #000;
  border-bottom: 0.266666666666667vw solid #000;
  background-color: var(--color-yellow);
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .section-inner {
    height: 109.33333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .section-inner {
    height: 100%;
    padding: 1.357142857142857vw 4.285714285714286vw;
    border-right-width: 0.071428571428571vw;
    border-left-width: 0.071428571428571vw;
    border-bottom-width: 0.071428571428571vw;
  }
}
.page-home .section-message .section-inner .container {
  position: relative;
  padding-top: 19.733333333333334vw;
  border: 0.266666666666667vw solid #000;
  overflow: hidden;
  background: url(/assets/img/bg-grid-2.png) 5.066666666666666vw -1.066666666666667vw
    repeat #fff;
  background-size: 6.666666666666667vw auto;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .section-inner .container {
    padding-bottom: 17.866666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .section-inner .container {
    height: 100%;
    padding-top: 9.214285714285714vw;
    background: url(/assets/img/md/bg-grid-2.png) 27px 12px repeat #fff;
    background-size: 2.571428571428571vw auto;
    border-width: 0.071428571428571vw;
  }
}
.page-home .section-message .section-inner .container:before {
  position: absolute;
  left: -38.666666666666664vw;
  bottom: -11.733333333333333vw;
  content: '';
  height: 36.8vw;
  width: 82.66666666666667vw;
  background: url(/assets/img/top/string-1.svg) left top no-repeat transparent;
  background-size: 100% auto;
  transform: rotate(-11.84deg);
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .section-inner .container:before {
    left: 1.142857142857143vw;
    bottom: -5.428571428571429vw;
    height: 19.642857142857142vw;
    width: 44.21428571428571vw;
    transform: rotate(8.86deg);
  }
}
.page-home .section-message .section-inner .container:after {
  position: absolute;
  right: -28.26666666666667vw;
  top: -5.866666666666666vw;
  content: '';
  height: 16.666666666666664vw;
  width: 58.8vw;
  background: url(/assets/img/top/string-3.svg) left top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .section-inner .container:after {
    right: -6.642857142857143vw;
    top: -0.071428571428571vw;
    height: 8.857142857142856vw;
    width: 34.285714285714285vw;
    background: url(/assets/img/top/string-2.svg) left top no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-home .section-message .chara-1,
.page-home .section-message .chara-2,
.page-home .section-message .chara-3,
.page-home .section-message .chara-4 {
  position: absolute;
  left: 50%;
  z-index: 1;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .chara-1,
  .page-home .section-message .chara-2,
  .page-home .section-message .chara-3,
  .page-home .section-message .chara-4 {
    top: 50%;
  }
}
.page-home .section-message .chara-1 {
  transform-origin: right bottom;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .chara-1 {
    top: 4.666666666666667vw;
    margin-left: -35.06666666666667vw;
    width: 12.8vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .chara-1 {
    margin-top: -19.071428571428573vw;
    margin-left: -28.857142857142858vw;
    width: 8.714285714285715vw;
  }
}
.page-home .section-message .chara-2 {
  transform-origin: right center;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .chara-2 {
    top: 3.333333333333333vw;
    margin-left: 25.733333333333334vw;
    width: 13.733333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .chara-2 {
    margin-top: -12.928571428571429vw;
    margin-left: 28.92857142857143vw;
    width: 10.071428571428571vw;
  }
}
.page-home .section-message .chara-3 {
  transform-origin: center bottom;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .chara-3 {
    bottom: 3.733333333333334vw;
    margin-left: -34.8vw;
    width: 10.133333333333333vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .chara-3 {
    margin-top: 3.5vw;
    margin-left: -37.92857142857143vw;
    width: 7.214285714285714vw;
  }
}
.page-home .section-message .chara-4 {
  transform-origin: left bottom;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-message .chara-4 {
    bottom: 7.199999999999999vw;
    margin-left: 22.26666666666667vw;
    width: 12.266666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .chara-4 {
    margin-top: 11.285714285714285vw;
    margin-left: 22.857142857142858vw;
    width: 8.642857142857142vw;
  }
}
.page-home .section-message .section-heading {
  margin-bottom: 5.600000000000001vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .section-heading {
    margin-bottom: 2.857142857142857vw;
  }
}
.page-home .section-message .section-heading .text-main {
  width: 53.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .section-heading .text-main {
    width: 28.57142857142857vw;
  }
}
.page-home .section-message .text-catch {
  text-align: center;
  font-size: 4.533333333333333vw;
  letter-spacing: 0.04em;
  line-height: 1.764705882352941;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .text-catch {
    font-size: 2.428571428571428vw;
    letter-spacing: 0.06em;
    line-height: 1.764705882352941;
  }
}
.page-home .section-message .text-catch span[data-line],
.page-home .section-message .text-catch span.xl {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-message .text-catch span.xl {
    display: inline;
  }
}
.page-home .section-job {
  position: relative;
  background-color: var(--color-red);
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job {
    padding-bottom: 5.866666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job {
    aspect-ratio: 1400/1322;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration-left,
  .page-home .section-job .decoration-right {
    top: -52.78571428571428vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration-left {
    margin-left: -118.64285714285714vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration-right {
    margin-left: 16.785714285714285vw;
  }
}
.page-home .section-job .section-inner {
  position: relative;
  padding-top: 19.733333333333334vw;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .section-inner {
    height: 100%;
    padding-top: 9.285714285714286vw;
  }
}
.page-home .section-job .section-heading {
  margin-bottom: 6.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .section-heading {
    margin-bottom: 2.571428571428571vw;
  }
}
.page-home .section-job .section-heading .text-main {
  width: 69.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .section-heading .text-main {
    width: 37.142857142857146vw;
  }
}
.page-home .section-job .section-heading .text-sub {
  padding-left: 1.066666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .section-heading .text-sub {
    padding-left: 0.571428571428571vw;
  }
}
.page-home .section-job .text-intro {
  font-size: 3.466666666666666vw;
  line-height: 1.769230769230769;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .text-intro {
    padding-left: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .text-intro {
    font-size: 1.285714285714286vw;
    letter-spacing: 0.04em;
    line-height: 1.888888888888889;
  }
}
.page-home .section-job .container-links {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6.800000000000001vw;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links {
    justify-content: space-between;
    width: 89.06666666666668vw;
    margin-inline: auto;
    margin-bottom: 17.466666666666665vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links {
    margin-top: 3.571428571428571vw;
    margin-left: 7.000000000000001vw;
  }
}
.page-home .section-job .container-links .container-link-1,
.page-home .section-job .container-links .container-link-2,
.page-home .section-job .container-links .container-link-3,
.page-home .section-job .container-links .container-link-4 {
  position: relative;
  display: block;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home
    .section-job
    .container-links
    .container-link-1:hover
    .container-inner,
  .page-home
    .section-job
    .container-links
    .container-link-2:hover
    .container-inner,
  .page-home
    .section-job
    .container-links
    .container-link-3:hover
    .container-inner,
  .page-home
    .section-job
    .container-links
    .container-link-4:hover
    .container-inner {
    top: -0.714285714285714vw;
  }
  .page-home .section-job .container-links .container-link-1:hover .frame-wrap,
  .page-home .section-job .container-links .container-link-2:hover .frame-wrap,
  .page-home .section-job .container-links .container-link-3:hover .frame-wrap,
  .page-home .section-job .container-links .container-link-4:hover .frame-wrap {
    background-position: 3.571428571428571vw top;
  }
}
.page-home .section-job .container-links .container-inner {
  position: relative;
  top: 0;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-inner {
    transition: top 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  }
}
.page-home .section-job .container-links .frame-wrap {
  position: relative;
  display: block;
  mask-image: url(/assets/img/top/job-mask.png);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 100% auto;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links .frame-wrap {
    height: 56.39999999999999vw;
    width: 41.733333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .frame-wrap {
    height: 27.57142857142857vw;
    width: 20.42857142857143vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .frame-wrap {
    mask-image: url(/assets/img/top/md/job-mask.png);
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-job .container-links .frame-wrap {
    backface-visibility: hidden;
    transition: background-position 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  }
}
.page-home .section-job .container-links .part-1,
.page-home .section-job .container-links .part-2,
.page-home .section-job .container-links .text,
.page-home .section-job .container-links .frame,
.page-home .section-job .container-links .human {
  position: absolute;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-job .container-links .part-1,
  .page-home .section-job .container-links .part-2,
  .page-home .section-job .container-links .text,
  .page-home .section-job .container-links .frame,
  .page-home .section-job .container-links .human {
    backface-visibility: hidden;
    transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1);
  }
}
.page-home .section-job .container-links .frame {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links .container-link-1 {
    margin-bottom: 14.533333333333335vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-1 {
    height: 31.785714285714285vw;
    margin-right: 1.357142857142857vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-job .container-links .container-link-1:hover .part-1 {
    left: 14.785714285714285vw;
    top: 6.428571428571428vw;
  }
  .page-home .section-job .container-links .container-link-1:hover .part-2 {
    left: 1.928571428571428vw;
    top: 0.857142857142857vw;
  }
  .page-home .section-job .container-links .container-link-1:hover .human {
    top: 5.214285714285714vw;
  }
}
.page-home .section-job .container-links .container-link-1 .frame-wrap {
  background: url(/assets/img/bg-grid-1.png) left top repeat #fde479;
  background-size: 4.266666666666667vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-1 .frame-wrap {
    background-size: 2.285714285714286vw auto;
  }
}
.page-home .section-job .container-links .container-link-1 .part-1 {
  left: 28.666666666666668vw;
  top: 14.533333333333335vw;
  width: 12vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-1 .part-1 {
    left: 14.071428571428571vw;
    top: 7.142857142857142vw;
    width: 5.857142857142858vw;
  }
}
.page-home .section-job .container-links .container-link-1 .part-2 {
  left: 5.466666666666667vw;
  top: 3.066666666666666vw;
  width: 9.2vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-1 .part-2 {
    left: 2.642857142857143vw;
    top: 1.571428571428572vw;
    width: 4.5vw;
  }
}
.page-home .section-job .container-links .container-link-1 .human {
  left: -0.933333333333333vw;
  top: 13.466666666666665vw;
  width: 33.33333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-1 .human {
    left: -0.357142857142857vw;
    top: 6.642857142857143vw;
    height: 26.71428571428571vw;
    width: 16.214285714285715vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links .container-link-1 .text {
    left: 3.866666666666667vw;
    top: 51.2vw;
    width: 33.86666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-1 .text {
    left: 2.642857142857143vw;
    top: 25.285714285714285vw;
    height: 5.785714285714286vw;
    width: 15.142857142857144vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links .container-link-2 {
    margin-bottom: 14.533333333333335vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-2 {
    height: 32vw;
    margin-top: 4.357142857142858vw;
    margin-right: 1.5vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-job .container-links .container-link-2:hover .part-1 {
    left: 2.214285714285714vw;
    top: 3.285714285714286vw;
  }
  .page-home .section-job .container-links .container-link-2:hover .part-2 {
    left: 13.214285714285715vw;
    top: 0.5vw;
  }
  .page-home .section-job .container-links .container-link-2:hover .human {
    top: 5.857142857142858vw;
  }
}
.page-home .section-job .container-links .container-link-2 .frame-wrap {
  background: url(/assets/img/bg-grid-1.png) left top repeat #9ddbf4;
  background-size: 4.266666666666667vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-2 .frame-wrap {
    background-size: 2.285714285714286vw auto;
  }
}
.page-home .section-job .container-links .container-link-2 .part-1 {
  left: 5.866666666666666vw;
  top: 8.266666666666666vw;
  width: 12.933333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-2 .part-1 {
    left: 2.928571428571429vw;
    top: 4vw;
    width: 6.285714285714286vw;
  }
}
.page-home .section-job .container-links .container-link-2 .part-2 {
  left: 25.466666666666665vw;
  top: 2.533333333333333vw;
  width: 8.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-2 .part-2 {
    left: 12.5vw;
    top: 1.214285714285714vw;
    width: 4.071428571428572vw;
  }
}
.page-home .section-job .container-links .container-link-2 .human {
  left: 9.6vw;
  top: 14.933333333333335vw;
  width: 24.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-2 .human {
    left: 4.785714285714286vw;
    top: 7.285714285714286vw;
    width: 11.714285714285715vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links .container-link-2 .text {
    left: -0.933333333333333vw;
    top: 52.400000000000006vw;
    width: 43.46666666666666vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-2 .text {
    left: 0.5vw;
    top: 25.785714285714285vw;
    width: 19.428571428571427vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-3 {
    height: 33vw;
    margin-right: 1.357142857142857vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-job .container-links .container-link-3:hover .part-1 {
    top: 10.714285714285714vw;
  }
  .page-home .section-job .container-links .container-link-3:hover .part-2 {
    left: 0.428571428571429vw;
    top: 0.428571428571429vw;
  }
  .page-home .section-job .container-links .container-link-3:hover .human {
    top: 1.714285714285714vw;
  }
}
.page-home .section-job .container-links .container-link-3 .frame-wrap {
  background: url(/assets/img/bg-grid-1.png) left top repeat #e2d2ff;
  background-size: 4.266666666666667vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-3 .frame-wrap {
    background-size: 2.285714285714286vw auto;
  }
}
.page-home .section-job .container-links .container-link-3 .part-1 {
  left: 6.133333333333333vw;
  top: 24.666666666666668vw;
  width: 4.666666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-3 .part-1 {
    left: 3.071428571428572vw;
    top: 12.142857142857142vw;
    width: 2.285714285714286vw;
  }
}
.page-home .section-job .container-links .container-link-3 .part-2 {
  left: 2.133333333333333vw;
  top: 2.266666666666667vw;
  width: 13.866666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-3 .part-2 {
    left: 1.142857142857143vw;
    top: 1.142857142857143vw;
    width: 6.714285714285714vw;
  }
}
.page-home .section-job .container-links .container-link-3 .human {
  left: 5.600000000000001vw;
  top: 6.4vw;
  width: 31.466666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-3 .human {
    left: 2.857142857142857vw;
    top: 3.142857142857143vw;
    width: 15.285714285714286vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links .container-link-3 .text {
    left: 3.2vw;
    top: 49.6vw;
    width: 35.46666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-3 .text {
    left: 2.285714285714286vw;
    top: 24.571428571428573vw;
    width: 15.857142857142856vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-4 {
    height: 33.214285714285715vw;
    margin-top: 4.285714285714286vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-job .container-links .container-link-4:hover .part-1 {
    left: 3.214285714285714vw;
    top: 3.928571428571428vw;
  }
  .page-home .section-job .container-links .container-link-4:hover .part-2 {
    left: 14.214285714285715vw;
    top: 0.714285714285714vw;
  }
  .page-home .section-job .container-links .container-link-4:hover .human {
    top: 4.857142857142857vw;
  }
}
.page-home .section-job .container-links .container-link-4 .frame-wrap {
  background: url(/assets/img/bg-grid-1.png) left top repeat #ffbcae;
  background-size: 4.266666666666667vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-4 .frame-wrap {
    background-size: 2.285714285714286vw auto;
  }
}
.page-home .section-job .container-links .container-link-4 .part-1 {
  left: 7.866666666666666vw;
  top: 9.466666666666667vw;
  width: 6.533333333333332vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-4 .part-1 {
    left: 3.928571428571428vw;
    top: 4.642857142857143vw;
    width: 3.214285714285714vw;
  }
}
.page-home .section-job .container-links .container-link-4 .part-2 {
  left: 27.46666666666667vw;
  top: 2.933333333333333vw;
  width: 8.266666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-4 .part-2 {
    left: 13.5vw;
    top: 1.428571428571429vw;
    width: 4vw;
  }
}
.page-home .section-job .container-links .container-link-4 .human {
  left: 6.4vw;
  top: 12.8vw;
  width: 28.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-4 .human {
    left: 3.285714285714286vw;
    top: 6.285714285714286vw;
    width: 13.857142857142858vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-job .container-links .container-link-4 .text {
    left: 1.2vw;
    top: 50.66666666666667vw;
    width: 39.2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .container-links .container-link-4 .text {
    left: 1.5vw;
    top: 25vw;
    width: 17.5vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .button-view-all {
    margin-top: 1.642857142857143vw;
  }
}
.page-home .section-job .decoration {
  position: relative;
  margin-top: 13.333333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration {
    margin-top: 7.857142857142857vw;
  }
}
.page-home .section-job .decoration .text {
  position: relative;
  display: block;
  height: 16.400000000000002vw;
  width: 214.13333333333333vw;
  background: url(/assets/img/copy-1.svg) left top repeat-x transparent;
  background-size: 100% auto;
  animation: topJobCopySm 30s linear infinite;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration .text {
    height: 8.785714285714285vw;
    width: 114.71428571428572vw;
    animation: topJobCopyXl 30s linear infinite;
  }
}
.page-home .section-job .decoration .chara-1,
.page-home .section-job .decoration .chara-2,
.page-home .section-job .decoration .chara-3,
.page-home .section-job .decoration .chara-4 {
  position: absolute;
  left: 50%;
}
.page-home .section-job .decoration .chara-1 {
  top: -2.133333333333333vw;
  margin-left: 12.266666666666666vw;
  width: 14.266666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration .chara-1 {
    top: -3.714285714285714vw;
    margin-left: 7.785714285714286vw;
    width: 10.214285714285715vw;
  }
}
.page-home .section-job .decoration .chara-2 {
  top: 6vw;
  margin-left: 41.06666666666667vw;
  width: 14.399999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration .chara-2 {
    top: 3.214285714285714vw;
    margin-left: 39.14285714285714vw;
    width: 10.214285714285715vw;
  }
}
.page-home .section-job .decoration .chara-3 {
  top: -6.266666666666667vw;
  margin-left: -31.2vw;
  width: 16.53333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration .chara-3 {
    top: -4.928571428571429vw;
    margin-left: -27.92857142857143vw;
    width: 11.714285714285715vw;
  }
}
.page-home .section-job .decoration .chara-4 {
  top: 7.866666666666666vw;
  margin-left: -53.6vw;
  width: 12.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-job .decoration .chara-4 {
    top: 2.714285714285714vw;
    margin-left: -52.57142857142857vw;
    width: 8.714285714285715vw;
  }
}
.page-home .section-survey {
  position: relative;
  background-color: var(--color-red);
}
@media only screen and (max-width: 1024px) {
  .page-home .section-survey {
    margin-inline: -4vw;
    padding-bottom: 21.333333333333336vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey {
    padding-inline: 1.071428571428571vw;
    padding-bottom: 5.714285714285714vw;
    margin-bottom: 3.428571428571429vw;
  }
}
.page-home .section-survey:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  height: 8vw;
  width: 100%;
  background: url(/assets/img/bg-grid-1.png) 0.8vw top repeat #000;
  background-size: 5.333333333333334vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey:before {
    bottom: -3.428571428571429vw;
    height: 3.428571428571429vw;
    background: url(/assets/img/bg-grid-1.png) 1.928571428571428vw top repeat
      #000;
    background-size: 2.285714285714286vw auto;
  }
}
.page-home .section-survey .section-inner {
  padding: 2.666666666666667vw;
  border: 0.533333333333333vw solid #000;
  background-color: var(--color-lightblue);
  border-radius: 10vw;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-survey .section-inner {
    height: 230.93333333333334vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .section-inner {
    padding: 1.714285714285714vw;
    border-radius: 5vw;
    border-width: 0.071428571428571vw;
  }
}
.page-home .section-survey .container {
  position: relative;
  padding-top: 13.200000000000001vw;
  padding-bottom: 13.333333333333334vw;
  border: 0.4vw solid #000;
  background: url(/assets/img/top/survey-bg-1.png) left top repeat transparent;
  background-size: 6.666666666666667vw auto;
  border-radius: 6.666666666666667vw;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container {
    padding-top: 6vw;
    padding-bottom: 4.928571428571429vw;
    border-radius: 3.142857142857143vw;
    border-width: 0.071428571428571vw;
    background: url(/assets/img/top/md/survey-bg-1.png) left top repeat
      transparent;
    background-size: 2.571428571428571vw auto;
  }
}
.page-home .section-survey .section-heading {
  margin-bottom: 48vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .section-heading {
    margin-bottom: 4.5vw;
  }
}
.page-home .section-survey .section-heading .text-main {
  width: 91.2vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .section-heading .text-main {
    width: 50.28571428571429vw;
    box-sizing: content-box;
  }
}
.page-home .section-survey .section-heading .text-sub {
  letter-spacing: normal;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-survey .section-heading .text-sub {
    font-size: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .section-heading .text-sub {
    font-size: 1.285714285714286vw;
  }
}
.page-home .section-survey .container-contents {
  position: relative;
  padding-bottom: 48vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents {
    padding-bottom: 23.642857142857142vw;
  }
}
.page-home .section-survey .container-contents a {
  display: block;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-survey .container-contents a:hover .container-inner {
    top: -0.714285714285714vw;
  }
}
.page-home .section-survey .container-contents .container-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-survey .container-contents .container-inner {
    transition: top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-home .section-survey .container-contents .bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.page-home .section-survey .container-contents .container-detail {
  position: relative;
  height: 100%;
  width: 100%;
}
.page-home .section-survey .container-contents .text {
  text-align: center;
  font-size: 4vw;
  line-height: 1.2;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .text {
    font-size: 2.142857142857143vw;
    line-height: 1.2;
  }
}
.page-home .section-survey .container-contents .container-comment {
  background-color: #fff;
  border-radius: 2.666666666666667vw;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-survey .container-contents .container-comment {
    padding: 3.466666666666666vw 3.2vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .container-comment {
    border-radius: 1.428571428571429vw;
  }
}
.page-home .section-survey .container-contents .comment {
  font-size: 2.666666666666667vw;
  line-height: 1.5;
  font-weight: 700;
  text-align: justify;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .comment {
    font-size: 1.142857142857143vw;
    line-height: 1.625;
  }
}
.page-home .section-survey .container-contents .content-1 {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  height: 53.333333333333336vw;
  width: 53.333333333333336vw;
  margin-top: -41.46666666666667vw;
  margin-left: -51.33333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-1 {
    height: 29.28571428571429vw;
    width: 28.57142857142857vw;
    margin-top: 2vw;
    margin-left: -41.5vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-survey .container-contents .content-1 a:hover .bg-4 {
    fill: #b094e5;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-1 .bg {
    height: 28.57142857142857vw;
    width: 28.57142857142857vw;
  }
}
.page-home .section-survey .container-contents .content-1 .bg-1 {
  fill: #000;
  height: 100%;
  width: 100%;
}
.page-home .section-survey .container-contents .content-1 .bg-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: #fff;
  height: 52vw;
  width: 52vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-1 .bg-2 {
    height: 28.285714285714285vw;
    width: 28.285714285714285vw;
  }
}
.page-home .section-survey .container-contents .content-1 .bg-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: #000;
  height: 49.333333333333336vw;
  width: 49.333333333333336vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-1 .bg-3 {
    height: 26.571428571428573vw;
    width: 26.571428571428573vw;
  }
}
.page-home .section-survey .container-contents .content-1 .bg-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: var(--color-purple);
  height: 48.66666666666667vw;
  width: 48.66666666666667vw;
  transition: fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-1 .bg-4 {
    height: 26.42857142857143vw;
    width: 26.42857142857143vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-1
  .container-detail
  .text {
  padding-top: 9.066666666666666vw;
  padding-left: 0.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-1
    .container-detail
    .text {
    padding-top: 4.785714285714286vw;
    padding-left: 0.142857142857143vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-1
  .container-detail
  .img-1,
.page-home
  .section-survey
  .container-contents
  .content-1
  .container-detail
  .img-2,
.page-home
  .section-survey
  .container-contents
  .content-1
  .container-detail
  .img-3 {
  position: absolute;
}
.page-home
  .section-survey
  .container-contents
  .content-1
  .container-detail
  .img-1 {
  left: 4.933333333333334vw;
  top: 6.666666666666667vw;
  width: 10.933333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-1
    .container-detail
    .img-1 {
    left: 1.857142857142857vw;
    top: 4vw;
    width: 5.857142857142858vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-1
  .container-detail
  .img-2 {
  left: 17.599999999999998vw;
  top: 24.8vw;
  width: 16.53333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-1
    .container-detail
    .img-2 {
    left: 9.714285714285714vw;
    top: 13.285714285714286vw;
    width: 8.928571428571429vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-1
  .container-detail
  .img-3 {
  left: 15.466666666666667vw;
  top: 38.800000000000004vw;
  width: 23.333333333333332vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-1
    .container-detail
    .img-3 {
    left: 8.285714285714285vw;
    top: 20.785714285714285vw;
    width: 12.5vw;
  }
}
.page-home .section-survey .container-contents .content-2 {
  position: relative;
  height: 73.06666666666666vw;
  width: 73.06666666666666vw;
  margin-inline: auto;
  border-radius: 50%;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-2 {
    height: 38.857142857142854vw;
    width: 38.857142857142854vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-survey .container-contents .content-2 a:hover .bg-1 {
    background-color: #72bf8c;
  }
}
.page-home .section-survey .container-contents .content-2 .bg {
  border-radius: 50%;
  padding: 5.066666666666666vw;
  background: url(/assets/img/bg-grid-1.png) left top repeat var(--color-green);
  background-size: 3.2vw auto;
  border: 0.533333333333333vw solid #000;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-2 .bg {
    padding: 2.785714285714286vw;
    border-width: 0.142857142857143vw;
    background-size: 1.714285714285714vw auto;
  }
}
.page-home .section-survey .container-contents .content-2 .bg .bg-1 {
  height: 100%;
  width: 100%;
  background-color: var(--color-green);
  border-radius: 50%;
  border: 0.266666666666667vw solid #000;
  transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-2 .bg .bg-1 {
    border-width: 0.071428571428571vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-2
  .container-detail
  .text {
  padding-top: 16.8vw;
  font-size: 4.133333333333333vw;
  line-height: 1.161290322580645;
}
@media only screen and (max-width: 1024px) {
  .page-home
    .section-survey
    .container-contents
    .content-2
    .container-detail
    .text {
    padding-left: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-2
    .container-detail
    .text {
    padding-top: 8.571428571428571vw;
    font-size: 2.214285714285714vw;
    line-height: 1.161290322580645;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-2
  .container-detail
  .img-1,
.page-home
  .section-survey
  .container-contents
  .content-2
  .container-detail
  .img-2,
.page-home
  .section-survey
  .container-contents
  .content-2
  .container-detail
  .img-3 {
  position: absolute;
}
.page-home
  .section-survey
  .container-contents
  .content-2
  .container-detail
  .img-1 {
  left: 17.866666666666667vw;
  top: 39.46666666666667vw;
  width: 37.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-2
    .container-detail
    .img-1 {
    left: 9.428571428571429vw;
    top: 20.57142857142857vw;
    width: 20.142857142857142vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-2
  .container-detail
  .img-2 {
  left: 13.866666666666665vw;
  top: 36.266666666666666vw;
  width: 12.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-2
    .container-detail
    .img-2 {
    left: 6.857142857142858vw;
    top: 19.142857142857142vw;
    width: 6.5vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-2
  .container-detail
  .img-3 {
  left: 45.06666666666666vw;
  top: 36.266666666666666vw;
  width: 15.466666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-2
    .container-detail
    .img-3 {
    left: 24.142857142857142vw;
    top: 19.142857142857142vw;
    width: 8.285714285714285vw;
  }
}
.page-home .section-survey .container-contents .content-3 {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  height: 41.86666666666667vw;
  width: 50.13333333333333vw;
  margin-top: -34vw;
  margin-left: -1.466666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-3 {
    height: 22.428571428571427vw;
    width: 26.142857142857146vw;
    margin-top: 4.785714285714286vw;
    margin-left: 15.357142857142858vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-survey .container-contents .content-3 a:hover .bg:after {
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-3 .bg:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    height: 21.285714285714285vw;
    width: 25vw;
    opacity: 0;
    background: url(/assets/img/top/md/survey-3-bg-hover.png) left top no-repeat
      transparent;
    background-size: 100% auto;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-home .section-survey .container-contents .content-3 .bg:after {
    background: url(/assets/img/top/md/survey-3-bg-hover@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-3
  .container-detail
  .text {
  margin-bottom: 1.866666666666667vw;
  padding-top: 4.933333333333334vw;
  padding-left: 2.533333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-3
    .container-detail
    .text {
    margin-bottom: 1.714285714285714vw;
    padding-top: 2.571428571428571vw;
    padding-left: 1.357142857142857vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-3
  .container-detail
  .container-comment {
  color: var(--color-pink);
  width: 40vw;
  margin-left: 6.133333333333333vw;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-3
    .container-detail
    .container-comment {
    width: 20.714285714285715vw;
    margin-left: 3.285714285714286vw;
    padding: 1.714285714285714vw 1.714285714285714vw 2vw;
    letter-spacing: 0.01em;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-3
  .container-detail
  .img-1,
.page-home
  .section-survey
  .container-contents
  .content-3
  .container-detail
  .img-2 {
  position: absolute;
}
.page-home
  .section-survey
  .container-contents
  .content-3
  .container-detail
  .img-1 {
  left: 29.2vw;
  top: 33.6vw;
  width: 12vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-3
    .container-detail
    .img-1 {
    left: 2vw;
    top: 17.857142857142858vw;
    width: 6.428571428571428vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-3
  .container-detail
  .img-2 {
  left: 33.46666666666667vw;
  top: -5.466666666666667vw;
  width: 13.600000000000001vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-3
    .container-detail
    .img-2 {
    left: 17.214285714285715vw;
    top: -3vw;
    width: 7.285714285714286vw;
  }
}
.page-home .section-survey .container-contents .content-4 {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  height: 46.666666666666664vw;
  width: 54.666666666666664vw;
  margin-top: 64.66666666666666vw;
  margin-left: -48.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-4 {
    height: 25vw;
    width: 32.57142857142858vw;
    margin-top: 32.5vw;
    margin-left: -31.357142857142854vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-survey .container-contents .content-4 a:hover .bg:after {
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-4 .bg:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    height: 23.857142857142858vw;
    width: 31.428571428571427vw;
    opacity: 0;
    background: url(/assets/img/top/md/survey-4-bg-hover.png) left top no-repeat
      transparent;
    background-size: 100% auto;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1401px) {
  .page-home .section-survey .container-contents .content-4 .bg:after {
    background: url(/assets/img/top/md/survey-4-bg-hover@2x.png) left top
      no-repeat transparent;
    background-size: 100% auto;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-4
  .container-detail
  .text {
  margin-bottom: 2.133333333333333vw;
  padding-top: 4.533333333333333vw;
  padding-right: 1.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-4
    .container-detail
    .text {
    margin-bottom: 1.928571428571428vw;
    padding-top: 2.285714285714286vw;
    padding-right: 1vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-4
  .container-detail
  .container-comment {
  color: #0086b6;
  width: 44vw;
  margin-left: 4.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-4
    .container-detail
    .container-comment {
    width: 27.142857142857142vw;
    margin-left: 2.142857142857143vw;
    padding: 1.5vw 1.714285714285714vw 2.214285714285714vw;
    letter-spacing: -0.02em;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-4
  .container-detail
  .img-1,
.page-home
  .section-survey
  .container-contents
  .content-4
  .container-detail
  .img-2 {
  position: absolute;
}
.page-home
  .section-survey
  .container-contents
  .content-4
  .container-detail
  .img-1 {
  left: 31.466666666666665vw;
  top: 38.53333333333334vw;
  width: 10vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-4
    .container-detail
    .img-1 {
    left: 18.428571428571427vw;
    top: 20.642857142857142vw;
    width: 5.357142857142857vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-4
  .container-detail
  .img-2 {
  left: -3.6vw;
  top: -9.6vw;
  width: 18.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-4
    .container-detail
    .img-2 {
    left: -6.071428571428571vw;
    top: 2.071428571428571vw;
    width: 10.071428571428571vw;
  }
}
.page-home .section-survey .container-contents .content-5 {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  height: 53.333333333333336vw;
  width: 53.333333333333336vw;
  margin-top: 58.666666666666664vw;
  margin-left: -2vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-5 {
    height: 28.57142857142857vw;
    width: 28.57142857142857vw;
    margin-top: 29.28571428571429vw;
    margin-left: 2.857142857142857vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-survey .container-contents .content-5 a:hover .bg-4 {
    fill: #ff795c;
  }
}
.page-home .section-survey .container-contents .content-5 .bg-1 {
  fill: #000;
  height: 100%;
  width: 100%;
}
.page-home .section-survey .container-contents .content-5 .bg-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: #fff;
  height: 52vw;
  width: 52vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-5 .bg-2 {
    height: 28.285714285714285vw;
    width: 28.285714285714285vw;
  }
}
.page-home .section-survey .container-contents .content-5 .bg-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: #000;
  height: 49.333333333333336vw;
  width: 49.333333333333336vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-5 .bg-3 {
    height: 26.571428571428573vw;
    width: 26.571428571428573vw;
  }
}
.page-home .section-survey .container-contents .content-5 .bg-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  fill: var(--color-red);
  height: 48.66666666666667vw;
  width: 48.66666666666667vw;
  transition: fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .content-5 .bg-4 {
    height: 26.42857142857143vw;
    width: 26.42857142857143vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-5
  .container-detail
  .text {
  padding-top: 6.133333333333333vw;
  padding-left: 0.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-5
    .container-detail
    .text {
    padding-top: 3.857142857142857vw;
    padding-left: 0.142857142857143vw;
  }
}
.page-home
  .section-survey
  .container-contents
  .content-5
  .container-detail
  .img-1 {
  position: absolute;
  left: 11.333333333333332vw;
  top: 16.53333333333333vw;
  width: 36vw;
}
@media only screen and (min-width: 1025px) {
  .page-home
    .section-survey
    .container-contents
    .content-5
    .container-detail
    .img-1 {
    left: 6.071428571428571vw;
    top: 9.142857142857142vw;
    width: 19.28571428571429vw;
  }
}
.page-home .section-survey .container-contents .contents-trigger-1 {
  position: absolute;
  top: -36vw;
  height: 80vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .contents-trigger-1 {
    top: 0;
    height: 28.57142857142857vw;
  }
}
.page-home .section-survey .container-contents .contents-trigger-2 {
  position: absolute;
  top: 50.66666666666667vw;
  height: 40vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .container-contents .contents-trigger-2 {
    top: 31.428571428571427vw;
    height: 17.857142857142858vw;
  }
}
.page-home .section-survey .human-1,
.page-home .section-survey .human-2 {
  position: absolute;
  left: 50%;
  bottom: 0;
}
.page-home .section-survey .human-1 .human,
.page-home .section-survey .human-2 .human {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.page-home .section-survey .human-1 {
  height: 34.53333333333333vw;
  width: 25.066666666666666vw;
  margin-bottom: -3.6vw;
  margin-left: 21.333333333333336vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-1 {
    height: 21.071428571428573vw;
    width: 15.214285714285714vw;
    margin-bottom: -5.357142857142857vw;
    margin-left: 24.642857142857146vw;
  }
}
.page-home .section-survey .human-1 .twinkle-yellow {
  position: absolute;
  top: 15.066666666666666vw;
  left: -2.4vw;
  height: 4.399999999999999vw;
  width: 4.399999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-1 .twinkle-yellow {
    top: 11.071428571428571vw;
    left: -3.214285714285714vw;
    width: 2.714285714285714vw;
  }
}
.page-home .section-survey .human-1 .twinkle-purple {
  position: absolute;
  top: -1.866666666666667vw;
  left: 7.199999999999999vw;
  height: 3.466666666666666vw;
  width: 3.466666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-1 .twinkle-purple {
    top: -1.142857142857143vw;
    left: 4.357142857142858vw;
    width: 2.142857142857143vw;
  }
}
.page-home .section-survey .human-1 .twinkle-red {
  position: absolute;
  top: 10.533333333333333vw;
  left: 24.53333333333333vw;
  height: 4.399999999999999vw;
  width: 4.399999999999999vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-1 .twinkle-red {
    top: 4.571428571428571vw;
    left: 16.071428571428573vw;
    width: 2.714285714285714vw;
  }
}
.page-home .section-survey .human-2 {
  height: 38.800000000000004vw;
  width: 24.666666666666668vw;
  margin-left: -45.86666666666667vw;
  margin-bottom: -7.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-2 {
    height: 23.642857142857142vw;
    width: 15vw;
    margin-bottom: -8.214285714285714vw;
    margin-left: -36vw;
  }
}
.page-home .section-survey .human-2 .note-red {
  position: absolute;
  transform: rotate(14.13deg);
  top: 11.600000000000001vw;
  left: -2.933333333333333vw;
  width: 3.333333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-2 .note-red {
    top: 7.428571428571429vw;
    left: -5.428571428571429vw;
    width: 1.928571428571428vw;
  }
}
.page-home .section-survey .human-2 .note-green {
  position: absolute;
  top: -2.8vw;
  left: 0.133333333333333vw;
  width: 2.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-2 .note-green {
    left: -2.928571428571429vw;
    top: -1.5vw;
    width: 1.714285714285714vw;
  }
}
.page-home .section-survey .human-2 .note-blue {
  position: absolute;
  top: 1.066666666666667vw;
  left: 16.133333333333333vw;
  width: 4.8vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-survey .human-2 .note-blue {
    left: 9.642857142857144vw;
    top: 2.214285714285714vw;
    width: 2.928571428571429vw;
  }
}
.page-home .section-info {
  position: relative;
  background-color: var(--color-yellow);
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-info {
    padding-bottom: 25.333333333333336vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info {
    aspect-ratio: 1400/861;
  }
}
.page-home .section-info .bg-1,
.page-home .section-info .bg-2,
.page-home .section-info .bg-3,
.page-home .section-info .bg-4,
.page-home .section-info .bg-5,
.page-home .section-info .bg-6 {
  position: absolute;
  left: 50%;
}
.page-home .section-info .bg-1 {
  fill: var(--color-red);
  top: 39.46666666666667vw;
  margin-left: -44.800000000000004vw;
  height: 93.33333333333333vw;
  width: 89.73333333333333vw;
  animation: rotate 60s linear infinite;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .bg-1 {
    top: 8.142857142857144vw;
    margin-left: -21.428571428571427vw;
    height: 44.57142857142857vw;
    width: 42.857142857142854vw;
  }
}
.page-home .section-info .bg-2 {
  fill: var(--color-yellow);
  top: 27.73333333333333vw;
  margin-left: -58.53333333333334vw;
  height: 117.06666666666668vw;
  width: 117.06666666666668vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .bg-2 {
    top: -2.857142857142857vw;
    height: 66.71428571428571vw;
    width: 66.71428571428571vw;
    margin-left: -33.357142857142854vw;
  }
}
.page-home .section-info .bg-3 {
  fill: #fff;
  top: 23.733333333333334vw;
  margin-left: -62.93333333333333vw;
  height: 126.13333333333334vw;
  width: 125.86666666666666vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .bg-3 {
    top: -5.642857142857142vw;
    height: 72.14285714285714vw;
    width: 72.14285714285714vw;
    margin-left: -36.07142857142857vw;
  }
}
.page-home .section-info .bg-4 {
  fill: var(--color-lightblue);
  top: 10.4vw;
  margin-left: -77.86666666666666vw;
  height: 152.4vw;
  width: 155.73333333333332vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .bg-4 {
    top: -14.428571428571429vw;
    height: 89.71428571428571vw;
    width: 91.71428571428571vw;
    margin-left: -45.857142857142854vw;
  }
}
.page-home .section-info .bg-5 {
  fill: var(--color-red);
  top: 6.933333333333333vw;
  margin-left: -81.46666666666667vw;
  height: 159.33333333333331vw;
  width: 162.93333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .bg-5 {
    top: -16.5vw;
    height: 94vw;
    width: 96vw;
    margin-left: -48vw;
  }
}
.page-home .section-info .bg-6 {
  fill: var(--color-green);
  top: 1.333333333333333vw;
  margin-left: -86.93333333333332vw;
  height: 170.53333333333333vw;
  width: 173.86666666666665vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .bg-6 {
    top: -19.357142857142858vw;
    height: 99.5vw;
    width: 101.57142857142858vw;
    margin-left: -50.78571428571429vw;
  }
}
.page-home .section-info .copy-top {
  position: relative;
  height: 5.333333333333334vw;
  width: 100%;
  border-top: 0.266666666666667vw solid #000;
  border-bottom: 0.266666666666667vw solid #000;
  animation: copyLoopSm 30s linear infinite;
  background: url(/assets/img/top/marquee-1.png) center 0 repeat-x
    var(--color-purple);
  background-size: 100.8vw auto;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .copy-top {
    height: 2.857142857142857vw;
    animation: copyLoopXl 30s linear infinite;
    background: url(/assets/img/top/md/marquee-1.png) center 0 repeat-x
      var(--color-purple);
    background-size: 54vw auto;
    border-top-width: 0.071428571428571vw;
    border-bottom-width: 0.071428571428571vw;
  }
}
.page-home .section-info .section-inner {
  position: relative;
  padding-top: 19.733333333333334vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .section-inner {
    padding-top: 10.642857142857142vw;
    padding-inline: 1.071428571428571vw;
  }
}
.page-home .section-info .section-heading {
  margin-bottom: 7.6vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .section-heading {
    margin-bottom: 3.5vw;
  }
}
.page-home .section-info .section-heading .text-main {
  width: 88vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .section-heading .text-main {
    width: 41.85714285714286vw;
  }
}
.page-home .section-info .section-heading .text-sub {
  font-size: 2.933333333333333vw;
  letter-spacing: normal;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .section-heading .text-sub {
    font-size: 1.428571428571429vw;
  }
}
.page-home .section-info .container-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-info .container-links {
    width: 92vw;
    margin-inline: auto;
  }
}
.page-home .section-info .container-links .container-link-1,
.page-home .section-info .container-links .container-link-2,
.page-home .section-info .container-links .container-link-3,
.page-home .section-info .container-links .container-link-4 {
  width: 45.33333333333333vw;
  border: 0.533333333333333vw solid #000;
  border-radius: 4vw;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 1.333333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .container-link-1,
  .page-home .section-info .container-links .container-link-2,
  .page-home .section-info .container-links .container-link-3,
  .page-home .section-info .container-links .container-link-4 {
    height: 23.714285714285715vw;
    width: 23.714285714285715vw;
    border-radius: 2.142857142857143vw;
    border-width: 0.142857142857143vw;
    transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .page-home .section-info .container-links .container-link-1 a:hover .icon-bg,
  .page-home .section-info .container-links .container-link-2 a:hover .icon-bg,
  .page-home .section-info .container-links .container-link-3 a:hover .icon-bg,
  .page-home .section-info .container-links .container-link-4 a:hover .icon-bg,
  .page-home .section-info .container-links .container-link-1 a:hover .arrow,
  .page-home .section-info .container-links .container-link-2 a:hover .arrow,
  .page-home .section-info .container-links .container-link-3 a:hover .arrow,
  .page-home .section-info .container-links .container-link-4 a:hover .arrow {
    transform: scale(1.1);
  }
}
.page-home .section-info .container-links .link {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 100%;
  padding-top: 5.600000000000001vw;
  padding-inline: 4.933333333333334vw;
  padding-bottom: 6.666666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .link {
    height: 23.714285714285715vw;
    width: 23.714285714285715vw;
    padding-top: 3.142857142857143vw;
    padding-inline: 2.428571428571428vw;
  }
}
.page-home .section-info .container-links .link .item-heading {
  margin-bottom: 17.866666666666667vw;
  font-size: 4.266666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .link .item-heading {
    margin-bottom: 10vw;
    font-size: 2vw;
  }
}
.page-home .section-info .container-links .link .img {
  position: absolute;
  font-size: 0;
}
.page-home .section-info .container-links .link .text {
  font-size: 2.533333333333333vw;
  line-height: 1.894736842105263;
  text-align: justify;
}
.page-home .section-info .container-links .link .text.large {
  font-size: 2.933333333333333vw;
  line-height: 1.636363636363636;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .link .text.large {
    font-size: 1vw;
    line-height: 1.857142857142857;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .link .text {
    font-size: 1vw;
    line-height: 1.857142857142857;
  }
}
.page-home .section-info .container-links .link .icon {
  position: absolute;
  right: 5.066666666666666vw;
  bottom: 3.733333333333334vw;
  display: grid;
  place-content: center;
  height: 4vw;
  width: 8vw;
  font-size: 0;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .link .icon {
    right: 1.285714285714286vw;
    bottom: 2vw;
    height: 2.142857142857143vw;
    width: 4.285714285714286vw;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-home .section-info .container-links .link .icon .arrow {
  position: relative;
  height: 1.066666666666667vw;
  width: 2.533333333333333vw;
  fill: #fff;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .link .icon .arrow {
    height: 0.571428571428571vw;
    width: 1.357142857142857vw;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-info .container-links .container-link-1:hover {
    background-color: var(--color-red);
  }
}
.page-home .section-info .container-links .container-link-1 .img {
  left: 6.800000000000001vw;
  top: 13.733333333333334vw;
  width: 30.666666666666664vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .container-link-1 .img {
    left: 3.5vw;
    top: 7.214285714285714vw;
    width: 16.428571428571427vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-info .container-links .container-link-2:hover {
    background-color: var(--color-green);
  }
}
.page-home .section-info .container-links .container-link-2 .img {
  left: 4.933333333333334vw;
  top: 14.399999999999999vw;
  width: 34.4vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .container-link-2 .img {
    left: 2.5vw;
    top: 7.5vw;
    width: 18.428571428571427vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-info .container-links .container-link-3:hover {
    background-color: var(--color-lightblue);
  }
}
.page-home .section-info .container-links .container-link-3 .img {
  left: 7.066666666666667vw;
  top: 13.733333333333334vw;
  width: 30.133333333333333vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .container-link-3 .img {
    left: 3.642857142857143vw;
    top: 7.142857142857142vw;
    width: 16.142857142857142vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-info .container-links .container-link-4:hover {
    background-color: var(--color-yellow);
  }
}
.page-home .section-info .container-links .container-link-4 .img {
  left: 7.333333333333333vw;
  top: 13.333333333333334vw;
  width: 29.86666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-info .container-links .container-link-4 .img {
    left: 3.642857142857143vw;
    top: 7.071428571428571vw;
    width: 16vw;
  }
}
.page-home .section-link {
  position: relative;
  margin-top: -6.666666666666667vw;
  margin-inline: -0.266666666666667vw;
  background-color: var(--color-purple);
  border-radius: 6.666666666666667vw 6.666666666666667vw 0 0;
  border: 0.266666666666667vw solid #000;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-link {
    padding-bottom: 36.4vw;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link {
    aspect-ratio: 1400/640;
    margin-top: -3.571428571428571vw;
    margin-inline: -0.071428571428571vw;
    border-radius: 3.571428571428571vw 3.571428571428571vw 0 0;
    border-width: 0.071428571428571vw;
  }
}
.page-home .section-link .section-inner {
  padding-top: 13.200000000000001vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .section-inner {
    padding-top: 7.000000000000001vw;
  }
}
.page-home .section-link .section-heading {
  margin-bottom: 5.466666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .section-heading {
    margin-bottom: 3.5vw;
  }
}
.page-home .section-link .section-heading .text-main {
  width: 27.46666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .section-heading .text-main {
    width: 9.428571428571429vw;
  }
}
.page-home .section-link .container-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.666666666666667vw;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .container-links {
    gap: 2vw;
  }
}
@media only screen and (max-width: 1024px) {
  .page-home .section-link .container-links .link:nth-child(1) {
    width: 100%;
    margin-bottom: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 1025px) and (any-hover: hover) {
  .page-home .section-link .container-links .link:hover .thumbnail {
    background-color: var(--color-yellow);
  }
  .page-home .section-link .container-links .link:hover .text {
    color: #fff;
  }
  .page-home .section-link .container-links .link:hover .text .icon svg {
    animation: linkBlankHover 0.4s linear;
  }
}
.page-home .section-link .container-links .link .thumbnail {
  height: 17.866666666666667vw;
  width: 40.53333333333333vw;
  margin-inline: auto;
  padding: 0.666666666666667vw;
  background-color: #bec9cc;
  border-radius: 2.666666666666667vw;
  border: 0.266666666666667vw solid #000;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .container-links .link .thumbnail {
    height: 9.428571428571429vw;
    width: 21.571428571428573vw;
    padding: 0.357142857142857vw;
    border-radius: 1.428571428571429vw;
    border-width: 0.071428571428571vw;
    transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-home .section-link .container-links .link .thumbnail .img {
  border: 0.266666666666667vw solid #000;
  border-radius: 2.133333333333333vw;
  background-color: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .container-links .link .thumbnail .img {
    border-width: 0.071428571428571vw;
    border-radius: 1vw;
  }
}
.page-home .section-link .container-links .link .text {
  text-align: center;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  .page-home .section-link .container-links .link .text {
    margin-top: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.04em;
  }
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .container-links .link .text {
    margin-top: 1vw;
    transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.page-home .section-link .container-links .link .icon {
  display: inline-block;
  height: 1.866666666666667vw;
  width: 1.866666666666667vw;
  font-size: 0;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .page-home .section-link .container-links .link .icon {
    height: 0.714285714285714vw;
    width: 0.714285714285714vw;
  }
}
.page-home .footer .decoration-recruit-2026 {
  background-image: url(/assets/img/RECRUIT2026-purple.svg);
}
.footer iframe.instagram-media .Header {
  display: none;
}