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

html {
  -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] {
  -webkit-text-decoration: underline dotted;
          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: middle;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-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;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

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;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
}

caption {
  text-align: left;
}

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

th {
  text-align: left;
  font-weight: 700;
}

/*============================
common
============================*/
/*
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('/kanto/fonts/noto-sans-jp-v52-japanese-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('/kanto/fonts/noto-sans-jp-v52-japanese-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('/kanto/fonts/noto-sans-jp-v52-japanese-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  src: url('/kanto/fonts/zen-kaku-gothic-new-v15-japanese-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 500;
  src: url('/kanto/fonts/zen-kaku-gothic-new-v15-japanese-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  src: url('/kanto/fonts/zen-kaku-gothic-new-v15-japanese-700.woff2') format('woff2');
}
*/
:root {
  --c-accent: #156dac;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  width: 100%;
  background-color: #fff;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  color: #333;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  body {
    min-width: 320px;
  }
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
a {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  backface-visibility: hidden;
}

button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media not all and (max-width: 767px) {
  .wrapper {
    min-width: 1300px;
  }
}

.container {
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .container {
    --container-width: 1100px;
    max-width: calc(var(--container-width) + 40px);
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 89.3333333333vw;
  }
}
@media not all and (max-width: 767px) {
  .container--w1300 {
    --container-width: 1300px;
  }
}

@media (max-width: 767px) {
  .container--sp-full {
    width: 100%;
  }
}

/* Slider */
.slick-loading .slick-list {
  background: #fff center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*============================
.header
============================*/
body:has(.header__content.active) {
  overflow: hidden;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #fff;
}
@media not all and (max-width: 767px) {
  .header {
    min-width: 1300px;
  }
}
.header__inner {
  display: flex;
  align-items: center;
  max-width: 1330px;
  min-height: 100px;
  margin-inline: auto;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .header__inner {
    height: 16.5vw;
    min-height: unset;
    padding-right: 5vw;
    padding-left: 5vw;
  }
}

.header__logo {
  flex: 0 0 auto;
  margin-right: auto;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .header__logo {
    width: 63.0442666667vw;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .header__logo a {
    display: block;
  }
}
@media (max-width: 767px) {
  .header__logo img {
    display: block;
    width: 100%;
  }
}

.header__hamb {
  display: none;
}
@media (max-width: 767px) {
  .header__hamb {
    flex: 0 0 auto;
    display: block;
    cursor: pointer;
    position: relative;
    width: 12vw;
    height: 8vw;
    margin-left: auto;
    z-index: 2;
    border-radius: 1vw;
  }
  .header__hamb span {
    transition: all 0.5s 0s ease;
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 0.7998vw;
    background-color: #333;
  }
  .header__hamb span:nth-of-type(1) {
    top: 0;
  }
  .header__hamb span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .header__hamb span:nth-of-type(3) {
    bottom: 0;
  }
  .header__hamb.active span {
    transition: all 0.5s 0s ease;
  }
  .header__hamb.active span:nth-of-type(1) {
    top: 50%;
    transform: translateY(-50%);
    rotate: 45deg;
  }
  .header__hamb.active span:nth-of-type(2) {
    display: none;
  }
  .header__hamb.active span:nth-of-type(3) {
    bottom: 50%;
    transform: translateY(50%);
    rotate: -45deg;
  }
}

.header__content {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 767px) {
  .header__content {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    transition: transform ease 0.5s;
    z-index: 1;
  }
  .header__content.active {
    transform: translateX(-100%);
    transition: transform ease 0.5s;
    pointer-events: none;
  }
}

@media not all and (max-width: 767px) {
  .header__content-inner {
    display: flex;
  }
}
@media (max-width: 767px) {
  .header__content-inner {
    position: absolute;
    right: 0;
    padding: 18vw 3.1992vw 7.998vw;
    width: 95.7094vw;
    background-color: #fff;
    z-index: 1;
    height: 100vh;
    height: 100dvh;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    pointer-events: auto;
  }
}

@media not all and (max-width: 767px) {
  .header__nav {
    margin-right: 50px;
  }
}
@media (max-width: 767px) {
  .header__nav {
    margin-right: 0;
  }
}

@media not all and (max-width: 767px) {
  .header__links {
    position: relative;
    display: flex;
    align-items: center;
    width: 270px;
    height: 100px;
  }
}

.header-recruit {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #bde3ff;
  color: #333;
}
@media not all and (max-width: 767px) {
  .header-recruit {
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    width: 130px;
    height: 130px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    transition: all ease 0.1s;
  }
}
@media (max-width: 767px) {
  .header-recruit {
    flex-direction: row-reverse;
    gap: 5vw;
    margin-bottom: 2.5vw;
    padding-left: 2vw;
    padding-top: 1.5196vw;
    padding-bottom: 1.5196vw;
    border-radius: 10vw;
    font-size: 3.7324vw;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.75;
  }
}
@media not all and (max-width: 767px) {
  .header-recruit:hover {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    height: 138px;
    padding-top: 8px;
  }
}
.header-recruit__img {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
@media not all and (max-width: 767px) {
  .header-recruit__img {
    width: 59px;
    height: 59px;
    margin-bottom: 10px;
    border-radius: 50% 50%;
  }
}
@media (max-width: 767px) {
  .header-recruit__img {
    width: 11.1092vw;
    height: 11.1092vw;
    border-radius: 6vw;
  }
  .header-recruit__img img {
    width: 60%;
  }
}

@media not all and (max-width: 767px) {
  .header-recruit__desc {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.28;
  }
}

.header-access {
  display: flex;
  align-items: center;
}
@media not all and (max-width: 767px) {
  .header-access {
    margin-left: auto;
    margin-top: 20px;
    border-bottom: 1px solid transparent;
    font-size: 1.5rem;
    font-weight: 300;
    transition: all ease 0.1s;
  }
}
@media (max-width: 767px) {
  .header-access {
    justify-content: flex-end;
    font-size: 3.999vw;
    letter-spacing: 0.08em;
    color: #5a5a5a;
  }
}
.header-access::before {
  content: "";
  display: block;
  border-right: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
  rotate: -45deg;
}
@media not all and (max-width: 767px) {
  .header-access::before {
    width: 8px;
    height: 8px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .header-access::before {
    margin-right: 2.5vw;
    width: 2.1328vw;
    height: 2.1328vw;
  }
}
@media not all and (max-width: 767px) {
  .header-access:hover {
    color: #156dac;
    border-bottom: 1px solid #156dac;
    box-sizing: border-box;
  }
  .header-access:hover::before {
    border-color: #156dac;
  }
}

@media not all and (max-width: 767px) {
  .g-nav__list {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .g-nav__list {
    padding-bottom: 4.4788vw;
  }
}

@media not all and (max-width: 767px) {
  .g-nav__item {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 43px;
  }
  .g-nav__item:hover::before {
    content: "";
    position: absolute;
    top: 98%;
    left: 0;
    display: block;
    width: calc(100% - 43px);
    height: 2px;
    background-color: #156dac;
  }
  .g-nav__item:hover .g-nav__box {
    display: block;
  }
}

.g-nav-ttl {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .g-nav-ttl {
    display: none;
  }
}
.g-nav-ttl__ja {
  margin-bottom: 5px;
  color: #595757;
  font-size: 1.2rem;
  font-weight: bold;
}

.g-nav-ttl__en {
  color: #156dac;
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: uppercase;
}

@media not all and (max-width: 767px) {
  .g-nav__box {
    display: none;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 9999;
    margin-top: 2px;
    padding: 7px 20px 17px;
    width: 354px;
    border: 2px solid #156dac;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
}
@media (max-width: 767px) {
  .g-nav__box {
    display: block;
  }
}
.g-subnav {
  display: flex;
}
@media not all and (max-width: 767px) {
  .g-subnav {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .g-subnav {
    gap: 8.6568%;
    padding-top: 1vw;
    padding-bottom: 3.5vw;
    border-bottom: 2px solid #156dac;
  }
}

@media not all and (max-width: 767px) {
  .g-subnav__category {
    width: 44.5161%;
  }
}
@media (max-width: 767px) {
  .g-subnav__category {
    width: 42.388%;
  }
}
@media (max-width: 767px) {
  .g-subnav__category .g-subnav__link {
    position: relative;
    display: flex;
    align-items: center;
    align-self: flex-start;
    justify-content: space-between;
    padding-top: 2.666vw;
    padding-bottom: 2vw;
    border-bottom: 1px solid #d6d6d6;
    font-size: 3.7324vw;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .g-subnav__category .g-subnav__link.g-subnav__link-small {
    font-size: 3.4vw;
  }
}

@media not all and (max-width: 767px) {
  .g-subnav__list {
    width: 49.6774%;
  }
}
@media (max-width: 767px) {
  .g-subnav__list {
    width: 48.9552%;
    font-size: 3.1992vw;
    font-weight: bold;
  }
}
@media (max-width: 767px) {
  .g-subnav__list .g-subnav__item:not(:last-of-type) {
    border-bottom: 1px solid #d6d6d6;
  }
}
@media (max-width: 767px) {
  .g-subnav__list .g-subnav__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-top: 2.666vw;
    padding-bottom: 2.666vw;
    line-height: 1;
    letter-spacing: 0.02em;
  }
}

@media not all and (max-width: 767px) {
  .g-subnav__item {
    position: relative;
    font-size: 1.2rem;
    border-bottom: 1px solid #d6d6d6;
    transition: border-bottom ease 0.2s;
  }
  .g-subnav__item:hover {
    color: #156dac;
    border-bottom: 1px solid #156dac;
  }
}

@media not all and (max-width: 767px) {
  .g-subnav__link {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media not all and (max-width: 767px) {
  .g-subnav__icon {
    position: absolute;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
    margin-left: auto;
    background-color: #156dac;
    border-radius: 50%;
    transform: scale(1);
    transition: transform ease 0.1s;
  }
  .g-subnav__item:hover .g-subnav__icon {
    transform: scale(1.22);
  }
  .g-subnav__icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 7px;
    background: url(/kanto/images/common/white-triangle-icon.svg) no-repeat center center/contain;
  }
  .g-subnav__item:hover .g-subnav__icon::before {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .g-subnav__icon {
    position: relative;
    content: "";
    display: flex;
    align-items: center;
    width: 4.8757vw;
    height: 4.8757vw;
    border-radius: 50%;
    background-color: #156dac;
  }
  .g-subnav__icon::after {
    position: absolute;
    left: 1.6vw;
    content: "";
    display: block;
    width: 2.1328vw;
    height: 1.8662vw;
    background: url(/kanto/images/common/white-triangle-icon.svg) no-repeat center center/contain;
  }
}

@media (max-width: 767px) {
  .header-hide-nav__cover {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    transition: all ease 0.3s;
    z-index: 0;
  }
}

@media (max-width: 767px) {
  .header__content.active + .header-hide-nav__cover {
    opacity: 0.41;
    visibility: visible;
  }
}

/*============================
.main
============================*/
.main {
  padding-top: 100px;
}
@media (max-width: 767px) {
  .main {
    padding-top: 16.5vw;
  }
}

/*============================
.footer
============================*/
.footer-inner {
  max-width: 1160px;
  margin-inline: auto;
  padding: 0 10px;
}

.footer-link {
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .footer-link {
    font-size: 5.5vw;
  }
}
.footer-link .footer-inner {
  max-width: none;
  padding: 0;
}

.footer-link-list {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer-link-list {
    flex-direction: column;
  }
}
.footer-link-list__item {
  width: 100%;
  height: 266px;
  transition: opacity 0.3s linear;
}
@media (max-width: 767px) {
  .footer-link-list__item {
    height: 36.5333333333vw;
  }
}
.footer-link-list__item:nth-of-type(1) {
  background-color: #bde3ff;
}
.footer-link-list__item:nth-of-type(2) {
  background-color: #f1f9ff;
}
.footer-link-list__item:hover {
  opacity: 0.75;
}

.footer-link-list-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 530px;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .footer-link-list-card {
    display: flex;
    align-items: center;
    max-width: none;
    margin-right: auto;
    margin-left: unset;
  }
}
.footer-link-list-card.t-search {
  margin-left: auto;
}
.footer-link-list-card__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding-top: 42px;
  padding-bottom: 44px;
}
@media (max-width: 767px) {
  .footer-link-list-card__link {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-left: 5.0666666667vw;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.footer-link-list-card__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer-link-list-card__img {
    flex: 0 0 auto;
    width: 20.5333333333vw;
    height: 20.5333333333vw;
  }
}
.footer-link-list-card__img img {
  display: block;
}
.footer-link-list-card__img.t-search {
  background-color: #fff;
  border-radius: 50%;
}
@media not all and (max-width: 767px) {
  .footer-link-list-card__img.t-search {
    width: 113px;
    height: 113px;
    margin-bottom: 13px;
  }
}
.footer-link-list-card__img.t-search img {
  width: 64px;
  height: 64px;
}
@media (max-width: 767px) {
  .footer-link-list-card__img.t-search img {
    width: 11.632vw;
    height: 11.632vw;
  }
}
.footer-link-list-card__img.t-line {
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .footer-link-list-card__img.t-line {
    margin-bottom: 0;
  }
}
.footer-link-list-card__img.t-line img {
  width: 100%;
}

.footer-link-list-card__desc {
  text-align: center;
  white-space: nowrap;
}

@media not all and (max-width: 767px) {
  .footer-link-list-card__content {
    line-height: 25px;
    margin-top: auto;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .footer-link-list-card__content {
    flex: 0 1 auto;
    width: 100%;
  }
}

.footer-contact {
  padding-top: 10px;
  padding-bottom: 32px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .footer-contact {
    padding-top: 8.5333333333vw;
    padding-bottom: 10.1333333333vw;
  }
}
.footer-contact .footer-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer-contact .footer-inner {
    display: block;
  }
}
.footer-contact__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 209px;
  height: 63px;
  margin-right: 19px;
  margin-top: 15px;
  border: 1px solid #707070;
  font-size: 18px;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .footer-contact__ttl {
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .footer-contact__ttl {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.8vw;
    border: none;
    font-size: 4.8vw;
  }
}

.footer-contact__tel {
  display: block;
  margin-right: 22px;
  line-height: 1;
  font-size: 70px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .footer-contact__tel {
    margin-right: 0;
    margin-bottom: 1vw;
    font-size: 11.4666666667vw;
  }
}
.footer-contact__tel a {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .footer-contact__tel a {
    justify-content: center;
  }
}
.footer-contact__tel a::before {
  content: "";
  display: block;
  width: 45px;
  height: 64px;
  translate: 0 7px;
  background: url(/kanto/images/common/tel-icon.svg) no-repeat center center/contain;
}
@media not all and (max-width: 767px) {
  .footer-contact__tel a::before {
    translate: 0 7px;
  }
}
@media (max-width: 767px) {
  .footer-contact__tel a::before {
    width: 7.6346666667vw;
    height: 10.792vw;
    margin-right: 3.4666666667vw;
    translate: 0 0.5333333333vw;
  }
}

.footer-contact-time {
  display: flex;
  margin-top: 5px;
  font-size: 20px;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .footer-contact-time {
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .footer-contact-time {
    justify-content: center;
    margin-top: 4.8vw;
    font-size: 4.8vw;
  }
}
.footer-contact-time::before {
  content: "";
  display: block;
  width: 2px;
  height: 44px;
  margin-top: 2px;
  margin-right: 16px;
  background-color: #333;
}
@media (max-width: 767px) {
  .footer-contact-time::before {
    display: none;
  }
}
.footer-contact-time-list__item > span {
  display: inline-block;
  min-width: 3.06em;
}

.footer-nav {
  background-color: #e6e6e6;
  padding: 40px 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  .footer-nav {
    padding: 10.6667vw 0;
    font-size: 3.4666666667vw;
  }
}

.footer-nav-list {
  display: flex;
  max-width: 1130px;
  margin-inline: auto;
  padding: 0 10px;
  gap: 0 30px;
}
@media (max-width: 767px) {
  .footer-nav-list {
    display: grid;
    grid-template-columns: 42.6666666667vw 1fr;
    gap: 3.5vw 0;
    width: 82.6666666667vw;
    margin-inline: auto;
  }
}
.footer-nav-list__item {
  color: #333;
}
@media (max-width: 767px) {
  .footer-nav-list__item:nth-child(5) {
    display: contents;
  }
  .footer-nav-list__item:nth-child(5) .footer-nav-sub-list {
    display: contents;
  }
  .footer-nav-list__item:nth-child(5) .footer-nav-sub-list__item:not(:last-child) {
    display: none;
  }
  .footer-nav-list__item:nth-child(5) .footer-nav-sub-list__item:last-child {
    grid-row: 5/6;
    grid-column: 1/2;
  }
}
.footer-nav-list__item.t-info {
  display: flex;
}
@media (max-width: 767px) {
  .footer-nav-list__item.t-info {
    display: contents;
    flex-direction: column;
  }
}

.footer-nav-list__ttl {
  margin-bottom: 7px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .footer-nav-list__ttl {
    margin-bottom: 0;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .footer-nav-list__link {
    display: block;
    letter-spacing: 0.02em;
  }
}
.footer-nav-list__link:hover {
  text-decoration: underline;
  text-underline-offset: 0.4em;
  text-decoration-thickness: 1px;
}
.footer-nav-list__link.t-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 145px;
}
@media (max-width: 767px) {
  .footer-nav-list__link.t-info {
    max-width: none;
  }
}
.footer-nav-list__link.t-info::after {
  content: "";
  display: block;
  width: 14px;
  height: 15px;
  margin-left: 5px;
  background: url(/kanto/images/common/link-icon.png) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .footer-nav-list__link.t-info::after {
    width: 4vw;
    height: 4vw;
    margin-left: 1vw;
  }
}
.footer-nav-list__link.t-bnr {
  transition: 0.25s opacity;
}
.footer-nav-list__link.t-bnr:hover {
  opacity: 0.75;
}

@media (max-width: 767px) {
  .footer-nav-sub-list {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-nav-sub-list.t-info {
    display: contents;
  }
}
.footer-nav-sub-list.t-info:not(:last-of-type) {
  margin-right: 35px;
}
@media (max-width: 767px) {
  .footer-nav-sub-list.t-info:not(:last-of-type) {
    margin-right: 0;
  }
}
.footer-nav-sub-list__item:not(:last-of-type) {
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .footer-nav-sub-list__item:not(:last-of-type) {
    margin-bottom: 2.4vw;
  }
}
@media not all and (max-width: 767px) {
  .footer-nav-sub-list__item.t-bnr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px 0;
    width: 220px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .footer-nav-sub-list.t-info .footer-nav-sub-list__item {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .footer-nav-sub-list.t-info:nth-child(1) .footer-nav-sub-list__item:nth-child(1) {
    font-weight: 700;
    margin-bottom: 1em;
  }
}
@media (max-width: 767px) {
  .footer-nav-sub-list.t-info:nth-child(2) .footer-nav-sub-list__item:nth-child(1) {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-nav-sub-list.t-info:nth-child(2) .footer-nav-sub-list__item:nth-child(2) {
    grid-row: 4/5;
    grid-column: 2/3;
  }
}

.footer-sticky {
  z-index: 9999;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(241, 249, 255, 0.9);
  text-align: center;
  translate: 0 100%;
  transition: translate 0.8s ease;
}

@media (min-width: 768px) {
  .footer-sticky {
    padding-block: 32px;
  }
}
@media (max-width: 767px) {
  .footer-sticky {
    padding-block: 4vw;
  }
}
@media (orientation: landscape) and (any-hover: none) {
  .footer-sticky {
    padding-block: 1vw;
  }
}
.footer-sticky.is-active {
  translate: 0 0;
}

.footer-sticky_inner {
  position: relative;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .footer-sticky_inner {
    padding-inline: 70px;
    max-width: 1200px;
  }
}
.footer-sticky_link {
  display: inline-block;
  filter: brightness(1);
  transition: filter ease 0.3s;
}

@media (min-width: 768px) {
  .footer-sticky_link {
    display: block;
    max-width: 247px;
  }
  .footer-sticky:has(.footer-sticky_bnr[data-num="2"]) .footer-sticky_link {
    width: calc((100% - 32px) / 2);
  }
  .footer-sticky:has(.footer-sticky_bnr[data-num="3"]) .footer-sticky_link {
    width: calc((100% - 64px) / 3);
  }
}
@media (max-width: 767px) {
  .footer-sticky_link {
    width: 52vw;
  }
}
@media (orientation: landscape) and (any-hover: none) {
  .footer-sticky_link {
    width: 20vw;
  }
}
@media (any-hover: hover) and (any-pointer: fine) {
  .footer-sticky_link:hover {
    filter: brightness(1.05);
  }
}
@media (max-width: 767px) {
  .footer-sticky_link:not(:last-of-type) {
    display: none;
  }
}
.footer-sticky_btn {
  display: block;
  position: absolute;
  border-radius: 100vw;
  background-color: #146DAC;
  z-index: 1;
}

@media (min-width: 768px) {
  .footer-sticky_btn {
    top: -18px;
    right: 5%;
    width: 38px;
    height: 38px;
  }
  .footer-sticky:has(.footer-sticky_bnr[data-num="1"]) .footer-sticky_btn {
    right: auto;
    left: calc(50% + 163px);
  }
  .footer-sticky:has(.footer-sticky_bnr[data-num="2"]) .footer-sticky_btn {
    right: auto;
    left: calc(50% + 320px);
  }
}
@media (max-width: 767px) {
  .footer-sticky_btn {
    top: -1.75vw;
    right: 5vw;
    width: 8vw;
    height: 8vw;
  }
}
@media (orientation: landscape) and (any-hover: none) {
  .footer-sticky_btn {
    top: 0;
    right: 0;
    width: 5vw;
    height: 5vw;
  }
}
.footer-sticky_btn::before,
.footer-sticky_btn::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  background-color: #fff;
}

@media (min-width: 768px) {
  .footer-sticky_btn::before,
  .footer-sticky_btn::after {
    width: 22px;
    height: 2px;
  }
}
@media (max-width: 767px) {
  .footer-sticky_btn::before,
  .footer-sticky_btn::after {
    width: 5vw;
    height: 2px;
    translate: -0.1vw -0.25vw;
  }
}
.footer-sticky_btn::before {
  rotate: -45deg;
}

.footer-sticky_btn::after {
  rotate: 45deg;
}

@media (orientation: landscape) and (any-hover: none) {
  .footer-sticky_btn::before,
  .footer-sticky_btn::after {
    width: 3vw;
    height: 2px;
    translate: 0.1vw -0.1vw;
  }
}
@media (min-width: 768px) {
  .footer-sticky_bnr {
    display: flex;
    justify-content: center;
    gap: 32px;
  }
}
.footer-bnr-aria {
  background-color: #e6e6e6;
}
@media (max-width: 767px) {
  .footer-bnr-aria_inner {
    margin: 0 5.5vw;
    border-bottom: 2px solid #BABABA;
    padding-top: 10.6667vw;
    padding-bottom: 10.6667vw;
  }
}

.footer-bnr-list {
  display: none;
}
@media (max-width: 767px) {
  .footer-bnr-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8vw 0;
    max-width: 41vw;
    margin-inline: auto;
  }
}

.footer-bnr {
  display: block;
}

.btn-page-top {
  display: none;
}
@media (max-width: 767px) {
  .btn-page-top {
    --_arrow-size: 5.2vw;
    --_arrow-bd-w: 0.6vw;
    position: relative;
    display: block;
    width: 100%;
    height: 12.2667vw;
    display: block;
    background: #bababa;
  }
}
.btn-page-top:before {
  position: absolute;
  inset: 0;
  display: block;
  width: var(--_arrow-size);
  height: var(--_arrow-size);
  margin: auto;
  border-top: max(var(--_arrow-bd-w), 2px) solid #fff;
  border-right: max(var(--_arrow-bd-w), 2px) solid #fff;
  rotate: -45deg;
  transform: skew(4deg, 4deg);
  translate: 0 25%;
  content: "";
}

@media (min-width: 768px) {
  .transcosmos-info {
    padding-block: 50px;
  }
}
@media (max-width: 767px) {
  .transcosmos-info {
    padding-block: 10vw;
  }
}
.transcosmos-info--vertical {
  padding-block: 0;
}

@media (min-width: 768px) {
  .transcosmos-info--vertical {
    max-width: 820px;
    margin-inline: auto;
  }
}
.transcosmos-info_row {
  display: grid;
}

@media (min-width: 768px) {
  .transcosmos-info_row {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .transcosmos-info--vertical .transcosmos-info_row {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 40px;
  }
}
@media (max-width: 767px) {
  .transcosmos-info_row {
    grid-template-columns: 1fr;
    row-gap: 7vw;
  }
}
.transcosmos-info_external-link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-size: 14px;
}

@media (max-width: 767px) {
  .transcosmos-info_external-link {
    font-size: 3.8vw;
  }
}
.transcosmos-info_external-link:before {
  content: "[";
}

.transcosmos-info_external-link:after {
  content: "]";
}

.transcosmos-info_external-link > span {
  display: inline-flex;
  align-items: center;
  margin-top: 1em;
  margin-inline: 0.2em;
  color: #e60013;
}

@media (max-width: 767px) {
  .transcosmos-info_external-link > span {
    margin-inline: 1vw;
    margin-top: 0.5em;
  }
}
.transcosmos-info_external-link > span:after {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.2em;
  background: url(/kanto/images/common/icon-other-window-red.png) center/contain no-repeat;
  content: "";
}

/*============================
.sec-head-ttl
============================*/
.sec-head-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  color: #156dac;
  font-size: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .sec-head-ttl {
    margin-bottom: 3vw;
    letter-spacing: 0.02em;
    font-size: 5.6vw;
  }
}
.sec-head-ttl > span {
  flex: 0 0 auto;
  display: block;
}
.sec-head-ttl::before, .sec-head-ttl::after {
  content: "";
  flex: 1 1 auto;
  display: block;
  max-width: 80px;
  height: 4px;
  background-color: #156dac;
}
@media (max-width: 767px) {
  .sec-head-ttl::before, .sec-head-ttl::after {
    max-width: 7.4666666667vw;
    height: 0.5333333333vw;
  }
}
.sec-head-ttl::before {
  margin-right: 25px;
}
@media (max-width: 767px) {
  .sec-head-ttl::before {
    margin-right: 3.2vw;
  }
}
.sec-head-ttl::after {
  margin-left: 25px;
}
@media (max-width: 767px) {
  .sec-head-ttl::after {
    margin-left: 3.2vw;
  }
}
@media (max-width: 767px) {
  .sec-head-ttl.t-person::before {
    width: 14vw;
  }
}

.btn {
  --btn-c: #156dac;
  --btn-bg-c: #fff;
  --btn-translate: 0 0;
  --btn-bd-c: #156dac;
  --btn-hover-c: #fff;
  --btn-hover-bg-c: #156dac;
  --btn-hover-translate: 0 0;
  --btn-arr-c: var(--btn-bg-c);
  position: relative;
  display: block;
  border-radius: 9999px;
  color: var(--btn-c);
}
@media not all and (max-width: 767px) {
  .btn {
    --btn-bd-w: 3px;
    height: 89px;
    font-size: 2.7rem;
  }
}
@media (max-width: 767px) {
  .btn {
    --btn-bd-w: calc(3 / 375 * 100vw);
    width: 70.6666666667vw;
    height: 12.2666666667vw;
    margin-inline: auto;
    font-size: 3.7333333333vw;
  }
}
.btn:hover {
  --btn-c: var(--btn-hover-c);
  --btn-bg-c: var(--btn-hover-bg-c);
  --btn-translate: var(--btn-hover-translate);
  --btn-arr-c: var(--btn-bg-c);
}
@media not all and (max-width: 767px) {
  .btn--sm {
    height: 46px;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .btn--sm {
    font-size: 4.8vw;
  }
}

.btn--shadow {
  --btn-bg-c: transparent;
  --btn-hover-bg-c: transparent;
  --btn-arr-c: #fff;
}
@media not all and (max-width: 767px) {
  .btn--shadow {
    --btn-hover-translate: 10px 10px;
  }
}
@media (max-width: 767px) {
  .btn--shadow {
    --btn-hover-translate: calc(5 / 375 * 100vw) calc(5 / 375 * 100vw);
  }
}
@media not all and (max-width: 767px) {
  .btn--shadow:where(.btn--sm) {
    --btn-hover-translate: 6px 6px;
  }
}
.btn--shadow:hover {
  --btn-c: #156dac;
  --btn-arr-c: #fff;
}
.btn--shadow:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #f1f9ff;
  pointer-events: none;
  translate: var(--btn-hover-translate);
  content: "";
}

.btn__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: var(--btn-bd-w) solid var(--btn-bd-c);
  background-color: var(--btn-bg-c);
  border-radius: inherit;
  translate: var(--btn-translate);
  transition: 0.25s background-color linear, 0.25s color linear, 0.1s translate linear;
}

.btn__txt {
  flex: 1 1 auto;
  display: block;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.btn--sm .btn__txt {
  flex: 0 1 auto;
}
.btn__arrow {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  aspect-ratio: 1/1;
  background-color: currentColor;
  border-radius: 9999px;
  margin-left: 0;
  transition: 0.25s background-color linear;
}
@media not all and (max-width: 767px) {
  .btn__arrow {
    width: 1.0740740741em;
    margin-right: 34px;
  }
}
@media (max-width: 767px) {
  .btn__arrow {
    width: 3.9733333333vw;
    margin-right: 3.2vw;
  }
}
.btn--center .btn__arrow {
  position: absolute;
  right: 0;
  margin-block: auto;
}
.btn--sm .btn__arrow {
  margin-right: 0;
}
@media not all and (max-width: 767px) {
  .btn--sm .btn__arrow {
    width: 23px;
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .btn--sm .btn__arrow {
    width: 6.1333333333vw;
    margin-left: 8vw;
    margin-right: -5.0666666667vw;
    /*
    width: calc(14.9 / 14 * 1em);
    margin-right: calc((18 - 6) / 375 * 100vw);
    */
  }
}
.btn__arrow:before {
  display: block;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: var(--btn-arr-c);
  translate: 5% 0;
  transition: 0.25s background-color linear;
  content: "";
}
@media not all and (max-width: 767px) {
  .btn__arrow:before {
    width: 0.4177777778em;
    height: 0.4644444444em;
  }
}
@media (max-width: 767px) {
  .btn__arrow:before {
    width: 0.4142857143em;
    height: 0.46em;
  }
}

/*============================
breadcrumb
============================*/
.breadcrumb {
  margin-bottom: 100px;
  background-color: #74d7ee;
}
@media (max-width: 767px) {
  .breadcrumb {
    margin-bottom: 6vw;
    letter-spacing: 0;
  }
}
@media not all and (max-width: 767px) {
  .breadcrumb.t-person01 {
    margin-bottom: 47px;
  }
}
@media not all and (max-width: 767px) {
  .breadcrumb.t-person02 {
    margin-bottom: 25px;
  }
}
@media not all and (max-width: 767px) {
  .breadcrumb.t-person03 {
    margin-bottom: 25px;
  }
}
@media not all and (max-width: 767px) {
  .breadcrumb.t-person04 {
    margin-bottom: 25px;
  }
}

.breadcrumb-list {
  display: flex;
  align-items: center;
  padding: 10px 0;
  color: #fff;
}
@media (max-width: 767px) {
  .breadcrumb-list {
    flex-wrap: wrap;
    padding: 1.6vw 0;
  }
}
.breadcrumb-list__item {
  display: flex;
  align-items: center;
  font-size: 15px;
}
@media (max-width: 767px) {
  .breadcrumb-list__item {
    font-size: 3.7333333333vw;
  }
}
.breadcrumb-list__item:not(:last-of-type) {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .breadcrumb-list__item:not(:last-of-type) {
    margin-right: 3.1333333333vw;
  }
}
.breadcrumb-list__item:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  rotate: -45deg;
}
@media (max-width: 767px) {
  .breadcrumb-list__item:not(:last-of-type)::after {
    width: 2vw;
    height: 2vw;
  }
}
.breadcrumb-list__item:not(:last-of-type) span {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .breadcrumb-list__item:not(:last-of-type) span {
    margin-right: 1.1333333333vw;
  }
}
.breadcrumb-list__item:first-of-type a {
  display: flex;
}
@media (max-width: 767px) {
  .breadcrumb-list__item:first-of-type img {
    width: 5vw;
    height: 5vw;
  }
}

.recommend-box {
  position: relative;
  margin-inline: auto;
  border: #156dac solid;
}
@media not all and (max-width: 767px) {
  .recommend-box {
    padding-top: 76px;
    padding-bottom: 40px;
    margin-top: 132px;
    margin-bottom: 60px;
    border-width: 5px;
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  .recommend-box {
    margin-top: 16.5333333333vw;
    margin-bottom: 10vw;
    padding-top: 5.8666666667vw;
    padding-bottom: 4.8vw;
    border-width: 0.8vw;
    border-radius: 2.6666666667vw;
  }
}
.recommend-box.recommend-box--motivation {
  padding-bottom: 0;
}
.recommend-box:before, .recommend-box:after {
  top: 0;
  position: absolute;
  display: block;
  background: top center/contain no-repeat;
  content: "";
}
@media not all and (max-width: 767px) {
  .recommend-box:before, .recommend-box:after {
    top: 50%;
    translate: 0 -59%;
  }
}
@media (max-width: 767px) {
  .recommend-box:before, .recommend-box:after {
    width: 4.1669333333vw;
    height: 100%;
    background-size: 100% auto;
  }
}
.recommend-box:before {
  right: 100%;
}
@media not all and (max-width: 767px) {
  .recommend-box:before {
    width: 238px;
    height: 530px;
    margin-right: 56px;
    background-image: url(/kanto/images/common/confetti-left-bg.png);
  }
}
@media (max-width: 767px) {
  .recommend-box:before {
    background-image: url(/kanto/images/common/confetti-left-bg-job-sp.png);
  }
}
.recommend-box:after {
  left: 100%;
}
@media not all and (max-width: 767px) {
  .recommend-box:after {
    width: 217px;
    height: 526px;
    margin-left: 56px;
    background-image: url(/kanto/images/common/confetti-right-bg.png);
  }
}
@media (max-width: 767px) {
  .recommend-box:after {
    background-image: url(/kanto/images/common/confetti-right-bg--job-sp.png);
  }
}
@media (max-width: 767px) {
  .recommend-box--process:before {
    margin-top: 9.3333333333vw;
    margin-right: 1.3333333333vw;
    background-image: url(/kanto/images/common/confetti-left-bg-process-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--process:after {
    margin-top: 9.3333333333vw;
    margin-left: 1.3333333333vw;
    background-image: url(/kanto/images/common/confetti-right-bg-process-sp.svg);
  }
}

@media (max-width: 767px) {
  .recommend-box--tips:before {
    margin-top: 9.3333333333vw;
    margin-right: 1.3333333333vw;
    background-image: url(/kanto/images/common/confetti-left-bg-tips-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--tips:after {
    width: 4.4837333333vw;
    margin-top: 9.3333333333vw;
    margin-left: 1.3333333333vw;
    background-image: url(/kanto/images/common/confetti-right-bg-tips-sp.svg);
  }
}

@media (max-width: 767px) {
  .recommend-box--motivation::before {
    width: 4.168vw;
    margin-top: 9.3333333333vw;
    margin-right: 1.3333333333vw;
    background-image: url(/kanto/images/work/job/confetti-left-bg-job-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--motivation::after {
    width: 4.168vw;
    margin-top: 9.3333333333vw;
    margin-left: 1.3333333333vw;
    background-image: url(/kanto/images/work/job/confetti-right-bg-job-sp.svg);
  }
}

@media not all and (max-width: 767px) {
  .recommend-box--company {
    padding-bottom: 40px;
    margin-top: 200px;
  }
}
@media (max-width: 767px) {
  .recommend-box--company {
    margin-top: 25.0666666667vw;
  }
}
.recommend-box--company:before, .recommend-box--company:after {
  z-index: 2;
}
@media not all and (max-width: 767px) {
  .recommend-box--company:before, .recommend-box--company:after {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .recommend-box--company::before {
    width: 16.6906666667vw;
    margin-top: -12.2666666667vw;
    margin-right: -10.6666666667vw;
  }
}
@media (max-width: 767px) {
  .recommend-box--company::after {
    width: 16.6906666667vw;
    margin-top: -12.2666666667vw;
    margin-left: -10.6666666667vw;
  }
}

@media (max-width: 767px) {
  .recommend-box--komagome:before {
    background-image: url(/kanto/images/company/komagome/confetti-left-bg-komagome-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--komagome:after {
    background-image: url(/kanto/images/company/komagome/confetti-right-bg-komagome-sp.svg);
  }
}

@media (max-width: 767px) {
  .recommend-box--ikebukuro {
    padding-bottom: 20vw;
    margin-bottom: 20vw;
  }
}
@media (max-width: 767px) {
  .recommend-box--ikebukuro:before {
    background-image: url(/kanto/images/company/ikebukuro/confetti-left-bg-ikebukuro-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--ikebukuro:after {
    background-image: url(/kanto/images/company/ikebukuro/confetti-right-bg-ikebukuro-sp.svg);
  }
}

@media (max-width: 767px) {
  .recommend-box--ikebukuro_east:before {
    width: 17.9146666667vw;
    background-image: url(/kanto/images/company/ikebukuro_east/confetti-left-bg-ikebukuro_east-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--ikebukuro_east:after {
    width: 18.4853333333vw;
    background-image: url(/kanto/images/company/ikebukuro_east/confetti-right-bg-ikebukuro_east-sp.svg);
  }
}

@media (max-width: 767px) {
  .recommend-box--tama:before {
    width: 17.952vw;
    background-image: url(/kanto/images/company/tama/confetti-left-bg-tama-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--tama:after {
    width: 17.3466666667vw;
    background-image: url(/kanto/images/company/tama/confetti-right-bg-tama-sp.svg);
  }
}

@media (max-width: 767px) {
  .recommend-box--yokohama {
    padding-bottom: 8.8vw;
  }
}
@media (max-width: 767px) {
  .recommend-box--yokohama:before {
    width: 15.7893333333vw;
    margin-top: -12.2666666667vw;
    margin-right: -9.3333333333vw;
    background-image: url(/kanto/images/company/yokohama/confetti-left-bg-yokohama-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--yokohama:after {
    width: 16.032vw;
    margin-top: -12.2666666667vw;
    margin-right: -9.3333333333vw;
    background-image: url(/kanto/images/company/yokohama/confetti-right-bg-yokohama-sp.svg);
  }
}

@media (max-width: 767px) {
  .recommend-box--chiba_ichikawa {
    padding-bottom: 8.8vw;
  }
}
@media (max-width: 767px) {
  .recommend-box--chiba_ichikawa:before {
    width: 17.6853333333vw;
    margin-top: -12.2666666667vw;
    margin-right: -9.3333333333vw;
    background-image: url(/kanto/images/company/chiba_ichikawa/confetti-left-bg-chiba_ichikawa-sp.svg);
  }
}
@media (max-width: 767px) {
  .recommend-box--chiba_ichikawa:after {
    width: 16.736vw;
    margin-top: -12.2666666667vw;
    margin-right: -9.3333333333vw;
    background-image: url(/kanto/images/company/chiba_ichikawa/confetti-right-bg-chiba_ichikawa-sp.svg);
  }
}

.recommend-box__inner {
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .recommend-box__inner {
    max-width: 1000px;
  }
}
@media (max-width: 767px) {
  .recommend-box__inner {
    max-width: 80vw;
  }
}
.recommend-box__inner.company-ikebukuro {
  position: relative;
}
.recommend-box__inner.company-ikebukuro::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  bottom: -110px;
  right: -166px;
  width: 164px;
  height: 228px;
  background: url(/kanto/images/company/ikebukuro/santa-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .recommend-box__inner.company-ikebukuro::after {
    bottom: -34vw;
    right: -8vw;
    width: 22.9386666667vw;
    height: 31.984vw;
    background: url(/kanto/images/company/ikebukuro/santa-icon-sp.png) no-repeat center/contain;
  }
}

.recommend-box__head-img {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .recommend-box__head-img {
    margin-bottom: 2vw;
    order: 2;
  }
}
.recommend-box__head-img-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .recommend-box__head-img-list {
    flex-direction: column;
    text-align: center;
    margin-top: 2vw;
  }
}
@media (max-width: 767px) {
  .recommend-box--ikebukuro .recommend-box__head-img-list {
    flex-direction: column-reverse;
  }
}
@media not all and (max-width: 767px) {
  .recommend-box--ikebukuro_east .recommend-box__head-img-list {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .recommend-box__head-img-list__item picture > img {
    max-width: 90%;
  }
}

@media not all and (max-width: 767px) {
  .recommend-box__main {
    display: flex;
  }
}
.recommend-box--yokohama .recommend-box__main {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .recommend-box--yokohama .recommend-box__main {
    margin-bottom: 6vw;
  }
}
.recommend-box--no-flex .recommend-box__main {
  display: block;
}
@media (max-width: 767px) {
  .recommend-box--company .recommend-box__main {
    display: flex;
    flex-direction: column;
  }
}
.recommend-box__main--one-column {
  display: flex;
  flex-direction: column-reverse;
}

@media not all and (max-width: 767px) {
  .recommend-box__content {
    flex: 0 0 auto;
    width: 510px;
    margin-right: 80px;
  }
  .recommend-box__main--one-column .recommend-box__content {
    width: 100%;
    margin-right: 0;
  }
  .recommend-box--company .recommend-box__content {
    width: 590px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .recommend-box--company .recommend-box__content {
    display: contents;
  }
}
.recommend-box--no-flex .recommend-box__content {
  width: 100%;
}

@media not all and (max-width: 767px) {
  .recommend-box__img {
    flex: 0 1 auto;
    margin-left: auto;
  }
  .recommend-box--company .recommend-box__img {
    flex: 0 0 auto;
    margin-left: unset;
  }
}
@media (max-width: 767px) {
  .recommend-box__img {
    margin-top: 4.2666666667vw;
    margin-bottom: 5.3333333333vw;
    margin-inline: auto;
  }
  .recommend-box--process .recommend-box__img {
    width: 57.0666666667vw;
  }
  .recommend-box--company .recommend-box__img {
    order: 2;
    margin-bottom: 2vw;
  }
  .recommend-box--motivation .recommend-box__img {
    margin: 0;
  }
}
@media not all and (max-width: 767px) {
  .recommend-box__main--one-column .recommend-box__img {
    margin-left: 0;
    margin-bottom: 52px;
  }
}
@media (max-width: 767px) {
  .recommend-box__main--one-column .recommend-box__img {
    margin-top: 0;
    margin-bottom: 3.4666666667vw;
  }
}
@media not all and (max-width: 767px) {
  .recommend-box--process .recommend-box__img img {
    translate: -39px -6px;
  }
}
.recommend-box--motivation .recommend-box__img img {
  translate: -17px -31px;
}
@media (max-width: 767px) {
  .recommend-box--motivation .recommend-box__img img {
    translate: -4vw 0;
  }
}

.recommend-box__insta {
  background-color: #F1F9FF;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  border-radius: 16px;
  transition: 0.25s opacity linear;
}
@media (max-width: 767px) {
  .recommend-box__insta {
    font-size: 4vw;
    border-radius: 2.6666666667vw;
  }
}
.recommend-box__insta:hover {
  opacity: 0.8;
}
.recommend-box__insta > p {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .recommend-box__insta > p {
    margin-right: 5vw;
  }
}
.recommend-box__insta-icon {
  background-color: #fff;
  padding: 12px;
}
@media (max-width: 767px) {
  .recommend-box__insta-icon {
    padding: 3vw;
  }
}
@media (max-width: 767px) {
  .recommend-box__insta-icon picture > img {
    width: 10.264vw;
    height: 10.264vw;
  }
}

.recommend-box__main-ttl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: -0.2em;
  background-color: #fff;
  line-height: 1.16;
  font-weight: 700;
  text-align: center;
  color: #156dac;
  translate: 0 -50%;
}
@media not all and (max-width: 767px) {
  .recommend-box__main-ttl {
    font-size: 4rem;
  }
}
@media (max-width: 767px) {
  .recommend-box__main-ttl {
    max-width: 73vw;
    font-size: 4vw;
  }
}
.recommend-box__main-ttl:before, .recommend-box__main-ttl:after {
  display: block;
  flex: 0 1 auto;
  content: "";
}
@media not all and (max-width: 767px) {
  .recommend-box__main-ttl:before, .recommend-box__main-ttl:after {
    width: 70px;
  }
}
@media (max-width: 767px) {
  .recommend-box__main-ttl:before, .recommend-box__main-ttl:after {
    width: 8.5333333333vw;
  }
}
.recommend-box__main-ttl > span {
  display: block;
  flex: 0 0 auto;
  max-width: 100%;
}
.recommend-box--company .recommend-box__main-ttl {
  flex-direction: column;
  align-items: center;
  margin-top: -0.5em;
  margin-bottom: 15px;
  padding-inline: 60px;
  color: #333;
  font-size: 3rem;
}
@media (max-width: 767px) {
  .recommend-box--company .recommend-box__main-ttl {
    padding-inline: 6.4vw;
    margin-bottom: -1vw;
    margin-top: -1.5em;
    font-size: 2.9333333333vw;
  }
}

.recommend-box--company .recommend-box__main-ttl-txt {
  position: relative;
  z-index: 1;
  margin-left: 30px;
  margin-bottom: -8px;
}
@media (max-width: 767px) {
  .recommend-box--company .recommend-box__main-ttl-txt {
    margin-left: 0;
    margin-bottom: -1vw;
  }
}

@media (max-width: 767px) {
  .recommend-box__main-ttl-img {
    width: 56vw;
  }
}

.recommend-box__sub-ttl {
  font-weight: 700;
  color: #156dac;
}
@media not all and (max-width: 767px) {
  .recommend-box__sub-ttl {
    margin-bottom: 30px;
    line-height: 1.1;
    font-size: 4rem;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .recommend-box__sub-ttl {
    margin-bottom: 3.2vw;
    line-height: 1.4;
    font-size: 5.6vw;
    letter-spacing: 0.02em;
  }
  .recommend-box--company .recommend-box__sub-ttl {
    order: 1;
    margin-bottom: 0;
    font-size: 5.4vw;
  }
}

.recommend-box__desc {
  position: relative;
  z-index: 1;
  line-height: var(--desc-lh);
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .recommend-box__desc {
    --desc-lh: 2em;
    --desc-stroke-width: 2px;
    --desc-stroke-dasharray: 16px;
    --desc-stroke-position: 0 -6px;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .recommend-box__desc {
    --desc-lh: 1.75em;
    --desc-stroke-width: 2px;
    --desc-stroke-dasharray: calc(12 / 375 * 100vw);
    --desc-stroke-position: 0 calc(-2 / 375 * 100vw);
    font-size: 3.7333333333vw;
  }
  .recommend-box--company .recommend-box__desc {
    order: 3;
  }
  .recommend-box--motivation .recommend-box__desc {
    z-index: 0;
  }
}
.recommend-box__desc:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: calc(100% + 0.3em);
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #bee2e2 var(--desc-stroke-width), #fff var(--desc-stroke-width));
  background-size: calc(var(--desc-stroke-dasharray)) 100%, 100% var(--desc-lh);
  background-position: var(--desc-stroke-position);
  content: "";
}

@media not all and (max-width: 767px) {
  .recommend-box__sub {
    margin-top: 56px;
  }
  .recommend-box--company .recommend-box__sub {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .recommend-box__sub {
    margin-top: 5.3333333333vw;
  }
  .recommend-box--company .recommend-box__sub {
    margin-top: 7vw;
  }
}

/*============================
.mv
============================*/
.mv {
  position: relative;
  width: 100%;
  margin-bottom: 70px;
  background: url(/kanto/images/top/mv-bg.png) no-repeat center bottom/cover;
}
@media (max-width: 767px) {
  .mv {
    margin-bottom: 11.7333333333vw;
    background: url(/kanto/images/top/mv-bg-sp.png) no-repeat top center/cover;
  }
}
.mv__inner {
  max-width: 1400px;
  margin-inline: auto;
}

.mv__ttl {
  padding: 55px;
  margin-bottom: -20px;
  text-align: center;
}
@media (max-width: 767px) {
  .mv__ttl {
    padding: 10vw 7vw 0 5vw;
    margin-bottom: 10vw;
  }
  .mv__ttl img {
    max-width: 81.8462vw;
  }
}

.mv__bg,
.second-mv__bg,
.third-mv__bg {
  display: none;
}

.mv-slider:not(.slick-initialized) .mv-slider__item:nth-child(n+2) {
  display: none;
}
.mv-slider__item img {
  margin-inline: auto;
}
@media (max-width: 767px) {
  .mv-slider__item img {
    display: block;
    width: 78vw;
  }
}

.special-mv {
  max-width: 1100px;
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .special-mv + .job-info {
    margin-top: 80px;
  }
}
.special-mv__img {
  display: block;
}

/*============================
.second-mv
============================*/
.second-mv {
  position: relative;
  width: 100%;
  margin-bottom: 87px;
  background: url(/kanto/images/common/second-mv.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .second-mv {
    margin-bottom: 2vw;
    background: url(/kanto/images/common/second-mv-sp.png) no-repeat top center/cover;
  }
}
.second-mv.t-person {
  margin-bottom: 68px;
}
@media (max-width: 767px) {
  .second-mv.t-person {
    margin-bottom: 4vw;
  }
}
.second-mv__inner {
  max-width: 1120px;
  margin-inline: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.second-mv-content {
  position: relative;
  padding-top: 35px;
  padding-left: 187px;
}
@media (max-width: 767px) {
  .second-mv-content {
    padding-top: 5vw;
    padding-left: 12vw;
  }
}
.second-mv-content__img {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .second-mv-content__img {
    margin-top: 5vw;
  }
}

.second-mv-content-ttl {
  position: absolute;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 40px 0;
  background: no-repeat center/contain;
}
@media (max-width: 767px) {
  .second-mv-content-ttl {
    padding: 5vw 0;
  }
}
.second-mv-content-ttl__ja {
  font-size: 32px;
}
@media (max-width: 767px) {
  .second-mv-content-ttl__ja {
    font-size: 6vw;
  }
}

.second-mv-content-ttl__en {
  color: #156dac;
  font-size: 23px;
}
@media (max-width: 767px) {
  .second-mv-content-ttl__en {
    font-size: 4vw;
  }
}

.second-mv.t-work .second-mv-content-ttl {
  width: 342px;
  height: 185px;
  background-image: url(/kanto/images/work/top/work-speech-bubble.svg);
}
@media (max-width: 767px) {
  .second-mv.t-work .second-mv-content-ttl {
    width: 50vw;
    height: 25vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-work .second-mv-content-ttl__ja {
    font-size: 6vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-work .second-mv-content-ttl__en {
    font-size: 4vw;
  }
}
.second-mv.t-person .second-mv-content-ttl {
  width: 275px;
  height: 190px;
  background-image: url(/kanto/images/person/top/person-speech-bubble.svg);
}
@media (max-width: 767px) {
  .second-mv.t-person .second-mv-content-ttl {
    width: 36vw;
    height: 21vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-person .second-mv-content-ttl__ja {
    font-size: 4vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-person .second-mv-content-ttl__en {
    font-size: 3vw;
  }
}
.second-mv.t-company .second-mv-content-ttl {
  width: 370px;
  height: 190px;
  background-image: url(/kanto/images/company/top/company-speech-bubble.svg);
}
@media (max-width: 767px) {
  .second-mv.t-company .second-mv-content-ttl {
    width: 60vw;
    height: 28vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-company .second-mv-content-ttl__ja {
    font-size: 5vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-company .second-mv-content-ttl__en {
    font-size: 4vw;
  }
}
.second-mv.t-culture .second-mv-content-ttl {
  width: 380px;
  height: 190px;
  background-image: url(/kanto/images/culture/top/culture-speech-bubble.svg);
}
@media (max-width: 767px) {
  .second-mv.t-culture .second-mv-content-ttl {
    width: 57vw;
    height: 25vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-culture .second-mv-content-ttl .second-mv-content-ttl__ja {
    font-size: 5vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-culture .second-mv-content-ttl .second-mv-content-ttl__en {
    font-size: 4vw;
  }
}
.second-mv.t-recruit .second-mv-content-ttl {
  width: 355px;
  height: 190px;
  background-image: url(/kanto/images/recruit/top/recruit-speech-bubble.svg);
}
@media (max-width: 767px) {
  .second-mv.t-recruit .second-mv-content-ttl {
    width: 50vw;
    height: 25vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-recruit .second-mv-content-ttl__ja {
    font-size: 5vw;
  }
}
@media (max-width: 767px) {
  .second-mv.t-recruit .second-mv-content-ttl__en {
    font-size: 4vw;
  }
}

/*============================
.third-mv
============================*/
.third-mv {
  position: relative;
  width: 100%;
  background: url(/kanto/images/common/third-mv.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .third-mv {
    background: url(/kanto/images/common/third-mv-sp.png) no-repeat top center/cover;
  }
}
.third-mv__inner {
  max-width: 1120px;
  margin-inline: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.third-mv-content {
  position: relative;
  height: 265px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .third-mv-content {
    height: 27.7333333333vw;
    padding-top: 5vw;
  }
}
.third-mv-content.t-one-row {
  padding-top: 70px;
}
@media (max-width: 767px) {
  .third-mv-content.t-one-row {
    padding-top: 10vw;
  }
}

.third-mv-content-ttl {
  text-align: center;
}
.third-mv-content-ttl__sub {
  display: block;
  margin-bottom: 5px;
  font-size: 30px;
}
@media (max-width: 767px) {
  .third-mv-content-ttl__sub {
    margin-bottom: -2vw;
    font-size: 4vw;
  }
}

.third-mv-content-ttl__main {
  font-size: 50px;
}
@media (max-width: 767px) {
  .third-mv-content-ttl__main {
    font-size: 8vw;
  }
}

.third-mv-content-ttl__copy {
  display: block;
  font-size: 24px;
}
@media (max-width: 767px) {
  .third-mv-content-ttl__copy {
    margin-top: -0.2em;
    font-size: 3.4666666667vw;
    text-shadow: 1px 1px 1px #91e0f3, -1px -1px 1px #91e0f3;
  }
}

/*============================
.intro
============================*/
.intro {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .intro {
    margin-bottom: 9vw;
  }
}
.intro > .container {
  --container-width: 1136px;
  position: relative;
}
.intro > .container::before, .intro > .container::after {
  position: absolute;
  content: "";
  display: block;
  background: no-repeat center/contain;
}
@media (max-width: 767px) {
  .intro > .container::before, .intro > .container::after {
    display: none;
  }
}
.intro > .container::before {
  top: -22px;
  right: 100%;
  width: 238px;
  height: 530px;
  margin-right: 26px;
  background-image: url(/kanto/images/common/confetti-left-bg.png);
}
.intro > .container::after {
  top: -20px;
  left: 100%;
  width: 217px;
  height: 526px;
  margin-left: 44px;
  background-image: url(/kanto/images/common/confetti-right-bg.png);
}
.intro__inner {
  position: relative;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .intro__inner {
    margin-top: 2vw;
  }
}
.intro__inner::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 1101px;
  height: 21px;
  margin-top: -5px;
  background: url(/kanto/images/top/intro-botom-bg.png) no-repeat center/cover;
}
@media (max-width: 767px) {
  .intro__inner::before {
    left: 0;
    width: 100%;
    height: 2vw;
    margin-top: -1.3333333333vw;
    background-size: 200%;
    z-index: 0;
  }
}

.intro__body {
  display: flex;
}
@media (max-width: 767px) {
  .intro__body {
    justify-content: center;
    flex-direction: column;
  }
}

.intro__content {
  flex: 1 1 auto;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .intro__content {
    margin-bottom: 1.6vw;
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}

.intro__desc {
  margin-bottom: 40px;
  line-height: 2.18em;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .intro__desc {
    margin-bottom: 6.6666666667vw;
    line-height: 1.75;
  }
}
.intro__desc .t-blue {
  color: #156dac;
}
@media not all and (max-width: 767px) {
  .intro__desc .t-big {
    font-size: 2.5rem;
  }
}

.intro__img {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  margin-top: -90px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .intro__img {
    position: relative;
    margin-left: 0;
    margin-top: 0;
    z-index: 1;
  }
}

.intro-ttl {
  margin-bottom: 46px;
  font-size: 6rem;
  line-height: 1.35em;
}
@media (max-width: 767px) {
  .intro-ttl {
    margin-bottom: 1.8666666667vw;
    line-height: 2em;
    font-size: 5.6vw;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
}
.intro-ttl__line {
  display: flex;
}
@media (max-width: 767px) {
  .intro-ttl__line {
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .intro-ttl__before {
    translate: 0 0.5em;
  }
}

.intro-square-list {
  display: inline-flex;
  margin-left: 4px;
  line-height: 1;
  font-size: 6rem;
  letter-spacing: 0;
  color: #fff;
}
@media (max-width: 767px) {
  .intro-square-list {
    margin-left: 0.1em;
    font-size: 8.8vw;
  }
}
.intro-square-list__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .intro-square-list__item {
    width: 11.3333333333vw;
    height: 11.3333333333vw;
    border-radius: 1.3333333333vw;
  }
}
.intro-square-list__item.t-bg-blue {
  background-color: #55bbf1;
}
.intro-square-list__item.t-bg-orange {
  background-color: #ffb45e;
}
.intro-square-list__item.t-bg-pink {
  background-color: #ff9eb1;
}
.intro-square-list__item.t-bg-purple {
  background-color: #cd9fdc;
}
.intro-square-list__item > span {
  display: block;
  translate: 0 -0.05em;
}

.intro-square-list__item:not(:last-of-type) {
  margin-right: 6px;
}
@media (max-width: 767px) {
  .intro-square-list__item:not(:last-of-type) {
    margin-right: 1.3333333333vw;
  }
}

.intro-sub-content {
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .intro-sub-content {
    padding-bottom: 0;
  }
}
.intro-sub-content__ttl {
  margin-bottom: 10px;
  color: #156dac;
  font-size: 3rem;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .intro-sub-content__ttl {
    margin-bottom: 0;
    font-size: 3.7333333333vw;
  }
}
.intro-sub-content__ttl span {
  background: linear-gradient(transparent 60%, #f1f9ff 60%);
}

.intro-sub-content__desc {
  letter-spacing: 0.02em;
}

/*============================
.second-intro
============================*/
.second-intro {
  margin-bottom: 67px;
}
@media (max-width: 767px) {
  .second-intro {
    margin-bottom: 7vw;
  }
}
.second-intro__desc {
  font-size: 20px;
  line-height: 1.9;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .second-intro__desc {
    font-size: 4vw;
    line-height: 1.65;
    letter-spacing: 0.001em;
  }
}
.second-intro__desc:not(:last-of-type) {
  margin-bottom: 43px;
}
@media (max-width: 767px) {
  .second-intro__desc:not(:last-of-type) {
    margin-bottom: 7vw;
  }
}
.second-intro__desc .t-blue {
  color: #156dac;
}
.second-intro__desc a:hover {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}

/*============================
.third-intro
============================*/
.third-intro {
  margin-bottom: 96px;
}
@media (max-width: 767px) {
  .third-intro {
    margin-bottom: 12.8vw;
  }
}
.third-intro__box {
  display: flex;
}
@media (max-width: 767px) {
  .third-intro__box {
    flex-direction: column-reverse;
  }
}

.third-intro__cotent {
  flex: 0 1 auto;
  margin-right: 57px;
}
@media (max-width: 767px) {
  .third-intro__cotent {
    margin-right: 0;
  }
}

.third-intro__ttl {
  margin-bottom: 30px;
  color: #156dac;
  font-size: 40px;
  line-height: 1.1;
  font-weight: bold;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .third-intro__ttl {
    margin-bottom: 1.8666666667vw;
    font-size: 5.6vw;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.third-intro__desc {
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .third-intro__desc {
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}
.third-intro__desc:not(:last-of-type) {
  margin-bottom: 43px;
}
@media (max-width: 767px) {
  .third-intro__desc:not(:last-of-type) {
    margin-bottom: 6vw;
  }
}

.third-intro__img {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .third-intro__img {
    margin-top: 0;
    margin-bottom: 2vw;
  }
}

.link-nav {
  position: relative;
}
@media (max-width: 767px) {
  .link-nav.-culture {
    padding-bottom: 42.6666666667vw;
  }
}
.link-nav.-culture:after {
  position: absolute;
  display: block;
  background: center/contain no-repeat;
  content: "";
}
@media not all and (max-width: 767px) {
  .link-nav.-culture:after {
    left: 50%;
    bottom: -2px;
    width: 128px;
    height: 281px;
    margin-left: 457px;
    background-image: url(/kanto/images/culture/top/go-work.png);
  }
}
@media (max-width: 767px) {
  .link-nav.-culture:after {
    right: 15.2vw;
    bottom: 0;
    width: 18.2666666667vw;
    height: 40vw;
    background-image: url(/kanto/images/culture/top/go-work-sp.png);
  }
}

.link-nav-list {
  display: grid;
}
@media not all and (max-width: 767px) {
  .link-nav-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 65px;
  }
}
@media (max-width: 767px) {
  .link-nav-list {
    grid-template-columns: 1fr;
    grid-row-gap: 8vw;
  }
}
.link-nav-card__img {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .link-nav-card__img {
    margin-bottom: 3.4666666667vw;
  }
}
.link-nav-card__img img {
  display: block;
  opacity: 1;
  transition: opacity ease 0.1s;
}
@media not all and (max-width: 767px) {
  .link-nav-list__link:hover .link-nav-card__img img {
    opacity: 0.35;
  }
}

.link-nav-card__content {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .link-nav-card__content {
    margin-bottom: 1.3333333333vw;
  }
}

.link-nav-card__ttl {
  margin-bottom: 4px;
  color: #156dac;
  font-size: 25px;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .link-nav-card__ttl {
    margin-bottom: 2.4vw;
    font-size: 5.6vw;
  }
}

.link-nav-card__desc {
  line-height: 1.6;
  font-size: 20px;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .link-nav-card__desc {
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}

.link-nav-card__link {
  display: flex;
  align-items: center;
  width: 140px;
  margin-left: auto;
  border-bottom: 2px solid transparent;
  color: #156dac;
  font-size: 20px;
  transition: border-bottom ease 0.1s;
}
@media (max-width: 767px) {
  .link-nav-card__link {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
  }
}
.link-nav-list__link:hover .link-nav-card__link {
  border-bottom: 2px solid #156dac;
}
.link-nav-card__link span:nth-of-type(2) {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  margin-left: auto;
  background-color: #156dac;
  border-radius: 50%;
  transform: scale(1);
  transform-origin: center bottom;
  transition: transform ease 0.1s;
}
@media not all and (max-width: 767px) {
  .link-nav-list__link:hover .link-nav-card__link span:nth-of-type(2) {
    transform: scale(1.0726);
  }
}
@media (max-width: 767px) {
  .link-nav-card__link span:nth-of-type(2) {
    width: 4vw;
    height: 4vw;
    margin-left: 0.8vw;
  }
}
.link-nav-card__link span:nth-of-type(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 9px;
  background: url(/kanto/images/common/white-triangle-icon.svg) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .link-nav-card__link span:nth-of-type(2)::before {
    width: 1.5vw;
    height: 1.5vw;
  }
}

.person.t-second-person {
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .person.t-second-person {
    margin-bottom: 14vw;
  }
}
.person.t-second-person::before {
  top: 75px;
}

.work-way {
  position: relative;
}
@media (max-width: 767px) {
  .work-way {
    margin-top: 6vw;
  }
}
.work-way::before {
  content: "";
  position: absolute;
  display: block;
  z-index: -2;
  top: 170px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 688px;
  background: url(/kanto/images/person/common/blue-smooth-person-bg.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .work-way::before {
    top: 44vw;
    height: 92vw;
    background: url(/kanto/images/person/common/blue-smooth-person-bg-sp.svg) no-repeat center/contain;
  }
}
.work-way.t-person01 {
  margin-bottom: 160px;
}
@media (max-width: 767px) {
  .work-way.t-person01 {
    margin-bottom: 13vw;
  }
}
.work-way.t-person02, .work-way.t-person03, .work-way.t-person04 {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .work-way.t-person02, .work-way.t-person03, .work-way.t-person04 {
    margin-bottom: 17vw;
  }
}
.work-way.t-person02::before, .work-way.t-person03::before, .work-way.t-person04::before {
  top: 191px;
}
@media (max-width: 767px) {
  .work-way.t-person02::before, .work-way.t-person03::before, .work-way.t-person04::before {
    top: 45vw;
  }
}
.work-way__box {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .work-way__box {
    flex-direction: column;
  }
}
@media not all and (max-width: 767px) {
  .work-way__box.t-person02, .work-way__box.t-person03, .work-way__box.t-person04 {
    justify-content: space-between;
  }
}

.work-way__img {
  position: relative;
}
@media (max-width: 767px) {
  .work-way__img {
    width: 100%;
    text-align: center;
  }
}
.work-way__img::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 38px;
  left: 50px;
  width: 327px;
  height: 200px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .work-way__img::before {
    top: 0;
    left: 0;
    right: 0;
    width: 80vw;
    height: 46.4vw;
    margin-inline: auto;
    border-radius: 3.2vw;
  }
}
@media (max-width: 767px) {
  .work-way__img.t-person02, .work-way__img.t-person03, .work-way__img.t-person04 {
    width: 100%;
    text-align: center;
  }
}
.work-way__img.t-person01 {
  margin-right: 100px;
  margin-left: -45px;
}
@media (max-width: 767px) {
  .work-way__img.t-person01 {
    margin: 0 0 10.6666666667vw;
  }
}
.work-way__img.t-person01::before {
  background-color: #55bbf1;
}
@media (max-width: 767px) {
  .work-way__img.t-person01 picture > img {
    max-width: 68%;
    translate: -7% 0;
  }
}
.work-way__img.t-person02 {
  margin: 29px 30px 0;
}
@media (max-width: 767px) {
  .work-way__img.t-person02 {
    margin: 0 0 7vw;
    padding-top: 2.1333333333vw;
  }
}
.work-way__img.t-person02::before {
  background-color: #FFB45E;
}
@media not all and (max-width: 767px) {
  .work-way__img.t-person02::before {
    top: 30px;
    left: -30px;
  }
}
@media (max-width: 767px) {
  .work-way__img.t-person02 picture > img {
    max-width: 47%;
    translate: -3% 0;
  }
}
.work-way__img.t-person03 {
  margin: 39px 22px 0;
}
@media (max-width: 767px) {
  .work-way__img.t-person03 {
    margin: 0 0 6vw;
    padding-top: 2.1333333333vw;
  }
}
.work-way__img.t-person03::before {
  background-color: #F195A5;
}
@media not all and (max-width: 767px) {
  .work-way__img.t-person03::before {
    top: 20px;
    left: -20px;
  }
}
@media (max-width: 767px) {
  .work-way__img.t-person03 picture > img {
    max-width: 48%;
    translate: -15% 0;
  }
}
.work-way__img.t-person04 {
  margin: 37px -99px 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .work-way__img.t-person04 {
    margin: 0 0 6.6666666667vw;
    padding-top: 1.0666666667vw;
  }
}
.work-way__img.t-person04::before {
  background-color: #CD9FDC;
}
@media not all and (max-width: 767px) {
  .work-way__img.t-person04::before {
    top: 20px;
    left: 100px;
  }
}
@media (max-width: 767px) {
  .work-way__img.t-person04 picture > img {
    max-width: 87%;
  }
}

.work-way__content {
  position: relative;
  margin-top: 70px;
  padding: 22px 50px 67px 50px;
  background-color: #fff;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .work-way__content {
    padding: 7vw 6vw 8vw;
    margin-top: 0;
    width: 100%;
  }
}
.work-way__content::before, .work-way__content::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 461px;
  height: 321px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .work-way__content::before, .work-way__content::after {
    width: 60vw;
    height: 45vw;
  }
}
.work-way__content::before {
  bottom: -19px;
  left: -19px;
}
@media (max-width: 767px) {
  .work-way__content::before {
    bottom: -5vw;
    left: -5vw;
  }
}
.work-way__content::after {
  top: -20px;
  right: -20px;
}
@media (max-width: 767px) {
  .work-way__content::after {
    top: -5vw;
    right: -5vw;
  }
}
.work-way__content.t-person01::before, .work-way__content.t-person01::after {
  background-color: #55bbf1;
}
.work-way__content.t-person02, .work-way__content.t-person03, .work-way__content.t-person04 {
  width: 62.5%;
  padding: 14px 74px 32px 50px;
}
@media (max-width: 767px) {
  .work-way__content.t-person02, .work-way__content.t-person03, .work-way__content.t-person04 {
    width: 100%;
    padding: 7vw 6vw 8vw;
  }
}
.work-way__content.t-person02::before, .work-way__content.t-person02::after {
  background-color: #FFB45E;
}
.work-way__content.t-person03::before, .work-way__content.t-person03::after {
  background-color: #F195A5;
}
.work-way__content.t-person04::before, .work-way__content.t-person04::after {
  background-color: #CD9FDC;
}

.work-way__link {
  display: flex;
  align-items: center;
  width: 300px;
  margin-top: -165px;
  margin-left: auto;
  border-bottom: 2px solid transparent;
  color: #55bbf1;
  font-size: 20px;
  transition: all ease 0.1s;
}
@media not all and (max-width: 767px) {
  .work-way__link:hover {
    border-bottom: 2px solid #156dac;
    color: #156dac;
  }
  :hover .work-way__link:hover span:nth-of-type(2) {
    background-color: #156dac;
  }
}
@media (max-width: 767px) {
  .work-way__link {
    width: 63vw;
    margin-top: 9vw;
    font-size: 4vw;
  }
}
.work-way__link span:nth-of-type(2) {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  margin-left: auto;
  background-color: #55bbf1;
  border-radius: 50%;
  transition: background-color ease 0.1s;
}
@media (max-width: 767px) {
  .work-way__link span:nth-of-type(2) {
    width: 6vw;
    height: 6vw;
  }
}
.work-way__link span:nth-of-type(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 9px;
  background: url(/kanto/images/common/white-triangle-icon.svg) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .work-way__link span:nth-of-type(2)::before {
    width: 2.5vw;
    height: 2.5vw;
  }
}

.work-way-ttl {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .work-way-ttl {
    margin-bottom: 7vw;
  }
}
.work-way-ttl.t-person02, .work-way-ttl.t-person03, .work-way-ttl.t-person04 {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .work-way-ttl.t-person02, .work-way-ttl.t-person03, .work-way-ttl.t-person04 {
    margin-bottom: 7vw;
  }
}
.work-way-ttl__sub {
  margin-bottom: 5px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .work-way-ttl__sub {
    margin-bottom: 4vw;
    font-size: 5vw;
    display: flex;
  }
  .work-way-ttl__sub span:nth-of-type(1) {
    min-width: 27vw;
  }
}
.work-way-ttl__sub.t-person01 {
  color: #55bbf1;
}
.work-way-ttl__sub.t-person02, .work-way-ttl__sub.t-person03, .work-way-ttl__sub.t-person04 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .work-way-ttl__sub.t-person02, .work-way-ttl__sub.t-person03, .work-way-ttl__sub.t-person04 {
    margin-bottom: 2vw;
  }
}
.work-way-ttl__sub.t-person02 {
  color: #FFB45E;
}
.work-way-ttl__sub.t-person03 {
  color: #F195A5;
}
@media (max-width: 767px) {
  .work-way-ttl__sub.t-person03 span:nth-of-type(2) {
    margin-right: -5vw;
  }
}
.work-way-ttl__sub.t-person04 {
  color: #CD9FDC;
}

.work-way-ttl__main {
  font-size: 41px;
}
@media (max-width: 767px) {
  .work-way-ttl__main {
    font-size: 6vw;
  }
}
.work-way-ttl__main.t-person01 span {
  background: linear-gradient(transparent 60%, #c9ecff 60%);
}
.work-way-ttl__main.t-person02 span {
  background: linear-gradient(transparent 60%, #ffe9cf 60%);
}
.work-way-ttl__main.t-person03 span {
  background: linear-gradient(transparent 60%, #ffd8df 60%);
}
.work-way-ttl__main.t-person04 span {
  background: linear-gradient(transparent 60%, #f3cfff 60%);
}

.work-way-list__item {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 2px solid #b8d3e6;
  font-size: 20px;
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .work-way-list__item {
    align-items: flex-start;
    padding-bottom: 5vw;
    font-size: 4vw;
  }
}
.work-way-list__item:not(:last-of-type) {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .work-way-list__item:not(:last-of-type) {
    margin-bottom: 6vw;
  }
}
.work-way-list__item span:nth-of-type(1) {
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  border: 1px solid #333;
}
@media (max-width: 767px) {
  .work-way-list__item span:nth-of-type(1) {
    width: 3vw;
    height: 3vw;
    margin-right: 3vw;
    margin-top: 2vw;
  }
}
.work-way-list__item span:nth-of-type(1)::before {
  content: "";
  display: block;
  position: absolute;
  top: -11px;
  left: 1px;
  width: 26px;
  height: 25px;
  background: no-repeat center/contain;
}
@media (max-width: 767px) {
  .work-way-list__item span:nth-of-type(1)::before {
    top: -3.5vw;
    left: -0.6vw;
    width: 7vw;
    height: 6vw;
  }
}
@media not all and (max-width: 767px) {
  .work-way-list__item.t-person01 {
    align-items: center;
  }
}
.work-way-list__item.t-person01 span:nth-of-type(1)::before {
  background-image: url(/kanto/images/person/rolemodel_01/blue-check.svg);
}
.work-way-list__item.t-person02, .work-way-list__item.t-person03, .work-way-list__item.t-person04 {
  align-items: flex-start;
}
@media not all and (max-width: 767px) {
  .work-way-list__item.t-person02 span:nth-of-type(1), .work-way-list__item.t-person03 span:nth-of-type(1), .work-way-list__item.t-person04 span:nth-of-type(1) {
    margin-top: 7px;
  }
}
.work-way-list__item.t-person02 span:nth-of-type(1)::before {
  background-image: url(/kanto/images/person/rolemodel_02/yellow-check.svg);
}
.work-way-list__item.t-person03 span:nth-of-type(1)::before {
  background-image: url(/kanto/images/person/rolemodel_03/pink-check.svg);
}
.work-way-list__item.t-person04 span:nth-of-type(1)::before {
  background-image: url(/kanto/images/person/rolemodel_04/purple-check.svg);
}

.work-interview {
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .work-interview {
    margin-bottom: 9vw;
  }
}
.work-interview__desc {
  font-size: 20px;
}
@media not all and (max-width: 767px) {
  .work-interview__desc {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .work-interview__desc {
    font-size: 4vw;
  }
  .work-interview__desc span {
    display: block;
    text-align: center;
  }
}

.company-movie {
  margin-bottom: 147px;
}
@media (max-width: 767px) {
  .company-movie {
    margin-bottom: 13vw;
  }
}

.youtube-box {
  margin: 0 auto;
  width: 756px;
  height: 427px;
}
@media (max-width: 767px) {
  .youtube-box {
    width: 89.3333333333vw;
    height: 50.456vw;
  }
}
.youtube-box > iframe {
  width: 100%;
  height: 100%;
}

@media not all and (max-width: 767px) {
  .movie-flex {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1140px;
    margin: 0 auto 147px;
    padding: 0 20px;
  }
}
@media not all and (max-width: 767px) {
  .movie-flex .youtube-box {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 767px) {
  .movie-flex .youtube-box {
    width: 90vw;
  }
}
@media (max-width: 767px) {
  .movie-flex .youtube-box:first-of-type {
    margin-bottom: 6vw;
  }
}

@media not all and (max-width: 767px) {
  .company-bnr-list {
    display: flex;
    gap: 30px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .company-bnr-list {
    margin-bottom: 13vw;
  }
}
@media not all and (max-width: 767px) {
  .company-bnr-list-link:hover img {
    opacity: 0.8;
  }
}
.company-access {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .company-access {
    padding-top: 5vw;
    padding-bottom: 15vw;
  }
}
@media (max-width: 767px) {
  .company-access .sec-head-ttl {
    margin-bottom: 6vw;
  }
}
.company-access-walk {
  display: flex;
  margin-bottom: 38px;
}
@media (max-width: 767px) {
  .company-access-walk {
    flex-direction: column-reverse;
    margin-bottom: 5.3333333333vw;
  }
}
.company-access-walk__content {
  margin-right: 25px;
}
@media (max-width: 767px) {
  .company-access-walk__content {
    margin-right: 0;
  }
}

.company-access-walk__desc {
  font-size: 20px;
}
@media not all and (max-width: 767px) {
  .company-access-walk__desc {
    margin-right: -0.5em;
  }
}
@media (max-width: 767px) {
  .company-access-walk__desc {
    line-height: 1.75;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
  }
}

.company-access-walk__place {
  margin-bottom: 50px;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .company-access-walk__place {
    margin-bottom: 6.4vw;
  }
}

@media (max-width: 767px) {
  .company-access-walk__img {
    margin-bottom: 7vw;
  }
}

.company-access-walk-list__list {
  display: flex;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .company-access-walk-list__list {
    line-height: 1.75;
  }
}
.company-access-walk-list__list span:nth-of-type(1) {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .company-access-walk-list__list span:nth-of-type(1) {
    margin-right: 0em;
  }
}

.company-access-train-list {
  display: grid;
  grid-template-columns: repeat(2, 453px);
  grid-column-gap: calc(100% - 906px);
  grid-row-gap: 25px;
}
@media (max-width: 767px) {
  .company-access-train-list {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 8.8vw;
  }
}
.company-access-train-card__ttl {
  margin-bottom: 25px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .company-access-train-card__ttl {
    margin-bottom: 4vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
  }
}

@media not all and (max-width: 767px) {
  .company-access-train-list.t-tama .company-access-train-list__item:nth-child(2) .company-access-train-card__img {
    translate: -23px 0;
  }
}
@media (max-width: 767px) {
  .company-access-train-list.t-tama :is(.company-access-train-list__item:nth-child(1), .company-access-train-list__item:nth-child(3)) .company-access-train-card__img {
    margin-right: -4%;
  }
  .company-access-train-list.t-tama .company-access-train-list__item:nth-child(2) .company-access-train-card__img {
    margin-left: -5%;
    margin-right: -3.6666666667%;
  }
  .company-access-train-list.t-tama .company-access-train-list__item:nth-child(4) .company-access-train-card__img {
    margin-right: -5.3333333333%;
  }
  .company-access-train-list.t-tama .company-access-train-list__item:nth-child(5) .company-access-train-card__img {
    margin-right: -0.6666666667%;
  }
}
@media not all and (max-width: 767px) {
  .company-access-train-list.t-tama .company-access-train-card__img img {
    max-width: none;
  }
}

.company-access-ttl::after {
  content: "";
  display: block;
  background: no-repeat center/contain;
}
.company-access-ttl.company-access-walk-ttl {
  margin-bottom: 43px;
}
@media (max-width: 767px) {
  .company-access-ttl.company-access-walk-ttl {
    margin-bottom: 6vw;
  }
}
.company-access-ttl.company-access-walk-ttl::after {
  width: 522px;
  height: 21px;
  background-image: url(/kanto/images/company/common/walk-diagonal-bg.png);
}
.company-access-ttl.company-access-train-ttl {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .company-access-ttl.company-access-train-ttl {
    margin-bottom: 4vw;
  }
}
.company-access-ttl.company-access-train-ttl::after {
  width: 1097px;
  height: 21px;
  background-image: url(/kanto/images/company/common/train-diagonal-bg.png);
}
@media (max-width: 767px) {
  .company-access-ttl.company-access-walk-ttl::after, .company-access-ttl.company-access-train-ttl::after {
    width: 80.4426666667vw;
    height: 3.4773333333vw;
    background-image: url(/kanto/images/company/common/access-diagonal-bg-sp.png);
  }
}
.company-access-ttl__inner {
  display: flex;
}
.company-access-ttl__inner::before {
  content: "";
  display: block;
  background: no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-access-ttl__inner::before {
    background: no-repeat center/contain;
  }
}
.company-access-ttl__inner.company-access-walk-ttl__inner {
  align-items: center;
  margin-bottom: 20px;
}
.company-access-ttl__inner.company-access-walk-ttl__inner::before {
  width: 80px;
  height: 50px;
  margin-right: 13px;
  background-image: url(/kanto/images/company/common/shoes.png);
}
@media (max-width: 767px) {
  .company-access-ttl__inner.company-access-walk-ttl__inner::before {
    width: 12.952vw;
    height: 7.904vw;
    background-image: url(/kanto/images/company/common/shoes-sp.png);
  }
}
.company-access-ttl__inner.company-access-train-ttl__inner {
  align-items: flex-end;
  margin-bottom: 12px;
}
.company-access-ttl__inner.company-access-train-ttl__inner::before {
  width: 66px;
  height: 85px;
  margin-right: 20px;
  background-image: url(/kanto/images/company/common/train.png);
}
@media (max-width: 767px) {
  .company-access-ttl__inner.company-access-train-ttl__inner::before {
    width: 9.4106666667vw;
    height: 12.1893333333vw;
    background-image: url(/kanto/images/company/common/train-sp.png);
  }
}
.company-access-ttl__inner.company-access-train-ttl__inner h4 {
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .company-access-ttl__inner.company-access-walk-ttl__inner, .company-access-ttl__inner.company-access-train-ttl__inner {
    margin-bottom: 4vw;
  }
}
.company-access-ttl__inner h4 {
  font-size: 25px;
}
@media (max-width: 767px) {
  .company-access-ttl__inner h4 {
    font-size: 4.8vw;
    letter-spacing: 0.04em;
  }
}

.company-data {
  padding-bottom: 130px;
}
@media (max-width: 767px) {
  .company-data {
    padding-bottom: 5vw;
  }
}
.company-data-list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 532px);
  grid-column-gap: calc(100% - 1064px);
  grid-row-gap: 40px;
}
@media (max-width: 767px) {
  .company-data-list {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 3.7333333333vw;
  }
}
.company-data,
.company-access {
  background-color: #f1f9ff;
}

.company-access__inner,
.company-data__inner {
  padding: 60px calc((100% - 1100px) / 2);
  background-color: #fff;
}

@media (max-width: 767px) {
  .company-access__inner {
    padding: 5vw 4.6666666667vw;
  }
}

@media (max-width: 767px) {
  .company-data__inner {
    padding: 5vw 4.6666666667vw;
  }
}

.company-office {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .company-office {
    padding-top: 12.5333333333vw;
    padding-bottom: 14vw;
  }
}
.company-office.t-ikebukuro {
  padding-bottom: 0px;
}
.company-office__inner {
  position: relative;
}
.company-office__inner::before {
  content: "";
  display: block;
  position: absolute;
  left: -200px;
}
@media not all and (max-width: 767px) {
  .company-office__inner.t-komagome::before {
    top: 0;
    width: 127px;
    height: 151px;
    background: url(/kanto/images/company/komagome/office-icon.png) no-repeat center/contain;
  }
}
@media (max-width: 767px) {
  .company-office__inner.t-komagome::before {
    left: 0;
    top: 0;
    margin-top: -24vw;
    width: 17.4346666667vw;
    height: 20.944vw;
    background: url(/kanto/images/company/komagome/office-icon-sp.png) no-repeat center/contain;
  }
}
@media not all and (max-width: 767px) {
  .company-office__inner.t-ikebukuro::before {
    top: 50px;
    width: 127px;
    height: 157px;
    background: url(/kanto/images/company/ikebukuro/office-icon.png) no-repeat center/contain;
  }
}
@media (max-width: 767px) {
  .company-office__inner.t-ikebukuro::before {
    left: -0.5333333333vw;
    width: 17.8666666667vw;
    height: 22.1333333333vw;
    background: url(/kanto/images/company/ikebukuro/office-icon-sp.png) no-repeat center/contain;
    margin-top: -23vw;
  }
}
.company-office__inner.t-ikebukuro_east::before {
  top: 44px;
  left: -208px;
  width: 182px;
  height: 168px;
  background: url(/kanto/images/company/ikebukuro_east/office-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-office__inner.t-ikebukuro_east::before {
    background: url(/kanto/images/company/ikebukuro_east/office-icon-sp.png) no-repeat center/contain;
    top: 2vw;
    left: 0;
    margin-top: -24vw;
    width: 23.4453333333vw;
    height: 21.5466666667vw;
  }
}
.company-office__inner.t-tama::before {
  top: 75px;
  left: -240px;
  width: 203px;
  height: 138px;
  background: url(/kanto/images/company/tama/office-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-office__inner.t-tama::before {
    background: url(/kanto/images/company/tama/office-icon-sp.png) no-repeat center/contain;
    left: -2vw;
    top: 0;
    margin-top: -22vw;
    width: 29.3946666667vw;
    height: 19.664vw;
  }
}
.company-office__inner.t-yokohama::before {
  top: 60px;
  left: -200px;
  width: 155px;
  height: 151px;
  background: url(/kanto/images/company/yokohama/office-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-office__inner.t-yokohama::before {
    background: url(/kanto/images/company/yokohama/office-icon-sp.png) no-repeat center/contain;
    left: 0;
    top: 0;
    margin-top: -21vw;
    width: 21.8266666667vw;
    height: 21.2586666667vw;
  }
}
.company-office__inner.t-chiba_ichikawa::before {
  top: 70px;
  left: -210px;
  width: 148px;
  height: 142px;
  background: url(/kanto/images/company/chiba_ichikawa/office-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-office__inner.t-chiba_ichikawa::before {
    background: url(/kanto/images/company/chiba_ichikawa/office-icon-sp.png) no-repeat center/contain;
    left: 0;
    top: 0;
    margin-top: -23vw;
    width: 22.9573333333vw;
    height: 21.8986666667vw;
  }
}

.company-office__desc {
  margin-bottom: 46px;
  font-size: 20px;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .company-office__desc {
    margin-bottom: 3.4666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 1.75;
  }
}
.company-office__desc.company-office__desc-margin {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .company-office__desc.company-office__desc-margin {
    margin-bottom: 3.7333333333vw;
  }
}
.company-office__desc.company-office__desc-margin.t-tama {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .company-office__desc.company-office__desc-margin.t-tama {
    margin-bottom: 7vw;
  }
}

.company-office-list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}
@media (max-width: 767px) {
  .company-office-list {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 4vw;
  }
}
.company-office__inner.t-yokohama .company-office-list__item:last-child {
  position: relative;
}
@media (max-width: 767px) {
  .company-office__inner.t-yokohama .company-office-list__item:last-child:after {
    position: absolute;
    right: 4vw;
    top: 100%;
    display: block;
    margin-top: -1px;
    width: 7.0666666667vw;
    height: 24.5333333333vw;
    background: url(/kanto/images/company/yokohama/spider-icon-sp.png) no-repeat top center/contain;
    content: "";
  }
}
.company-office-list__item img {
  border-radius: 15px;
}

.company-event {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #f1f9ff;
}
@media (max-width: 767px) {
  .company-event {
    padding-top: 4.8vw;
    padding-bottom: 5vw;
  }
}
.company-event__inner {
  position: relative;
}
.company-event__inner::before, .company-event__inner::after {
  content: "";
  display: block;
  position: absolute;
}
.company-event__inner.t-komagome::before {
  top: 0;
  right: -270px;
  width: 251px;
  height: 216px;
  background: url(/kanto/images/company/komagome/witch-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-komagome::before {
    right: -2.1333333333vw;
    top: 0;
    margin-top: -15vw;
    width: 25.4293333333vw;
    height: 21.976vw;
    background: url(/kanto/images/company/komagome/witch-icon-sp.png) no-repeat center/contain;
  }
}
.company-event__inner.t-ikebukuro_east::before {
  top: 88px;
  right: -162px;
  width: 139px;
  height: 178px;
  background: url(/kanto/images/company/ikebukuro_east/sweets-icon01.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-ikebukuro_east::before {
    right: 0;
    top: 0;
    margin-top: -20vw;
    width: 16.9226666667vw;
    height: 21.976vw;
    background: url(/kanto/images/company/ikebukuro_east/sweets-icon01-sp.png) no-repeat center/contain;
  }
}
.company-event__inner.t-ikebukuro_east::after {
  bottom: 2px;
  left: -167px;
  width: 108px;
  height: 170px;
  background: url(/kanto/images/company/ikebukuro_east/sweets-icon02.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-ikebukuro_east::after {
    left: 0;
    bottom: 0;
    margin-bottom: -14vw;
    width: 12.5573333333vw;
    height: 20vw;
    background: url(/kanto/images/company/ikebukuro_east/sweets-icon02-sp.png) no-repeat center/contain;
  }
}
.company-event__inner.t-tama::before {
  top: -11px;
  right: -103px;
  width: 132px;
  height: 99px;
  background: url(/kanto/images/company/tama/bat-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-tama::before {
    right: -2vw;
    top: 0;
    margin-top: -15vw;
    width: 21.624vw;
    height: 15.0186666667vw;
    background: url(/kanto/images/company/tama/bat-icon-sp.png) no-repeat center/contain;
  }
}
.company-event__inner.t-tama::after {
  bottom: -20px;
  left: -175px;
  width: 282px;
  height: 162px;
  background: url(/kanto/images/company/tama/pumpkin-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-tama::after {
    left: -1vw;
    bottom: 0;
    margin-bottom: -12vw;
    width: 44.2293333333vw;
    height: 25.448vw;
    background: url(/kanto/images/company/tama/pumpkin-icon-sp.png) no-repeat center/contain;
  }
}
.company-event__inner.t-yokohama::before {
  top: 47px;
  right: -123px;
  width: 27px;
  height: 92px;
  background: url(/kanto/images/company/yokohama/spider-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-yokohama::before {
    display: none;
  }
}
.company-event__inner.t-yokohama::after {
  bottom: -57px;
  left: -180px;
  width: 278px;
  height: 195px;
  background: url(/kanto/images/company/yokohama/ghost-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-yokohama::after {
    left: 0;
    bottom: 0;
    margin-bottom: -13vw;
    width: 41.12vw;
    height: 28.7146666667vw;
    background: url(/kanto/images/company/yokohama/ghost-icon-sp.png) no-repeat center/contain;
  }
}
.company-event__inner.t-chiba_ichikawa::before {
  top: -20px;
  right: -190px;
  width: 136px;
  height: 199px;
  background: url(/kanto/images/company/chiba_ichikawa/tree-icon.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .company-event__inner.t-chiba_ichikawa::before {
    right: 0;
    top: 3vw;
    margin-top: -18vw;
    width: 14.0853333333vw;
    height: 20.8613333333vw;
    background: url(/kanto/images/company/chiba_ichikawa/tree-icon-sp.png) no-repeat center/contain;
  }
}

.company-event__desc {
  margin-bottom: 43px;
  font-size: 20px;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .company-event__desc {
    margin-bottom: 4.2666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 1.75;
  }
}

.company-event-list {
  display: flex;
  grid-column-gap: 60px;
}
@media (max-width: 767px) {
  .company-event-list {
    flex-direction: column;
    grid-column-gap: 0;
    grid-row-gap: 60px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .company-event-list {
    grid-row-gap: 4vw;
  }
}
@media not all and (max-width: 767px) {
  .company-event-list.t-tama {
    grid-column-gap: 100px;
  }
}
@media not all and (max-width: 767px) {
  .company-gallery {
    margin-bottom: 96px;
  }
}
@media (max-width: 767px) {
  .company-gallery {
    margin-bottom: 30px;
  }
}

.company-gallery-list {
  display: flex;
}
@media not all and (max-width: 767px) {
  .company-gallery-list {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .company-gallery-list {
    gap: 10px;
  }
}

.company-gallery02-img {
  text-align: center;
}
@media not all and (max-width: 767px) {
  .company-gallery02-img {
    margin-top: 96px;
  }
}
@media (max-width: 767px) {
  .company-gallery02-img {
    margin-top: 30px;
  }
}

.company-job-info {
  background: #f1f9ff;
}
@media not all and (max-width: 767px) {
  .company-job-info {
    padding: 100px 20px 0;
  }
}
@media (max-width: 767px) {
  .company-job-info {
    padding: 5vw 0 0;
  }
}
.company-job-info .job-info {
  margin-block: 0;
  background: #fff;
}
@media not all and (max-width: 767px) {
  .company-job-info .job-info {
    margin-inline: auto;
    padding-block: 60px;
    max-width: 1300px;
  }
}
@media (max-width: 767px) {
  .company-job-info .job-info {
    margin-inline: auto;
    padding: 5vw 5.3333333333vw;
    width: 89.3333333333vw;
  }
}
.company-job-info .job-info .container {
  width: 100%;
}

.job-info {
  color: rgb(89, 87, 87);
  font-weight: 400;
  font-feature-settings: "palt";
}

@media not all and (max-width: 767px) {
  .job-info {
    margin-block: 120px;
    letter-spacing: 1.28px;
  }
}
@media (max-width: 767px) {
  .job-info {
    margin-block: 12vw;
    letter-spacing: 0.11em;
  }
}
@media not all and (max-width: 767px) {
  .job-info + .main-wrap {
    margin-top: 64px;
  }
}
@media (max-width: 767px) {
  .job-info + .main-wrap {
    margin-top: 16vw;
  }
}
@media not all and (max-width: 767px) {
  .job-info-box {
    display: flex;
    width: 100%;
  }
}
.job-info-box_header {
  background: #55bbf1;
}

@media not all and (max-width: 767px) {
  .job-info-box_header {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    width: 100px;
    align-items: center;
    background: #55bbf1;
  }
}
@media (max-width: 767px) {
  .job-info-box_header {
    margin-bottom: 1.6vw;
    text-align: center;
  }
}
@media not all and (max-width: 767px) {
  .job-info-box_body {
    flex: 0 1 auto;
    min-width: 0;
    width: 100%;
    border: 2px solid #55bbf1;
    border-left: none;
  }
}
.job-info-box_ttl {
  line-height: 1.2;
  color: #fff;
}

@media not all and (max-width: 767px) {
  .job-info-box_ttl {
    width: 3.3em;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}
@media (max-width: 767px) {
  .job-info-box_ttl {
    padding: 0.5em;
    font-size: 5.3333333333vw;
  }
}
.job-info-list {
  display: flex;
}

.job-info-list.slick-dotted.slick-slider {
  margin-bottom: 0;
}

@media not all and (max-width: 767px) {
  .job-info-list {
    overflow: hidden;
    width: calc(100% - 2px);
  }
}
@media (max-width: 767px) {
  .job-info-list--sp-vertical {
    display: block;
  }
}
.job-info-list.slick-initialized {
  display: block;
}

@media not all and (max-width: 767px) {
  .job-info-list:not(.slick-initialized) > *:nth-child(n+4) {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .job-info-list:not(.slick-initialized) {
    overflow: hidden;
  }
}
.job-info-list .slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.job-info-list .slick-list {
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media not all and (max-width: 767px) {
  .job-info-list .slick-list {
    width: calc(100% + 2px);
  }
}
.job-info-list .slick-list:focus {
  outline: none;
}

.job-info-list .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.job-info-list .slick-slider .slick-track,
.job-info-list .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.job-info-list .slick-track {
  position: relative;
  left: 0;
  top: 0;
  flex: 0 0 auto;
  display: flex;
}

.job-info-list .slick-track:before, .job-info-list .slick-track:after {
  content: "";
  display: block;
}

.job-info-list .slick-track:after {
  clear: both;
}

.slick-loading .job-info-list .slick-track {
  visibility: hidden;
}

.job-info-list .slick-slide {
  display: flex;
  flex: 0 0 auto;
  min-height: 0;
}

.job-info-list .slick-slide > * {
  flex: 0 0 auto;
  display: flex;
  width: 100%;
}

.job-info-list .slick-slide img {
  display: block;
}

.job-info-list .slick-slide.slick-loading img {
  display: none;
}

.job-info-list .slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .job-info-list .slick-slide {
  display: flex;
}

.slick-loading .job-info-list .slick-slide {
  visibility: hidden;
}

.slick-vertical .job-info-list .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.job-info-list .slick-arrow.slick-hidden {
  display: none;
}

.job-info-list .slick-control {
  display: grid;
  grid-template-areas: "prev dots next play";
}

@media not all and (max-width: 767px) {
  .job-info-list .slick-control {
    height: 28px;
    margin-top: 8px;
    margin-bottom: 8px;
    justify-content: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 18px 180px 18px 18px;
  }
}
@media (max-width: 767px) {
  .job-info-list .slick-control {
    width: 76vw;
    height: 7.4666666667vw;
    margin-inline: auto;
    margin-top: 1.6vw;
    -moz-column-gap: 4%;
    column-gap: 4%;
    grid-template-columns: 1fr 70% 1fr 1fr;
  }
}
.job-info-list .slick-play {
  position: relative;
  grid-area: play;
  width: 100%;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.job-info-list .slick-play.is-play:before, .job-info-list .slick-play.is-play:after {
  position: absolute;
  inset: 0;
  display: block;
  width: 3px;
  height: 100%;
  margin: auto;
  background: #55bbf1;
  content: "";
}

.job-info-list .slick-play.is-play:before {
  translate: -150% 0;
}

.job-info-list .slick-play.is-play:after {
  translate: 150% 0;
}

.job-info-list .slick-play:not(.is-play):before {
  position: absolute;
  inset: 0;
  display: block;
  width: 70%;
  height: 100%;
  margin: auto;
  background: #55bbf1;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
}

.job-info-list .slick-next,
.job-info-list .slick-prev {
  overflow: hidden;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin-top: auto;
  margin-bottom: auto;
  background: none;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: #55bbf1;
  transition: 0.3s opacity;
  transform: translate(0);
}

.job-info-list .slick-next:before,
.job-info-list .slick-prev:before {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  margin: auto;
  background: none;
  border-radius: 0;
  border-left: 2px solid #55bbf1;
  border-bottom: 2px solid #55bbf1;
  content: "";
}

.job-info-list .slick-prev {
  grid-area: prev;
}

.job-info-list .slick-prev:before {
  rotate: 45deg;
  translate: 30% 0;
}

.job-info-list .slick-next {
  grid-area: next;
}

.job-info-list .slick-next:before {
  rotate: -135deg;
  translate: -30% 0;
}

.job-info-list .slick-dots {
  position: static;
  overflow: hidden;
  grid-area: dots;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
}

@media not all and (max-width: 767px) {
  .job-info-list .slick-dots {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
@media (max-width: 767px) {
  .job-info-list .slick-dots {
    -moz-column-gap: 2.4vw;
    column-gap: 2.4vw;
  }
}
.job-info-list .slick-dots > li {
  position: relative;
  flex: 0 0 auto;
  display: block;
  height: auto;
  aspect-ratio: 1/1;
  margin: 0;
  padding: 0;
}

@media not all and (max-width: 767px) {
  .job-info-list .slick-dots > li {
    width: 12px;
  }
}
@media (max-width: 767px) {
  .job-info-list .slick-dots > li {
    width: 3.2vw;
  }
}
.job-info-list .slick-dots > li > button {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  aspect-ratio: 1/1;
  font-size: 0;
  line-height: 0;
  color: rgba(0, 0, 0, 0);
  border: 2px solid rgba(255, 255, 255, 0);
  background: none;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .job-info-list .slick-dots > li > button {
    border-width: 0.5333333333vw;
  }
}
.job-info-list .slick-dots > li > button:hover {
  outline: none;
}

.job-info-list .slick-dots > li > button:before {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background: #888;
  border-radius: 50%;
  opacity: 1;
  content: "";
}

.job-info-list .slick-dots > li.slick-active > button {
  border-color: #55bbf1;
}

.job-info-list .slick-dots > li.slick-active > button:before {
  background: none;
}

.job-info-detail {
  position: relative;
  display: flex !important;
  width: 100%;
}

.job-info-detail:focus-visible {
  outline: revert;
  outline-offset: -3px;
}

@media not all and (max-width: 767px) {
  .job-info-detail {
    flex: 0 1 auto;
    padding: 20px 20px;
  }
}
@media (max-width: 767px) {
  .job-info-detail {
    flex: 0 0 auto;
    padding: 3.2vw 0;
    border-bottom: 1px solid #55bbf1;
  }
}
@media (hover: hover) {
  .job-info-detail:not(.job-info-detail--preparing):hover {
    opacity: 0.8;
  }
}
.job-info-detail:before {
  flex: 0 0 auto;
  display: block;
  border-radius: 50%;
  background: url(/kanto/images/top/ico-arrow_A.png) center center/contain no-repeat #55bbf1;
  aspect-ratio: 1/1;
  content: "";
}

@media not all and (max-width: 767px) {
  .job-info-detail:before {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .job-info-detail:before {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    margin-top: 0.6666666667vw;
    margin-left: 1.8666666667vw;
    margin-right: 3.7333333333vw;
  }
}
@media not all and (max-width: 767px) {
  .job-info-detail:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 1px;
    height: calc(100% - 40px);
    background: #55bbf1;
    margin-block: auto;
    content: "";
  }
}
@media not all and (max-width: 767px) {
  .job-info-detail:nth-child(3n):after {
    display: none;
  }
}
.job-info-detail_inner {
  display: flex;
  flex-direction: column;
}

.job-info-detail_main {
  flex: 1 0 auto;
}

.job-info-detail_sub-ttl {
  margin-bottom: 0.3em;
  line-height: 1.4;
}

@media not all and (max-width: 767px) {
  .job-info-detail_sub-ttl {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .job-info-detail_sub-ttl {
    font-size: 3.7333333333vw;
  }
}
.job-info-detail_ttl {
  margin-bottom: 0.3em;
  font-weight: 700;
  line-height: 1.4;
}

@media not all and (max-width: 767px) {
  .job-info-detail_ttl {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .job-info-detail_ttl {
    font-size: 4.2666666667vw;
  }
}
.job-info-detail_content {
  line-height: 1.4;
}

@media not all and (max-width: 767px) {
  .job-info-detail_content {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .job-info-detail_content {
    font-size: 4vw;
  }
}
.job-info-detail_img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 750/530;
  flex: 0 0 auto;
}

@media not all and (max-width: 767px) {
  .job-info-detail_img {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .job-info-detail_img {
    margin-top: 4vw;
  }
}
.job-info-detail_img img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.job-info-btn-list {
  display: flex;
}

@media not all and (max-width: 767px) {
  .job-info-btn-list {
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    padding-left: 75px;
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}
@media (max-width: 767px) {
  .job-info-btn-list {
    flex-direction: column;
    width: 100%;
    row-gap: 6.4vw;
    margin-top: 6.4vw;
  }
}
.job-info-btn-list_item {
  line-height: 16px;
}

@media not all and (max-width: 767px) {
  .job-info-btn-list_item {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .job-info-btn-list_item {
    width: 76vw;
    margin-inline: auto;
  }
}
.job-info-btn-label {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media not all and (max-width: 767px) {
  .job-info-btn-label {
    font-size: 14px;
    margin-bottom: 0.75em;
  }
}
@media (max-width: 767px) {
  .job-info-btn-label {
    font-size: 3.7333333333vw;
    margin-bottom: 0.875em;
    letter-spacing: 0.11em;
  }
}
.job-info-btn-label:before, .job-info-btn-label:after {
  flex: 0 0 auto;
  display: block;
  width: 1.414em;
  height: 1px;
  background-color: #333;
  content: "";
}

.job-info-btn-label:before {
  rotate: 45deg;
}

.job-info-btn-label:after {
  rotate: -45deg;
}

.job-info-btn-label > span {
  flex: 0 1 auto;
  display: block;
  margin-inline: 0.2em;
}

.job-info-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 100vmax;
  color: #fff;
}

.job-info-btn:hover {
  opacity: 0.8;
}

@media not all and (max-width: 767px) {
  .job-info-btn {
    height: 44px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .job-info-btn {
    height: 16vw;
    font-size: 5.0666666667vw;
  }
}
.job-info-btn[target=_blank]:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  display: block;
  width: 0.8em;
  height: 0.8em;
  margin-block: auto;
  background: url(/kanto/images/top/chk-white.png) top/contain no-repeat;
  content: "";
}

.job-info-btn--c-accent {
  background-color: #156dac;
}

.job-info-btn--c-orange {
  background-color: #e87500;
}

.job-info-btn--c-main {
  background-color: #55bbf1;
}

.job-info-btn_txt {
  line-height: inherit;
  font-size: 100%;
  translate: 0 -0.05em;
  letter-spacing: 0.08em;
}

.bnr-area {
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .bnr-area {
    margin-block: 90px;
  }
}
@media (max-width: 767px) {
  .bnr-area {
    padding-inline: 5.5vw;
    margin-block: 9vw;
  }
}
.bnr-area_inner {
  display: flex;
  justify-content: center;
  position: relative;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .bnr-area_inner {
    gap: 65px;
    padding-inline: 70px;
    max-width: 1200px;
  }
}
@media (max-width: 767px) {
  .bnr-area_inner {
    flex-wrap: wrap;
    gap: 5vw;
  }
}
.bnr-area_link {
  filter: brightness(1);
  transition: ease 0.3s;
  display: inline-block;
  cursor: pointer;
}

@media (min-width: 768px) {
  .bnr-area_link {
    width: 400px;
  }
}
@media (any-hover: hover) and (any-pointer: fine) {
  .bnr-area_link:hover {
    filter: brightness(1.05);
  }
}
/*============================
.person
============================*/
.person {
  position: relative;
  margin-bottom: 486px;
}
@media (max-width: 767px) {
  .person {
    margin-bottom: 12vw;
  }
}
.person::before {
  content: "";
  position: absolute;
  display: block;
  z-index: -2;
  top: 290px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 688px;
  background: url(/kanto/images/common/blue-smooth-bg.svg) no-repeat center/cover;
}
@media not all and (max-width: 767px) {
  .second-mv + .person::before {
    top: auto;
    bottom: -353px;
  }
}
@media (max-width: 767px) {
  .person::before {
    display: none;
  }
}
.person > .container {
  max-width: 1380px;
}
.person__content {
  margin-bottom: 47px;
}
@media (max-width: 767px) {
  .person__content {
    margin-bottom: 14vw;
  }
}

.person__ttl span {
  padding-right: 70px;
  padding-left: 70px;
}
@media (max-width: 767px) {
  .person__ttl span {
    padding-right: 5vw;
    padding-left: 5vw;
  }
}

.person__img {
  pointer-events: none;
  position: relative;
  z-index: 1;
  margin-inline: auto;
  margin-top: -182px;
}

.person-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .person-list {
    flex-direction: column;
  }
}
@media not all and (max-width: 767px) {
  .person-list__item.t-person03 {
    z-index: 2;
  }
  .person-list__item.t-person04 {
    z-index: 1;
  }
}
@media not all and (max-width: 767px) {
  .person-list__item:not(:last-of-type) {
    margin-right: 33px;
  }
}
@media (max-width: 767px) {
  .person-list__item {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .person-list__item:not(:last-of-type) {
    margin-bottom: 3.3vw;
  }
}

.person-card {
  width: 278px;
  height: 296px;
  padding: 18px 20px 0 16px;
  border-radius: 5px;
  transition: all ease 0.1s;
}
@media (max-width: 767px) {
  .person-card {
    display: flex;
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 0;
  }
}
.person-card.t-person01 {
  background-color: #55bbf1;
}
@media not all and (max-width: 767px) {
  .person-card.t-person01 {
    border: 3px solid #55bbf1;
  }
}
@media (max-width: 767px) {
  .person-card.t-person01 {
    flex-direction: row-reverse;
  }
}
.person-card.t-person02 {
  background-color: #ffb45e;
}
@media not all and (max-width: 767px) {
  .person-card.t-person02 {
    border: 3px solid #ffb45e;
  }
}
.person-card.t-person03 {
  background-color: #ff9eb1;
}
@media not all and (max-width: 767px) {
  .person-card.t-person03 {
    border: 3px solid #ff9eb1;
  }
}
@media (max-width: 767px) {
  .person-card.t-person03 {
    flex-direction: row-reverse;
  }
}
.person-card.t-person04 {
  background-color: #cd9fdc;
}
@media not all and (max-width: 767px) {
  .person-card.t-person04 {
    border: 3px solid #cd9fdc;
  }
}
@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card {
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
  }
}

@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card.t-person01 {
    border: 3px solid #55bbf1;
    color: #55bbf1;
  }
}

@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card.t-person02 {
    border: 3px solid #ffb45e;
    color: #ffb45e;
  }
}

@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card.t-person03 {
    border: 3px solid #ff9eb1;
    color: #ff9eb1;
  }
}

@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card.t-person04 {
    border: 3px solid #cd9fdc;
    color: #cd9fdc;
  }
}

.person-card__content {
  position: relative;
  color: #fff;
  font-size: 22px;
}
@media (max-width: 767px) {
  .person-card__content {
    flex: 1 1 auto;
    font-size: 5vw;
  }
}
@media (max-width: 767px) {
  .person-card__content.t-person01 {
    margin-top: 3vw;
  }
}
@media (max-width: 767px) {
  .person-card__content.t-person02 {
    margin-top: 4vw;
  }
}
@media (max-width: 767px) {
  .person-card__content.t-person03 {
    margin-top: 4vw;
  }
}
@media (max-width: 767px) {
  .person-card__content.t-person04 {
    margin-top: 4.5vw;
  }
}
@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card__content.t-person01 {
    color: #55bbf1;
  }
}
@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card__content.t-person02 {
    color: #ffb45e;
  }
}
@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card__content.t-person03 {
    color: #ff9eb1;
  }
}
@media not all and (max-width: 767px) {
  .person-list__link:hover .person-card__content.t-person04 {
    color: #cd9fdc;
  }
}

.person-card__ttl {
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .person-card__ttl {
    margin-bottom: 1vw;
    text-align: left;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .person-card__ttl.t-person01 {
    margin-left: 4vw;
  }
}
@media (max-width: 767px) {
  .person-card__ttl.t-person02 {
    margin-left: 5vw;
  }
}
@media (max-width: 767px) {
  .person-card__ttl.t-person03 {
    margin-left: 4vw;
  }
}
@media (max-width: 767px) {
  .person-card__ttl.t-person04 {
    margin-left: 6vw;
  }
}

.person-card__arrow span {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  margin-left: auto;
  border-radius: 50%;
  border: 3px solid #fff;
  transition: border-color ease 0.1s;
}
@media not all and (max-width: 767px) {
  .t-person01 .person-list__link:hover .person-card__arrow span {
    border-color: #55bbf1;
  }
}
@media not all and (max-width: 767px) {
  .t-person02 .person-list__link:hover .person-card__arrow span {
    border-color: #ffb45e;
  }
}
@media not all and (max-width: 767px) {
  .t-person03 .person-list__link:hover .person-card__arrow span {
    border-color: #ff9eb1;
  }
}
@media not all and (max-width: 767px) {
  .t-person04 .person-list__link:hover .person-card__arrow span {
    border-color: #cd9fdc;
  }
}
@media (max-width: 767px) {
  .person-card__arrow span {
    margin-inline: auto;
    width: 12vw;
    height: 12vw;
    border: 1vw solid #fff;
  }
}
.person-card__arrow span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 15px;
  height: 18px;
  background: url(/kanto/images/top/person-triangle.png) no-repeat center center/contain;
  transition: background-image ease 0.1s;
}
@media (max-width: 767px) {
  .person-card__arrow span::before {
    width: 4vw;
    height: 5vw;
  }
}
@media not all and (max-width: 767px) {
  .t-person01 .person-list__link:hover .person-card__arrow span::before {
    background-image: url(/kanto/images/top/person-triangle-person01.png);
  }
}
@media not all and (max-width: 767px) {
  .t-person02 .person-list__link:hover .person-card__arrow span::before {
    background-image: url(/kanto/images/top/person-triangle-person02.png);
  }
}
@media not all and (max-width: 767px) {
  .t-person03 .person-list__link:hover .person-card__arrow span::before {
    background-image: url(/kanto/images/top/person-triangle-person03.png);
  }
}
@media not all and (max-width: 767px) {
  .t-person04 .person-list__link:hover .person-card__arrow span::before {
    background-image: url(/kanto/images/top/person-triangle-person04.png);
  }
}
@media (max-width: 767px) {
  .t-person02 > .person-card__arrow {
    padding-left: 4vw;
  }
}
@media (max-width: 767px) {
  .t-person03 > .person-card__arrow {
    padding-left: 11vw;
  }
}

@media (max-width: 767px) {
  .person-card__img {
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .person-card__img.t-person01 {
    margin-top: -9vw;
    width: 58.2%;
  }
}
@media (max-width: 767px) {
  .person-card__img.t-person02 {
    margin-top: -3vw;
    width: 45%;
  }
}
@media (max-width: 767px) {
  .person-card__img.t-person03 {
    margin-top: -2vw;
    width: 47.1%;
  }
}
@media (max-width: 767px) {
  .person-card__img.t-person04 {
    margin-top: -4vw;
    margin-left: -8vw;
    width: 49.33%;
  }
}
@media (max-width: 767px) {
  .person-card__img img {
    vertical-align: bottom;
  }
}

@media not all and (max-width: 767px) {
  .person-card__img-inner {
    position: absolute;
    pointer-events: none;
  }
  .t-person01 .person-card__img-inner {
    margin-left: -60px;
    margin-top: -21px;
  }
  .t-person02 .person-card__img-inner {
    margin-left: 11px;
    margin-top: -26px;
  }
  .t-person03 .person-card__img-inner {
    margin-left: -19px;
    margin-top: -18px;
  }
  .t-person04 .person-card__img-inner {
    margin-left: -74px;
    margin-top: -18px;
  }
  .person-card__img-inner img {
    max-width: none;
  }
}

/*============================
.company
============================*/
.company__content {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .company__content {
    margin-bottom: 7vw;
  }
}

@media not all and (max-width: 767px) {
  .company-map {
    position: relative;
    margin-bottom: 128px;
    width: 1100px;
    height: 686px;
    background: url(/kanto/images/top/company-map.png) no-repeat center center/contain;
  }
}
@media (max-width: 767px) {
  .company-map {
    padding-bottom: 7.3048vw;
    margin-bottom: 7vw;
    background-color: #f0f7fc;
  }
}
@media (max-width: 767px) {
  .company-map__img {
    margin-bottom: 1vw;
  }
}
@media (max-width: 767px) {
  .company-map__img img {
    display: block;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .company-map__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.8662vw;
  }
}

.company-map__item {
  font-weight: bold;
  color: #1768a1;
  transition: all ease 0.1s;
}
@media not all and (max-width: 767px) {
  .company-map__item {
    position: absolute;
    padding-left: 44px;
    padding-top: 7px;
    width: 265px;
    height: 57px;
    background: url(/kanto/images/top/bg_map_link_m.svg) no-repeat center center/contain;
    font-size: 2.7em;
    letter-spacing: 0;
  }
  .company-map__item::before {
    background: url(/kanto/images/top/bg_map_link_m_hover.svg) no-repeat center center/contain;
  }
  .company-map__item:hover {
    background: url(/kanto/images/top/bg_map_link_m_hover.svg) no-repeat center center/contain;
    color: #fff;
  }
  .company-map__item.company-map-btn-l {
    width: 343px;
    background: url(/kanto/images/top/bg_map_link_l.svg) no-repeat center center/contain;
  }
  .company-map__item.company-map-btn-l::before {
    background: url(/kanto/images/top/bg_map_link_l_hover.svg) no-repeat center center/contain;
  }
  .company-map__item.company-map-btn-l:hover {
    background: url(/kanto/images/top/bg_map_link_l_hover.svg) no-repeat center center/contain;
  }
}
@media (max-width: 767px) {
  .company-map__item {
    display: flex;
    flex-basis: 43.597vw;
    padding-top: 0.8%;
    width: 43.8636vw;
    height: 7.6806vw;
    background: url(/kanto/images/top/bg_map_link_sp.svg) no-repeat center center/cover;
    font-size: 3.6204vw;
    letter-spacing: -0.05em;
  }
  .company-map__item a {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .company-map__item-ikebukuro {
    top: 15px;
    left: 462px;
  }
}
@media (max-width: 767px) {
  .company-map__item-ikebukuro {
    order: 2;
  }
}

@media (min-width: 768px) {
  .company-map__item-ikebukuro-east {
    top: 79px;
    left: 462px;
  }
}
@media (max-width: 767px) {
  .company-map__item-ikebukuro-east {
    order: 1;
  }
}

@media (min-width: 768px) {
  .company-map__item-komagome {
    top: 165px;
    left: 669px;
  }
}
@media (max-width: 767px) {
  .company-map__item-komagome {
    order: 3;
  }
}

@media (min-width: 768px) {
  .company-map__item-chibaichikawa {
    top: 466px;
    left: 716px;
  }
}
@media (max-width: 767px) {
  .company-map__item-chibaichikawa {
    order: 6;
  }
}

@media (min-width: 768px) {
  .company-map__item-yokohama {
    top: 602px;
    left: 602px;
  }
}
@media (max-width: 767px) {
  .company-map__item-yokohama {
    order: 4;
  }
}

@media (min-width: 768px) {
  .company-map__item-tama {
    top: 418px;
    left: 37px;
  }
}
@media (max-width: 767px) {
  .company-map__item-tama {
    order: 5;
  }
}

.company-news {
  display: flex;
  align-items: center;
  margin-bottom: 120px;
  padding: 5px;
  background-color: #f0f7fc;
}
@media (max-width: 767px) {
  .company-news {
    flex-direction: column;
    padding: 1vw;
    margin-bottom: 9vw;
  }
}
.company-news__head {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 57px;
  color: #156dac;
  text-align: center;
}
@media (max-width: 767px) {
  .company-news__head {
    flex: 1 1 auto;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 3.5vw 6.4vw 3.5vw 9vw;
  }
}

.company-news__body {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .company-news__body {
    width: 100%;
  }
}

.company-news__ttl {
  font-size: 35px;
}
@media (max-width: 767px) {
  .company-news__ttl {
    font-size: 5vw;
  }
}

.company-news__link {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 20px;
  border-bottom: 2px solid transparent;
  transition: all ease 0.1s;
}
@media (max-width: 767px) {
  .company-news__link {
    font-size: 3.7333333333vw;
  }
}
@media not all and (max-width: 767px) {
  .company-news__link:hover {
    border-bottom: 2px solid #156dac;
  }
  @media (min-width: 768px) {
    .company-news__link:hover span:nth-of-type(2) {
      transform: scale(1.13);
      transform-origin: left bottom;
    }
  }
}
.company-news__link span:nth-of-type(1) {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .company-news__link span:nth-of-type(1) {
    margin-right: 1.0666666667vw;
  }
}
.company-news__link span:nth-of-type(2) {
  position: relative;
  display: block;
  width: 23px;
  height: 23px;
  background-color: #156dac;
  border-radius: 50%;
  transform: scale(1);
  transition: transform ease 0.1s;
}
@media (max-width: 767px) {
  .company-news__link span:nth-of-type(2) {
    width: 5vw;
    height: 5vw;
  }
}
.company-news__link span:nth-of-type(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 9px;
  background: url(/kanto/images/common/white-triangle-icon.svg) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .company-news__link span:nth-of-type(2)::before {
    width: 2vw;
    height: 2vw;
  }
}

.company-news-list__item {
  position: relative;
  background-color: #fff;
}
.company-news-list__item::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #f0f7fc;
}
@media (max-width: 767px) {
  .company-news-list__item::after {
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    height: 0.5vw;
  }
}

.company-news-card {
  display: flex;
  padding: 20px 27px;
}
@media (max-width: 767px) {
  .company-news-card {
    flex-direction: column;
    align-items: start;
    padding: 3vw 2.1333333333vw 2vw;
  }
}
.company-news-card__meta {
  margin-right: 25px;
  color: #156dac;
  font-size: 20px;
}
@media (max-width: 767px) {
  .company-news-card__meta {
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
  }
}

.company-news-card__desc {
  font-size: 20px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .company-news-card__desc {
    line-height: 1.75;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
  }
}

@media (min-width: 768px) {
  .company-news-card:hover .company-news-card__desc {
    color: #156dac;
    text-decoration: underline;
  }
}

.company-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .company-list {
    flex-direction: column;
    margin-bottom: 9vw;
  }
}
.company-list__item {
  display: flex;
  width: 252px;
}
@media (max-width: 767px) {
  .company-list__item {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .company-list__item:not(:last-of-type) {
    margin-bottom: 16vw;
  }
}

.company-card {
  text-align: center;
}
.company-card__img {
  margin-inline: auto;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .company-card__img {
    width: 48.5333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.company-card__img img {
  display: block;
}

.company-card__content {
  margin-bottom: 34px;
}
@media (max-width: 767px) {
  .company-card__content {
    margin-bottom: 2vw;
  }
}

.company-card__ttl {
  margin-inline: -0.5em;
  margin-bottom: 10px;
  color: #156dac;
  font-size: 35px;
  letter-spacing: 0.07em;
}
@media (max-width: 767px) {
  .company-card__ttl {
    margin-bottom: 1vw;
    font-size: 5.5vw;
  }
}
.company-card__ttl span {
  background: linear-gradient(transparent 60%, #f1f9ff 60%);
}
.company-card__ttl.t-work span {
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .company-card__ttl.t-work span {
    padding-right: 2.5vw;
    padding-left: 2.5vw;
  }
}

.company-card__desc {
  min-height: 102px;
  font-size: 20px;
  text-align: left;
  line-height: 1.7;
}
@media not all and (max-width: 767px) {
  .company-card__desc {
    margin-right: -0.5em;
  }
}
@media (max-width: 767px) {
  .company-card__desc {
    min-height: unset;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    line-height: 1.75;
    letter-spacing: 0.02em;
    font-size: 3.7333333333vw;
  }
}

.company-card-link {
  cursor: pointer;
  position: relative;
  display: block;
  padding-bottom: 6px;
}
@media (max-width: 767px) {
  .company-card-link {
    width: 70vw;
    margin-inline: auto;
    padding-bottom: 2vw;
  }
}
.company-card-link__front {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  border-radius: 23px;
  border: 3px solid #156dac;
  color: #156dac;
  font-size: 20px;
}
@media (max-width: 767px) {
  .company-card-link__front {
    height: 12vw;
    border-radius: 50vw;
    border: 1vw solid #156dac;
    font-size: 5vw;
  }
}
.company-card-link__front:active {
  transform: translate(6px, 6px);
}
@media (max-width: 767px) {
  .company-card-link__front:active {
    transform: translate(2vw, 2vw);
  }
}
.company-card-link__front span:nth-of-type(2) {
  position: relative;
  display: block;
  width: 23px;
  height: 23px;
  background-color: #156dac;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .company-card-link__front span:nth-of-type(2) {
    width: 6vw;
    height: 6vw;
    margin-left: 8vw;
  }
}
.company-card-link__front span:nth-of-type(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 9px;
  background: url(/kanto/images/common/white-triangle-icon.svg) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .company-card-link__front span:nth-of-type(2)::before {
    width: 3vw;
    height: 3vw;
  }
}

.company-card-link__back {
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 46px;
  border-radius: 23px;
  background-color: #f1f9ff;
}
@media (max-width: 767px) {
  .company-card-link__back {
    top: 2vw;
    left: 2vw;
    height: 12vw;
    border-radius: 50vw;
  }
}

.bnr {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .bnr {
    margin-bottom: 12vw;
  }
}
.bnr-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .bnr-list {
    flex-direction: column;
  }
}
.bnr-list__item:not(:last-of-type) {
  margin-right: 35px;
}
@media (max-width: 767px) {
  .bnr-list__item:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 3vw;
  }
}

.bnr-card__link {
  display: block;
  transition: opacity 0.25s linear;
}
.bnr-card__link:hover {
  opacity: 0.7;
}

.top-sec-ttl {
  margin-bottom: 10px;
  color: #156dac;
  font-size: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .top-sec-ttl {
    margin-bottom: 1.6vw;
    font-size: 5.6vw;
    letter-spacing: 0.02em;
  }
}
.top-sec-ttl span {
  background: linear-gradient(transparent 60%, #f1f9ff 60%);
}

.top-sec-desc {
  font-size: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .top-sec-desc {
    font-size: 3.7333333333vw;
    line-height: 1.75;
    letter-spacing: 0.02em;
    text-align: left;
  }
}

/*============================
job
============================*/
.work-example {
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .work-example {
    margin-bottom: 12vw;
  }
}

.work-example-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 169px;
}
@media (max-width: 767px) {
  .work-example-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 5vw 6vw;
  }
}
.work-example-list__item {
  max-width: 534px;
}
@media (max-width: 767px) {
  .work-example-list__item {
    row-gap: 5vw;
    max-width: none;
  }
}

.work-example-card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  width: 254px;
  height: 254px;
  background-color: #f1f9ff;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .work-example-card__img {
    margin-bottom: 3vw;
    width: 42vw;
    height: 42vw;
  }
}
@media (max-width: 767px) {
  .work-example-card__img img {
    width: 42vw;
  }
}

.work-example-card__ttl {
  margin-bottom: 10px;
  font-size: 25px;
  color: #156dac;
}
@media (max-width: 767px) {
  .work-example-card__ttl {
    margin-bottom: 1vw;
    font-size: 4.53vw;
    font-weight: bold;
    letter-spacing: 0.02em;
  }
}

.work-example-card__desc {
  font-size: 20px;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .work-example-card__desc {
    font-size: 3.7324vw;
  }
}

.work-support {
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .work-support {
    margin-bottom: 12vw;
  }
}

.work-movie {
  margin-bottom: 100px;
  background-color: #f1f9ff;
}
@media (max-width: 767px) {
  .work-movie {
    margin-bottom: 12vw;
  }
}
.work-movie__inner {
  padding-top: 65px;
  padding-bottom: 75px;
}
@media (max-width: 767px) {
  .work-movie__inner {
    padding-top: 4vw;
    padding-bottom: 10vw;
  }
}

.work-movie__box {
  position: relative;
  max-width: 738px;
  margin-inline: auto;
}

.work-movie__movie {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 756px;
  height: 427px;
}
@media (max-width: 767px) {
  .work-movie__movie {
    width: 89.3333333333vw;
    height: 50.456vw;
  }
}
.work-movie__movie > iframe {
  width: 100%;
  height: 100%;
}

.work-movie__illust {
  position: absolute;
  z-index: 1;
  right: -138px;
  top: 0;
  width: 223px;
  height: 250px;
  margin-top: 20px;
}

.motivation__illust {
  position: absolute;
  z-index: 1;
  right: -35px;
  bottom: -45px;
  width: 169px;
  height: 260px;
}
@media (max-width: 767px) {
  .motivation__illust {
    right: 0;
    bottom: 0;
    margin-right: -3vw;
    margin-bottom: -2vw;
    width: 19.1146666667vw;
    height: 29.6506666667vw;
  }
}

/*============================
skill
============================*/
.skill-acquire .sec-head-ttl {
  margin-bottom: 43px;
}
@media (max-width: 767px) {
  .skill-acquire .sec-head-ttl {
    margin-bottom: 9vw;
  }
}

.skill-area .third-intro {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .skill-area .third-intro {
    margin-bottom: 10vw;
  }
}

.skill-acquire__img {
  text-align: center;
}
@media not all and (max-width: 767px) {
  .skill-acquire__img {
    margin-left: -30px;
  }
}

/*============================
appeal
============================*/
.works-appeal .sec-head-ttl {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .works-appeal .sec-head-ttl {
    margin-bottom: 8vw;
  }
}

.works-appeal-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 50px;
}
@media (max-width: 767px) {
  .works-appeal-list {
    grid-template-columns: 1fr;
    gap: 8.5vw 0;
  }
}
.works-appeal-list__item {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .works-appeal-list__item {
    row-gap: 3.3vw;
  }
}

.works-appeal-card {
  display: contents;
}

.works-card-charm {
  background-color: #F1F9FF;
  border-radius: 7px;
  color: #156DAC;
  margin-bottom: 7px;
  padding: 12px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .works-card-charm {
    margin-bottom: 0;
  }
}
.works-card-charm__mv {
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .works-card-charm__mv {
    margin-bottom: 3.7333333333vw;
  }
}

.works-card-charm__point {
  text-align: center;
  font-size: 15px;
  background-color: #fff;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  padding: 10px 0;
}
@media (max-width: 767px) {
  .works-card-charm__point {
    font-size: 4vw;
    width: 15vw;
    height: 15vw;
    padding: 1vw 0;
  }
}
.works-card-charm__point span {
  display: block;
  font-size: 27px;
  margin-top: -6px;
}
@media (max-width: 767px) {
  .works-card-charm__point span {
    font-size: 6vw;
  }
}

.works-card-charm__img {
  display: inline-block;
  margin: 5px 0 0 45px;
}
@media (max-width: 767px) {
  .works-card-charm__img {
    margin: 1vw 0 0 18vw;
    width: 20%;
  }
  .works-card-charm__img img {
    display: block;
    width: 100%;
  }
}

.works-card-charm__ttl {
  text-align: center;
  font-size: 23px;
}
@media (max-width: 767px) {
  .works-card-charm__ttl {
    font-size: 4.5vw;
  }
}

@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(2) .works-card-charm__mv {
    margin-bottom: 3vw;
  }
}
.works-appeal-list__item:nth-of-type(2) .works-card-charm__img {
  margin-left: 52px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(2) .works-card-charm__img {
    margin: 2vw 0 0 20vw;
    width: 17%;
  }
}
.works-appeal-list__item:nth-of-type(3) .works-card-charm__mv {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(3) .works-card-charm__mv {
    margin-bottom: 3.2vw;
  }
}
.works-appeal-list__item:nth-of-type(3) .works-card-charm__img {
  margin: -4px 0 0 17px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(3) .works-card-charm__img {
    margin: 1vw 0 0 14vw;
    width: 30%;
  }
}
.works-appeal-list__item:nth-of-type(4) .works-card-charm__mv {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(4) .works-card-charm__mv {
    margin-bottom: 3.2vw;
  }
}
.works-appeal-list__item:nth-of-type(4) .works-card-charm__img {
  margin-left: 39px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(4) .works-card-charm__img {
    margin-left: 17vw;
    width: 23%;
  }
}
@media not all and (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(5) .works-card-charm__mv {
    margin-bottom: 15px;
  }
}
.works-appeal-list__item:nth-of-type(5) .works-card-charm__img {
  margin: 15px 0 0 37px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(5) .works-card-charm__img {
    margin: 1vw 0 0 15vw;
    width: 27%;
  }
}
.works-appeal-list__item:nth-of-type(6) .works-card-charm__mv {
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(6) .works-card-charm__mv {
    margin-bottom: 4.2666666667vw;
  }
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(6) .works-card-charm__ttl {
    font-size: 4vw;
  }
}
.works-appeal-list__item:nth-of-type(6) .works-card-charm__img {
  margin: 10px 0 0 30px;
}
@media (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(6) .works-card-charm__img {
    margin: 1vw 0 0 13vw;
    width: 32%;
  }
}
@media not all and (max-width: 767px) {
  .works-appeal-list__item:nth-of-type(4) .works-card-txt__desc, .works-appeal-list__item:nth-of-type(5) .works-card-txt__desc, .works-appeal-list__item:nth-of-type(6) .works-card-txt__desc {
    max-width: 260px;
  }
}

.works-card-txt__desc {
  font-size: 19px;
  margin: 0 auto 14px;
  line-height: 1.85;
}
@media not all and (max-width: 767px) {
  .works-card-txt__desc {
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .works-card-txt__desc {
    line-height: 1.75;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    margin-bottom: 0;
  }
}

.works-card-txt-link {
  width: 252px;
  padding-bottom: 6px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .works-card-txt-link {
    width: 100%;
    padding-bottom: 0;
  }
}

/*============================
mission
============================*/
.mission-area .third-intro {
  margin-bottom: 98px;
}
@media (max-width: 767px) {
  .mission-area .third-intro {
    margin-bottom: 5vw;
  }
}

@media (max-width: 767px) {
  .call-center {
    margin-bottom: 46vw;
  }
}
.call-center .container__bg {
  background-color: #F1F9FF;
  border-radius: 25px;
  padding: 39px 55px 49px;
  font-weight: 700;
  position: relative;
}
@media (max-width: 767px) {
  .call-center .container__bg {
    padding: 11vw 4.5vw 9vw;
  }
}

.call-center-heading {
  text-align: center;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .call-center-heading {
    margin-bottom: 8vw;
  }
}
.call-center-heading__ttl {
  font-size: 33px;
  color: #D00F2B;
}
@media not all and (max-width: 767px) {
  .call-center-heading__ttl {
    letter-spacing: 0.07em;
  }
}
@media (max-width: 767px) {
  .call-center-heading__ttl {
    font-size: 5.5vw;
  }
}

.call-center-heading__sub-ttl {
  font-size: 30px;
}
@media (max-width: 767px) {
  .call-center-heading__sub-ttl {
    font-size: 6.5vw;
  }
}
.call-center-heading__sub-ttl span {
  display: inline-block;
  font-size: 75px;
  height: 95px;
}
@media (max-width: 767px) {
  .call-center-heading__sub-ttl span {
    height: 12vw;
    font-size: 14vw;
    letter-spacing: 0.06em;
  }
}

.call-center-vision__colum {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .call-center-vision__colum {
    flex-direction: column;
    margin-bottom: 10vw;
  }
}

@media (max-width: 767px) {
  .call-center-vision > .call-center-slogan .call-center-slogan__message {
    margin-bottom: 5vw;
  }
}

@media not all and (max-width: 767px) {
  .call-center-vision__colum .call-center-slogan {
    width: 480px;
  }
}

.call-center-slogan__message {
  padding: 10px 0;
  background-color: #fff;
  border-radius: 10px;
  font-size: 20px;
  margin-bottom: 18px;
  text-align: center;
}
@media (max-width: 767px) {
  .call-center-slogan__message {
    padding: 0.5vw 0 1vw;
    font-size: 3.5vw;
    margin-bottom: 3vw;
  }
}
.call-center-slogan__message span {
  font-size: 33px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .call-center-slogan__message span {
    font-size: 6.5vw;
    margin-right: 3vw;
  }
}

.call-center-slogan__detail {
  font-size: 24px;
}
@media (max-width: 767px) {
  .call-center-slogan__detail {
    font-size: 4vw;
  }
}

@media (max-width: 767px) {
  .call-center-vision__colum .call-center-slogan:nth-of-type(1) {
    margin-bottom: 10vw;
  }
}
.call-center-vision__colum .call-center-slogan__detail {
  text-align: center;
}

.call-center-tcip {
  display: flex;
}
@media (max-width: 767px) {
  .call-center-tcip {
    flex-direction: column;
  }
}
@media not all and (max-width: 767px) {
  .call-center-tcip__img {
    margin-right: 47px;
  }
}
@media (max-width: 767px) {
  .call-center-tcip__img {
    text-align: center;
    margin-bottom: 8vw;
  }
}

.call-center-tcip-info {
  display: flex;
}
@media not all and (max-width: 767px) {
  .call-center-tcip-info {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .call-center-tcip-info {
    flex-direction: column;
    padding: 0 2vw;
  }
}

@media not all and (max-width: 767px) {
  .call-center-tcip-info-list:nth-of-type(1) {
    margin-right: 37px;
  }
}
@media (max-width: 767px) {
  .call-center-tcip-info-list:nth-of-type(1) {
    margin-bottom: 6vw;
  }
}
.call-center-tcip-info-list__item:nth-of-type(1) {
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .call-center-tcip-info-list__item:nth-of-type(1) {
    margin-bottom: 5vw;
  }
}

.tcip-card {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .tcip-card.tcip-card-t .tcip-card__word {
    margin-top: -1.5vw;
  }
}
.tcip-card.tcip-card-c .tcip-card__word span {
  font-size: 14px;
}
@media (max-width: 767px) {
  .tcip-card.tcip-card-c .tcip-card__word span {
    font-size: 3vw;
  }
}
.tcip-card.tcip-card-i {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .tcip-card.tcip-card-i {
    margin-left: 1.9vw;
  }
}
.tcip-card.tcip-card-i .tcip-card__word span {
  font-size: 14px;
}
@media (max-width: 767px) {
  .tcip-card.tcip-card-i .tcip-card__word span {
    font-size: 3vw;
  }
}
.tcip-card.tcip-card-i .tcip-card__img {
  margin-right: 20px;
}
.tcip-card__label {
  display: flex;
  align-items: center;
  min-width: 139px;
}
@media (max-width: 767px) {
  .tcip-card__label {
    min-width: 32vw;
  }
}

.tcip-card__img {
  margin-right: 9px;
}
@media (max-width: 767px) {
  .tcip-card__img {
    margin-right: 2vw;
  }
}

.tcip-card__word {
  font-size: 23px;
  color: #767676;
}
@media (max-width: 767px) {
  .tcip-card__word {
    font-size: 4vw;
  }
}
.tcip-card__word span {
  font-size: 16px;
  display: block;
  color: #333;
}
@media (max-width: 767px) {
  .tcip-card__word span {
    font-size: 3vw;
  }
}

.tcip-card__txt {
  font-size: 19px;
  padding-left: 18px;
  min-width: 238px;
}
@media (max-width: 767px) {
  .tcip-card__txt {
    font-size: 3.5vw;
    padding-left: 0;
    min-width: 42vw;
  }
}

.call-center-img {
  position: absolute;
  bottom: -63px;
  right: -205px;
}
@media (max-width: 767px) {
  .call-center-img {
    bottom: -37vw;
    right: 0vw;
    max-width: 50%;
  }
}

/*============================
recruit point
============================*/
.point-movie {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .point-movie {
    margin-top: 0;
  }
}

/*============================
recruit process
============================*/
.process-step {
  background: #f1f9ff;
}
@media not all and (max-width: 767px) {
  .process-step {
    padding-top: 97px;
    padding-bottom: 94px;
  }
}
@media (max-width: 767px) {
  .process-step {
    padding-block: 5.3333333333vw;
  }
}

.process-step01-content {
  display: grid;
}
@media not all and (max-width: 767px) {
  .process-step01-content {
    grid-template-columns: 516px 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "desc job" "btn job";
  }
}
@media (max-width: 767px) {
  .process-step01-content {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "desc" "job" "btn";
  }
}
.process-step01-content__desc {
  grid-area: desc;
}
@media not all and (max-width: 767px) {
  .process-step01-content__desc {
    margin-top: -10px;
    margin-bottom: 10px;
    line-height: 2;
    font-size: 2rem;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .process-step01-content__desc {
    margin-bottom: 4.8vw;
    line-height: 1.75;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
  }
}
.process-step01-content__desc .t-highlight {
  color: #ff6f03;
}

.process-step01-content__job {
  grid-area: job;
}
@media (max-width: 767px) {
  .process-step01-content__job {
    margin-bottom: 5.6vw;
  }
}

.process-step01-content__job-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #bde3ff;
}
@media not all and (max-width: 767px) {
  .process-step01-content__job-link {
    width: 449px;
    height: 236px;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .process-step01-content__job-link {
    width: 65.6vw;
    height: 41.0666666667vw;
    margin-inline: auto;
    border-radius: 1.3333333333vw;
  }
}
.process-step01-content__job-link .t-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
}
@media not all and (max-width: 767px) {
  .process-step01-content__job-link .t-ico {
    width: 113px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .process-step01-content__job-link .t-ico {
    width: 21.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.process-step01-content__job-link .t-ico img {
  display: block;
}
@media not all and (max-width: 767px) {
  .process-step01-content__job-link .t-ico img {
    width: 64px;
  }
}
@media (max-width: 767px) {
  .process-step01-content__job-link .t-ico img {
    width: 13.6vw;
  }
}
.process-step01-content__job-link .t-txt {
  text-align: center;
}
@media not all and (max-width: 767px) {
  .process-step01-content__job-link .t-txt {
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  .process-step01-content__job-link .t-txt {
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 1;
  }
}

.process-step01-content__btn {
  grid-area: btn;
}
.process-step-box {
  position: relative;
  background: #fff;
}
@media not all and (max-width: 767px) {
  .process-step-box {
    padding-top: 82px;
    padding-bottom: 82px;
  }
}
@media (max-width: 767px) {
  .process-step-box {
    padding-top: 4.2666666667vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media not all and (max-width: 767px) {
  .process-step-box:not(:last-child) {
    margin-bottom: 93px;
  }
}
@media (max-width: 767px) {
  .process-step-box:not(:last-child) {
    margin-bottom: 15.2vw;
  }
}
.process-step-box:not(:last-child):after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  margin-inline: auto;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  background: #156dac;
  content: "";
}
@media not all and (max-width: 767px) {
  .process-step-box:not(:last-child):after {
    width: 35px;
    height: 30px;
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .process-step-box:not(:last-child):after {
    width: 5.3333333333vw;
    height: 4.5706666667vw;
    margin-top: 5.6vw;
  }
}
.process-step-box__inner {
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .process-step-box__inner {
    width: 1100px;
  }
}
@media (max-width: 767px) {
  .process-step-box__inner {
    width: 80vw;
  }
}

.process-step-box__ttl {
  position: relative;
  text-align: center;
  font-weight: 700;
  color: #156dac;
}
@media not all and (max-width: 767px) {
  .process-step-box__ttl {
    margin-bottom: 52px;
    font-size: 4rem;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .process-step-box__ttl {
    margin-inline: -5.0666666667vw;
    margin-bottom: 4vw;
    font-size: 5.6vw;
    letter-spacing: 0.021em;
  }
}
.process-step-box__ttl .t-ico {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  background: center/contain no-repeat;
}
@media not all and (max-width: 767px) {
  .process-step-box__ttl .t-ico {
    bottom: -5px;
    left: 83px;
    width: 174px;
    background-image: url(/kanto/images/recruit/process/ico_step-ttl01.svg);
    aspect-ratio: 174/161;
  }
}
@media (max-width: 767px) {
  .process-step-box__ttl .t-ico {
    width: 22.1333333333vw;
    left: 0;
    top: -14.9333333333vw;
    background-image: url(/kanto/images/recruit/process/ico_step-ttl01-sp.svg);
    aspect-ratio: 83/76.846;
  }
}
.process-step-box__ttl .t-ico:before, .process-step-box__ttl .t-ico:after {
  display: block;
  line-height: 1;
}
.process-step-box__ttl .t-ico:before {
  content: "Step";
}
@media not all and (max-width: 767px) {
  .process-step-box__ttl .t-ico:before {
    margin-top: -12px;
    font-size: 4rem;
    letter-spacing: 0.08em;
  }
}
@media (max-width: 767px) {
  .process-step-box__ttl .t-ico:before {
    margin-top: -0.5333333333vw;
    font-size: 4.8vw;
    letter-spacing: 0.08em;
  }
}
.process-step-box__ttl .t-ico:after {
  content: attr(data-num);
}
@media not all and (max-width: 767px) {
  .process-step-box__ttl .t-ico:after {
    font-size: 6.3rem;
  }
}
@media (max-width: 767px) {
  .process-step-box__ttl .t-ico:after {
    font-size: 7.7333333333vw;
  }
}
@media not all and (max-width: 767px) {
  .process-step-box__desc {
    margin-top: -0.6em;
    margin-bottom: 50px;
    line-height: 2;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .process-step-box__desc {
    margin-bottom: 7.7333333333vw;
    line-height: 1.75;
    letter-spacing: 0.02em;
    font-size: 3.7333333333vw;
  }
}

.process-step-box__note {
  display: flex;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .process-step-box__note {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: auto;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .process-step-box__note {
    margin-top: 1.0666666667vw;
    font-size: 3.2vw;
  }
}
.process-step-box__note > span:nth-child(1) {
  flex: 0 0 auto;
}
.process-step-box__note > span:nth-child(2) {
  flex: 0 1 auto;
}

.process-case-box {
  border: solid #156dac;
}
@media not all and (max-width: 767px) {
  .process-case-box {
    border-width: 5px;
    border-radius: 0 0 3px 3px;
  }
}
@media (max-width: 767px) {
  .process-case-box {
    border-width: 0.8vw;
    border-radius: 1.0666666667vw;
    margin-inline: -2.8vw;
  }
}
@media not all and (max-width: 767px) {
  .process-case-box.-case02 {
    margin-top: 58px;
  }
}
@media (max-width: 767px) {
  .process-case-box.-case02 {
    margin-top: 13.3333333333vw;
  }
}
.process-case-box__ttl {
  background: #156dac;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
@media not all and (max-width: 767px) {
  .process-case-box__ttl {
    padding-top: 2px;
    padding-bottom: 8px;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .process-case-box__ttl {
    padding-top: 0.8vw;
    padding-bottom: 2.4vw;
    letter-spacing: 0.02em;
    font-size: 3.7333333333vw;
  }
}
.process-case-box__ttl .t-sub {
  display: block;
}
@media not all and (max-width: 767px) {
  .process-case-box__ttl .t-sub {
    margin-bottom: 3px;
  }
}
.process-case-box__ttl .t-main {
  display: block;
}
@media not all and (max-width: 767px) {
  .process-case-box__ttl .t-main {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  .process-case-box__ttl .t-main {
    font-size: 4.8vw;
  }
}

.process-case-box__inner {
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .process-case-box__inner {
    width: 965px;
    padding-top: 47px;
    padding-bottom: 39px;
  }
}
@media (max-width: 767px) {
  .process-case-box__inner {
    width: 74.6666666667vw;
    padding-top: 4.5333333333vw;
    padding-bottom: 4.8vw;
  }
}

@media not all and (max-width: 767px) {
  .process-case-box__list:has(.process-case-step-box--clomuns-pc) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 82px;
         column-gap: 82px;
  }
}
.process-case-step-box {
  position: relative;
  display: grid;
}
@media (max-width: 767px) {
  .process-case-step-box {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "num ttl" "num desc" "img img";
  }
}
@media (max-width: 767px) {
  .process-case-step-box:not(:last-child) {
    margin-bottom: 14.4vw;
  }
}
.process-case-step-box:not(:last-child):after {
  position: absolute;
  display: block;
  background: center/contain no-repeat;
  content: "";
}
@media (max-width: 767px) {
  .process-case-step-box:not(:last-child):after {
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 283/17.009;
    margin-top: 5.0666666667vw;
    background-image: url(/kanto/images/recruit/process/case-step-separator01-sp.svg);
  }
}
@media not all and (max-width: 767px) {
  .process-case-step-box--row-pc {
    grid-template-columns: 122px 1fr 408px;
    grid-template-rows: auto 1fr;
    grid-template-areas: "num ttl img" "num desc img";
  }
  .process-case-step-box--row-pc:not(:last-child) {
    margin-bottom: 89px;
  }
  .process-case-step-box--row-pc:not(:last-child):after {
    top: 100%;
    left: 0;
    width: 100%;
    height: 19px;
    margin-top: 26px;
    background-image: url(/kanto/images/recruit/process/case-step-separator01.svg);
  }
  .process-case-step-box--row-pc.-box01-02 {
    --row-top: 48px;
  }
  .process-case-step-box--row-pc.-box01-03 {
    --row-top: 46px;
  }
  .process-case-step-box--row-pc.-box01-04 {
    --row-top: 40px;
  }
  .process-case-step-box--row-pc.-box01-05 {
    --row-top: 50px;
  }
}

@media not all and (max-width: 767px) {
  .process-case-step-box--clomuns-pc {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "num ttl" "img img" "desc desc";
    padding-top: 3px;
    padding-bottom: 19px;
  }
  .process-case-step-box--clomuns-pc:not(:last-child):after {
    top: 0;
    left: 100%;
    width: 36px;
    height: 100%;
    margin-left: 36px;
    background-image: url(/kanto/images/recruit/process/case-step-separator02.svg);
  }
}

.process-case-step-box__num {
  grid-area: num;
}
@media not all and (max-width: 767px) {
  .process-case-step-box--row-pc .process-case-step-box__num {
    padding-top: calc(var(--row-top, 0px));
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .process-case-step-box__num {
    padding-right: 2.9333333333vw;
  }
}
.process-case-step-box__num > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: solid currentColor;
  color: #156dac;
  line-height: 1;
  font-weight: 700;
}
@media not all and (max-width: 767px) {
  .process-case-step-box--row-pc .process-case-step-box__num > span {
    width: 100%;
    border-width: 5px;
    font-size: 9rem;
  }
  .process-case-step-box--clomuns-pc .process-case-step-box__num > span {
    width: 1em;
    margin-right: 3px;
    border-width: 1px;
    font-size: 2.5rem;
    line-height: 1;
    translate: 0 2px;
  }
  .process-case-step-box--clomuns-pc.-box02-03 .process-case-step-box__num > span {
    margin-left: 56px;
  }
}
@media (max-width: 767px) {
  .process-case-step-box__num > span {
    width: 13.3333333333vw;
    border-width: 0.8vw;
    font-size: 10.1333333333vw;
  }
}
.process-case-step-box__num > span:before {
  display: block;
  letter-spacing: 0;
  translate: 0 -0.06em;
  content: attr(data-num);
}
@media not all and (max-width: 767px) {
  .process-case-step-box--clomuns-pc .process-case-step-box__num > span:before {
    font-size: 0.8em;
  }
}

.process-case-step-box__ttl {
  grid-area: ttl;
  font-weight: 700;
  color: #156dac;
}
@media not all and (max-width: 767px) {
  .process-case-step-box--row-pc .process-case-step-box__ttl {
    padding-top: calc(var(--row-top, 0px) + 3px);
    margin-bottom: 8px;
    font-size: 2.9rem;
    letter-spacing: 0.04em;
  }
  .process-case-step-box--clomuns-pc .process-case-step-box__ttl {
    font-size: 2.5rem;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .process-case-step-box__ttl {
    margin-top: -0.8vw;
    margin-bottom: 1.3333333333vw;
    font-size: 4.8vw;
  }
}

.process-case-step-box__desc {
  grid-area: desc;
}
@media not all and (max-width: 767px) {
  .process-case-step-box--row-pc .process-case-step-box__desc {
    padding-right: 80px;
    line-height: 2;
    font-size: 2rem;
    letter-spacing: 0.02em;
  }
  .process-case-step-box--clomuns-pc .process-case-step-box__desc {
    font-size: 2rem;
    letter-spacing: 0.02em;
    line-height: 2;
  }
}
@media (max-width: 767px) {
  .process-case-step-box__desc {
    padding-right: 0.5em;
    line-height: 1.75;
    letter-spacing: 0.02em;
    font-size: 3.7333333333vw;
  }
}

.process-case-step-box__img {
  grid-area: img;
}
@media (max-width: 767px) {
  .process-case-step-box__img {
    padding-top: 4.8vw;
  }
}
.process-case-step-box__img > * {
  position: relative;
  background: #f1f9ff;
}
@media not all and (max-width: 767px) {
  .process-case-step-box--row-pc .process-case-step-box__img > * {
    min-height: 251px;
  }
  .process-case-step-box--row-pc .process-case-step-box__img > *.t-img01 {
    min-height: 241px;
    text-align: center;
  }
  .process-case-step-box--row-pc .process-case-step-box__img > *.t-img01 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .process-case-step-box--row-pc .process-case-step-box__img > *.t-img02 img {
    left: 106px;
    bottom: 0;
  }
  .process-case-step-box--row-pc .process-case-step-box__img > *.t-img03 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .process-case-step-box--row-pc .process-case-step-box__img > *.t-img04 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .process-case-step-box--row-pc .process-case-step-box__img > *.t-img05 {
    margin-top: 14px;
  }
  .process-case-step-box--row-pc .process-case-step-box__img > *.t-img05 img {
    top: -22px;
    left: 34px;
  }
  .process-case-step-box--clomuns-pc .process-case-step-box__img > * {
    height: 223px;
    margin-top: 34px;
    margin-bottom: 31px;
  }
  .process-case-step-box--clomuns-pc .process-case-step-box__img > *.t-img06 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .process-case-step-box--clomuns-pc .process-case-step-box__img > *.t-img07 img {
    left: 31px;
    bottom: 0;
  }
  .process-case-step-box--clomuns-pc .process-case-step-box__img > *.t-img08 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .process-case-step-box__img > * {
    width: 69.3333333333vw;
    height: 40.3493333333vw;
    margin-inline: auto;
  }
  .process-case-step-box__img > *:is(.t-img01, .t-img06) img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 61.6vw;
    margin: auto;
  }
  .process-case-step-box__img > *.t-img02 img {
    left: 19.4666666667vw;
    bottom: 0;
    width: 41.0666666667vw;
  }
  .process-case-step-box__img > *.t-img03 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 18.9333333333vw;
    margin: auto;
  }
  .process-case-step-box__img > *.t-img04 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 56.5333333333vw;
    margin: auto;
  }
  .process-case-step-box__img > *.t-img05 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 44.8vw;
    margin: auto;
  }
  .process-case-step-box__img > *.t-img07 img {
    left: 15.4666666667vw;
    bottom: 0;
    width: 41.0666666667vw;
  }
  .process-case-step-box__img > *.t-img08 img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 18.9333333333vw;
    margin: auto;
  }
}
.process-case-step-box__img > * img {
  position: absolute;
}
@media (max-width: 767px) {
  .process-case-step-box__img > * img {
    display: block;
  }
}
.process-tag-list {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2;
}
@media not all and (max-width: 767px) {
  .process-tag-list {
    font-size: 2rem;
    gap: 18px 15px;
    white-space: nowrap;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .process-tag-list {
    --item-width: 50%;
    --item-margin: 2.6666666667vw;
    gap: var(--item-margin);
    font-size: 3.4666666667vw;
    letter-spacing: 0.02em;
  }
}
.process-tag-list__item {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e1f2ff;
}
@media not all and (max-width: 767px) {
  .process-tag-list__item {
    height: 46px;
    padding-inline: 30px;
  }
}
@media (max-width: 767px) {
  .process-tag-list__item {
    width: calc(var(--item-width) - var(--item-margin) / 2);
    min-height: 8vw;
    padding-block: 0.4em;
  }
}
@media (max-width: 767px) {
  .process-tag-list__item.-full-sp {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .process-tag-list__item[data-order-sp="1"] {
    order: 1;
  }
  .process-tag-list__item[data-order-sp="2"] {
    order: 2;
  }
  .process-tag-list__item[data-order-sp="3"] {
    order: 3;
  }
  .process-tag-list__item[data-order-sp="4"] {
    order: 4;
  }
  .process-tag-list__item[data-order-sp="5"] {
    order: 5;
  }
  .process-tag-list__item[data-order-sp="6"] {
    order: 6;
  }
  .process-tag-list__item[data-order-sp="7"] {
    order: 7;
  }
  .process-tag-list__item[data-order-sp="8"] {
    order: 8;
  }
  .process-tag-list__item[data-order-sp="9"] {
    order: 9;
  }
  .process-tag-list__item[data-order-sp="10"] {
    order: 10;
  }
  .process-tag-list__item[data-order-sp="11"] {
    order: 11;
  }
  .process-tag-list__item[data-order-sp="12"] {
    order: 12;
  }
}

@media (max-width: 767px) {
  .process-tag-list__txt .t-small {
    font-size: 2.6666666667vw;
  }
}

/*============================
recruit sotsumama
============================*/
.sotsumama-wrapper {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.sotsumama-container {
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .sotsumama-container {
    width: 1137px;
  }
}
@media (max-width: 767px) {
  .sotsumama-container {
    width: 89.3333333333vw;
  }
}

.sotsumama-kv {
  overflow: hidden;
  position: relative;
  background-color: #ff98ad;
  background-repeat: no-repeat;
}
@media not all and (max-width: 767px) {
  .sotsumama-kv {
    background-image: url(/kanto/images/recruit/sotsumama/bg_mv01.svg);
    background-position: top 70px center;
  }
}
@media (max-width: 767px) {
  .sotsumama-kv {
    padding-bottom: 5.3333333333vw;
    background-image: url(/kanto/images/recruit/sotsumama/bg_mv01-sp.svg);
    background-position: top 6.4vw center;
    background-size: 109.0666666667vw;
  }
}
.sotsumama-kv__inner {
  position: relative;
  z-index: 1;
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .sotsumama-kv__inner {
    display: flex;
    width: 978px;
    padding-top: 91px;
    padding-bottom: 134px;
  }
}
@media (max-width: 767px) {
  .sotsumama-kv__inner {
    width: 89.3333333333vw;
    padding-top: 4%;
    padding-bottom: 5.8666666667%;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-kv__content {
    flex: 0 0 auto;
    width: 732px;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-kv__img {
    flex: 0 0 auto;
    margin-left: auto;
    translate: 20px 7px;
  }
}
@media (max-width: 767px) {
  .sotsumama-kv__img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 40.5970149254%;
    margin-inline: auto;
    margin-bottom: -28.6567164179%;
    translate: 11% 0;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-kv__ttl {
    margin-bottom: 51px;
  }
}
@media (max-width: 767px) {
  .sotsumama-kv__ttl {
    margin-bottom: 62.0895522388%;
  }
}

.sotsumama-kv__desc {
  font-weight: 700;
  color: #7f4c16;
}
@media not all and (max-width: 767px) {
  .sotsumama-kv__desc {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 12px;
    font-size: 2.2rem;
    line-height: 1.68;
    letter-spacing: 0.074em;
  }
}
@media (max-width: 767px) {
  .sotsumama-kv__desc {
    padding-left: 0.1em;
    line-height: 1.8;
    font-size: 3.7333333333vw;
    letter-spacing: 0.071em;
  }
}

.sotsumama-kv__desc-marker {
  background: linear-gradient(transparent var(--marker-pos), #fff var(--marker-pos), #fff calc(100% - var(--marker-pos)), transparent calc(100% - var(--marker-pos)));
}
@media not all and (max-width: 767px) {
  .sotsumama-kv__desc-marker {
    --marker-pos: 0%;
    display: block;
    padding-left: 0.5em;
    white-space: nowrap;
  }
  .sotsumama-kv__desc-marker:first-child {
    letter-spacing: 0.093em;
  }
  .sotsumama-kv__desc-marker:last-child {
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 0.5em;
  }
}
@media (max-width: 767px) {
  .sotsumama-kv__desc-marker {
    --marker-pos: 0%;
  }
}

.sotsumama-offer01 {
  position: relative;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer01 {
    padding-top: 20px;
    padding-bottom: 105px;
    background-image: url(/kanto/images/recruit/sotsumama/bg_cv01.svg);
    background-position: top 115px center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer01 {
    padding-top: 2.6666666667vw;
    padding-bottom: 5.0666666667vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer01 .sotsumama-offer-box {
    margin-top: -58px;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer01 .sotsumama-offer-box {
    margin-top: -7.2vw;
  }
}

.sotsumama-company {
  position: relative;
}
@media not all and (max-width: 767px) {
  .sotsumama-company {
    padding-top: 24px;
    padding-bottom: 24px;
    background-image: url(/kanto/images/recruit/sotsumama/bg_company01.svg);
    background-position: top 60px center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .sotsumama-company {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
.sotsumama-company:before, .sotsumama-company:after {
  content: "";
  display: block;
  width: 100%;
}
@media not all and (max-width: 767px) {
  .sotsumama-company:before, .sotsumama-company:after {
    border: 2px solid #fbf1f5;
  }
}
@media (max-width: 767px) {
  .sotsumama-company:before, .sotsumama-company:after {
    border: 0.2666666667vw solid #fbf1f5;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-company:before {
    margin-bottom: 53px;
  }
}
@media (max-width: 767px) {
  .sotsumama-company:before {
    margin-bottom: 4.8vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-company:after {
    margin-top: 58px;
  }
}
@media (max-width: 767px) {
  .sotsumama-company:after {
    margin-top: 5.6vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-company .container {
    padding: 0 10px;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-company .sotsumama-sec-ttl__main {
    max-width: 208px;
    white-space: nowrap;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-company__lead {
    margin-bottom: 36px;
  }
}
@media (max-width: 767px) {
  .sotsumama-company__lead {
    margin-bottom: 2.9333333333vw;
  }
}

.sotsumama-company__movie {
  margin: 0 auto;
}
@media not all and (max-width: 767px) {
  .sotsumama-company__movie {
    width: 770px;
    height: auto;
  }
}
.sotsumama-company__movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.sotsumama-sec-point {
  background: #fbf1f5 no-repeat;
}
@media not all and (max-width: 767px) {
  .sotsumama-sec-point {
    padding-top: 133px;
    padding-bottom: 15px;
    background-image: url(/kanto/images/recruit/sotsumama/bg_point01.svg);
    background-position: top 120px center;
  }
}
@media (max-width: 767px) {
  .sotsumama-sec-point {
    padding-top: 12.2666666667vw;
    padding-bottom: 5.8666666667vw;
  }
}

.sotsumama-point-box {
  position: relative;
  background: #fff;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-box {
    padding-top: 126px;
    padding-bottom: 117px;
    margin-bottom: 107px;
    border-radius: 28px;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-box {
    padding-top: 14.0298507463%;
    padding-bottom: 8.0597014925%;
    border-radius: 3.2vw;
  }
}
.sotsumama-point-box__ttl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-box__ttl {
    width: 696px;
    margin-top: -81px;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-box__ttl {
    width: 97.9104477612%;
    margin-top: -9.8507462687%;
  }
}

.sotsumama-point-box__inner {
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-box__inner {
    width: 818px;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-box__inner {
    width: 78.4vw;
  }
}

.sotsumama-point-marker {
  color: #e24c44;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-marker {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 0.2em;
    text-underline-offset: 0.3em;
    /*
    background: linear-gradient(to right, currentColor 3px, transparent 2px) left bottom / 5px 3px repeat-x;
    */
  }
}
@media (max-width: 767px) {
  .sotsumama-point-marker {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 0.17em;
    text-underline-offset: 0.3em;
  }
}

.sotsumama-point-sub-box {
  color: #7f4c16;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box {
    --img-w:322px;
    display: grid;
    grid-template-columns: var(--img-w) 1fr;
    grid-template-areas: "img ttl" "img content";
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box.-reverse-pc {
    grid-template-columns: 1fr var(--img-w);
    grid-template-areas: "ttl img" "content img";
    translate: 15px 0;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box:not(:last-child) {
    margin-bottom: 68px;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box:not(:last-child) {
    margin-bottom: 9.5238095238%;
  }
}
.sotsumama-point-sub-box__img {
  grid-area: img;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__img {
    padding-top: 28px;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box__img {
    margin-inline: auto;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box.-reverse-pc .sotsumama-point-sub-box__img {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box:nth-child(1) .sotsumama-point-sub-box__img {
    width: 43.1972789116%;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box:nth-child(2) .sotsumama-point-sub-box__img {
    width: 44.2176870748%;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box:nth-child(3) .sotsumama-point-sub-box__img {
    width: 45.2380952381%;
  }
}

.sotsumama-point-sub-box__ttl {
  grid-area: ttl;
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__ttl {
    line-height: 1.25;
    letter-spacing: 0.019em;
    font-size: 4rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box__ttl {
    justify-content: center;
    font-size: 5.3333333333vw;
    margin-top: -0.75em;
    margin-bottom: 0.8vw;
    letter-spacing: 0.019em;
  }
  .sotsumama-point-sub-box:nth-child(3) .sotsumama-point-sub-box__ttl {
    margin-top: -0.5em;
  }
}
.sotsumama-point-sub-box__ttl:before {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: center/contain no-repeat;
  font-weight: 700;
  content: attr(data-num);
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__ttl:before {
    width: 1.9360178571em;
    height: 2.2035714286em;
    margin-left: -0.125em;
    margin-right: 0.1071428571em;
    font-size: 1.4em;
    letter-spacing: 0.019em;
    background-image: url(/kanto/images/recruit/sotsumama/ico_point-sub01.svg);
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box__ttl:before {
    width: 1.97156em;
    height: 2.36936em;
    padding-top: 0.16em;
    margin-right: 0.24em;
    font-size: 1.25em;
    letter-spacing: 0.015em;
    background-image: url(/kanto/images/recruit/sotsumama/ico_point-sub01-sp.svg);
  }
}
.sotsumama-point-sub-box__ttl > span {
  display: block;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__ttl > span {
    translate: 0 0.2em;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box__ttl > span {
    translate: 0 0.15em;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__ttl.-line2-pc {
    letter-spacing: 0.14em;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box__ttl.-line2-pc {
    letter-spacing: 0.075em;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__ttl.-line2-pc:before {
    margin-right: 0.2142857143em;
  }
}
.sotsumama-point-sub-box__ttl.-line2-pc > span {
  display: block;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__ttl.-line2-pc > span {
    translate: 0 0;
  }
}

.sotsumama-point-sub-box__content {
  grid-area: content;
  font-weight: 700;
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box__content {
    line-height: 1.9;
    font-size: 1.7rem;
    letter-spacing: 0.066em;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box__content {
    line-height: 1.9;
    font-size: 3.4666666667vw;
    letter-spacing: 0.123em;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-point-sub-box:last-child .sotsumama-point-sub-box__content {
    letter-spacing: 0.102em;
  }
}
@media (max-width: 767px) {
  .sotsumama-point-sub-box:nth-child(2) .sotsumama-point-sub-box__content {
    line-height: 1.75;
    letter-spacing: 0.097em;
    font-size: 3.7333333333vw;
  }
  .sotsumama-point-sub-box:nth-child(3) .sotsumama-point-sub-box__content {
    line-height: 1.75;
    letter-spacing: 0.158em;
    font-size: 3.7333333333vw;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-interview {
    padding-top: 23px;
    padding-bottom: 23px;
    background-image: url(/kanto/images/recruit/sotsumama/bg_interview.svg);
    background-position: top 50px center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .sotsumama-interview {
    padding-top: 2.9333333333vw;
    padding-bottom: 2.9333333333vw;
  }
}
.sotsumama-interview:before, .sotsumama-interview:after {
  content: "";
  display: block;
  width: 100%;
}
@media not all and (max-width: 767px) {
  .sotsumama-interview:before, .sotsumama-interview:after {
    border: 2px solid #fbf1f5;
  }
}
@media (max-width: 767px) {
  .sotsumama-interview:before, .sotsumama-interview:after {
    border: 0.2666666667vw solid #fbf1f5;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-interview:before {
    margin-bottom: 53px;
  }
}
@media (max-width: 767px) {
  .sotsumama-interview:before {
    margin-bottom: 4.8vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-interview:after {
    margin-top: 62px;
  }
}
@media (max-width: 767px) {
  .sotsumama-interview:after {
    margin-top: 5.6vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-interview__lead {
    margin-bottom: 34px;
  }
}
@media (max-width: 767px) {
  .sotsumama-interview__lead {
    margin-bottom: 4vw;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-interview-list {
    display: flex;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-interview-list__item {
    width: 548px;
    height: auto;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-interview-list__item:first-of-type {
    margin-right: 41px;
  }
}
@media (max-width: 767px) {
  .sotsumama-interview-list__item:first-of-type {
    margin-bottom: 4.5333333333vw;
  }
}

.sotsumama-interview-list__ttl {
  font-weight: 700;
  color: #e24c44;
  text-align: center;
}
@media not all and (max-width: 767px) {
  .sotsumama-interview-list__ttl {
    margin-bottom: 15px;
    font-size: 2.3rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-interview-list__ttl {
    margin-bottom: 1.6vw;
    font-size: 3.2vw;
  }
}

.sotsumama-interview-list__movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

@media not all and (max-width: 767px) {
  .offer-job-wrap {
    padding-top: 145px;
    padding-bottom: 148px;
    background-image: url(/kanto/images/recruit/sotsumama/bg_cv02_job.svg);
    background-position: top 122px center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .offer-job-wrap {
    padding-top: 5.3333333333vw;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-offer02 {
    margin-bottom: 104px;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer02 {
    padding-bottom: 5.3333333333vw;
  }
}

.sotsumama-tips-entry {
  background-color: #fbf1f5;
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry {
    padding-bottom: 107px;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry {
    padding-top: 5.8666666667vw;
    padding-bottom: 5.8666666667vw;
  }
}
.sotsumama-tips-entry__inner {
  background-color: #fff;
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry__inner {
    padding-top: 23px;
    padding-bottom: 23px;
    background-image: url(/kanto/images/recruit/sotsumama/bg_tips-entry01.svg);
    background-position: top 147px center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry__inner {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
.sotsumama-tips-entry__inner:before, .sotsumama-tips-entry__inner:after {
  content: "";
  display: block;
  width: 100%;
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry__inner:before, .sotsumama-tips-entry__inner:after {
    border: 2px solid #fbf1f5;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry__inner:before, .sotsumama-tips-entry__inner:after {
    border: 0.2666666667vw solid #fbf1f5;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry__inner:before {
    margin-bottom: 53px;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry__inner:before {
    margin-bottom: 5.8666666667vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry__inner:after {
    margin-top: 63px;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry__inner:after {
    margin-top: 6.4vw;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-tips-entry__lead {
    margin-bottom: 33px;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry__lead {
    margin-bottom: 4vw;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-tips-entry-box {
    width: 910px;
    margin-inline: auto;
    margin-bottom: 10px;
  }
}
.sotsumama-tips-entry-box__img {
  text-align: center;
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry-box__img {
    margin-bottom: 43px;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry-box__img {
    margin-bottom: 4.2666666667vw;
  }
  .sotsumama-tips-entry-box__img img {
    display: block;
    width: 40.8vw;
    margin-inline: auto;
  }
}

@media not all and (max-width: 767px) {
  .sotsumama-tips-entry-box__btn {
    width: 410px;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .sotsumama-tips-entry-box__btn {
    grid-area: btn;
  }
}
.sotsumama-tips-entry-box__btn .btn {
  color: #e24c44;
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry-box__btn .btn {
    height: 74px;
  }
}
.sotsumama-tips-entry-box__btn .btn:hover {
  background-color: #e24c44;
  color: #fff;
}
.sotsumama-tips-entry-box__btn .btn:hover .btn__inner {
  background-color: #e24c44;
}
.sotsumama-tips-entry-box__btn .btn:hover .btn__arrow::before {
  background-color: #e24c44;
}
.sotsumama-tips-entry-box__btn .btn .btn__inner {
  border: 3px solid #e24c44;
}
@media not all and (max-width: 767px) {
  .sotsumama-tips-entry-box__btn .btn .btn__arrow {
    width: 25px;
  }
}
.sotsumama-sec-ttl {
  color: #e24c44;
  font-weight: 700;
  text-align: center;
}
@media not all and (max-width: 767px) {
  .sotsumama-sec-ttl {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .sotsumama-sec-ttl {
    margin-bottom: 3.2vw;
  }
}
.sotsumama-sec-ttl span {
  display: block;
}
@media not all and (max-width: 767px) {
  .sotsumama-sec-ttl__sub {
    margin-bottom: 10px;
    font-size: 2.3rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-sec-ttl__sub {
    font-size: 3.7333333333vw;
  }
}

.sotsumama-sec-ttl__main.t-appeal {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
}
@media not all and (max-width: 767px) {
  .sotsumama-sec-ttl__main.t-appeal {
    min-height: 75px;
    padding-bottom: 20px;
    background: linear-gradient(to right, currentColor 7px, transparent 6px) left top/13px 7px repeat-x, linear-gradient(to right, currentColor 7px, transparent 6px) left bottom/13px 7px repeat-x;
  }
}
@media (max-width: 767px) {
  .sotsumama-sec-ttl__main.t-appeal {
    min-height: 10.6666666667vw;
    padding-bottom: 2.6666666667vw;
    background: linear-gradient(to right, currentColor 0.17857em, transparent 0.17857em) left top/0.35714em 0.17857em repeat-x, linear-gradient(to right, currentColor 0.17857em, transparent 0.17857em) left bottom/0.35714em 0.17857em repeat-x;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-sec-ttl__main {
    font-size: 3.4rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-sec-ttl__main {
    font-size: 5.3333333333vw;
  }
}

.sotsumama-sec-lead {
  color: #7f4c16;
  font-weight: 700;
  font-feature-settings: "palt";
}
@media not all and (max-width: 767px) {
  .sotsumama-sec-lead {
    font-size: 2.8rem;
    text-align: center;
    line-height: 1.6;
  }
}
@media (max-width: 767px) {
  .sotsumama-sec-lead {
    font-size: 3.7333333333vw;
    line-height: 1.6;
  }
}
.sotsumama-sec-lead .red {
  color: #e24c44;
}

.bg-thin-pink {
  background-color: #fbf1f5;
}

.sotsumama-offer-box {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box {
    width: 1100px;
    margin-inline: auto;
    padding-top: 72px;
    padding-bottom: 90px;
    border-radius: 31px;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box {
    padding-top: 4.776119403vw;
    padding-bottom: 4.776119403vw;
    border-radius: 3.2vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__inner {
    margin-left: 153px;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__inner {
    width: 78.4vw;
    margin-inline: auto;
  }
}

.sotsumama-offer-box__ttl {
  font-weight: 700;
  color: #7f4c16;
  white-space: nowrap;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl {
    margin-bottom: 17px;
    font-size: 3.3rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl {
    margin-bottom: 1.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.sotsumama-offer-box__ttl .t-line {
  display: block;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(1) {
    margin-bottom: 7px;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(1) {
    margin-bottom: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2) {
    margin-top: -6px;
    letter-spacing: -0.011em;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2) {
    display: flex;
    margin-bottom: 2.4vw;
    text-indent: 0.6em;
    line-height: 1.1;
    text-align: center;
    letter-spacing: 0.038em;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2) .t-ml-pc {
    margin-left: -11px;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2) .t-sp-block {
    display: contents;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2) .t-sp-block {
    display: block;
  }
}
.sotsumama-offer-box__ttl .t-line:nth-child(2):before, .sotsumama-offer-box__ttl .t-line:nth-child(2):after {
  content: "";
  display: block;
  background: no-repeat center/contain;
  border-radius: 100%;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2):before, .sotsumama-offer-box__ttl .t-line:nth-child(2):after {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2):before, .sotsumama-offer-box__ttl .t-line:nth-child(2):after {
    width: 22.4vw;
    height: auto;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2):before {
    bottom: -24px;
    left: -127px;
    width: 225px;
    height: 227px;
    background-image: url(/kanto/images/recruit/sotsumama/btn_offer_img01.jpg);
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2):before {
    background-image: url(/kanto/images/recruit/sotsumama/btn_offer_img01-sp.jpg);
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2):after {
    top: -49px;
    right: -98px;
    width: 217px;
    height: 217px;
    background-image: url(/kanto/images/recruit/sotsumama/btn_offer_img02.jpg);
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-line:nth-child(2):after {
    background-image: url(/kanto/images/recruit/sotsumama/btn_offer_img02-sp.jpg);
  }
}
.sotsumama-offer-box__ttl .t-appeal-list {
  display: inline-flex;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal-list {
    -moz-column-gap: 14px;
         column-gap: 14px;
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal-list {
    -moz-column-gap: 2.1333333333vw;
         column-gap: 2.1333333333vw;
    margin-right: 0.5333333333vw;
  }
}
.sotsumama-offer-box__ttl .t-appeal {
  display: inline-flex;
  align-items: flex-end;
  color: #e24c44;
  line-height: 1;
  letter-spacing: 0;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal {
    min-height: 84px;
    padding-bottom: 20px;
    font-size: 3.6rem;
    font-weight: 900;
    background: linear-gradient(to right, currentColor 7px, transparent 6px) left top/13px 7px repeat-x, linear-gradient(to right, currentColor 7px, transparent 6px) left bottom/13px 7px repeat-x;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal {
    min-height: 8.5333333333vw;
    padding-bottom: 2.1333333333vw;
    font-size: 3.7333333333vw;
    font-weight: 900;
    background: linear-gradient(to right, currentColor 0.17857em, transparent 0.17857em) left top/0.35714em 0.17857em repeat-x, linear-gradient(to right, currentColor 0.17857em, transparent 0.17857em) left bottom/0.35714em 0.17857em repeat-x;
  }
}
.sotsumama-offer-box__ttl .t-appeal > span {
  display: block;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal > span:nth-child(2) {
    font-size: 5.1rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal > span:nth-child(2) {
    font-size: 4.8vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal01 {
    min-width: 176px;
    letter-spacing: 0.045em;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal01 {
    letter-spacing: 0.045em;
    background-position: left 0.5333333333vw top, left 0.5333333333vw bottom;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal02 {
    padding-bottom: 14px;
    letter-spacing: -0.05em;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal02 {
    letter-spacing: -0.146em;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal02 > span:nth-child(2) {
    font-size: 6.1rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal02 > span:nth-child(2) {
    font-size: 5.8666666667vw;
    letter-spacing: -0.016em;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal03 .t-dot {
    margin-inline: -0.25em;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-appeal.-appeal03 > span:nth-child(2) {
    font-size: 4.9rem;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-large {
    font-size: 5.1rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-large {
    line-height: 1;
    font-size: 6.1333333333vw;
  }
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-large.-pc {
    font-size: 4rem;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__ttl .t-large.-pc {
    font-size: 100%;
  }
}

.sotsumama-offer-box__btn {
  display: block;
  transition: opacity 0.25s linear;
}
@media not all and (max-width: 767px) {
  .sotsumama-offer-box__btn {
    width: 859px;
    margin-left: -32px;
  }
}
@media (max-width: 767px) {
  .sotsumama-offer-box__btn {
    margin-left: -0.8vw;
  }
}
.sotsumama-offer-box__btn:hover {
  opacity: 0.8;
}

.job-info.sotsumama {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media not all and (max-width: 767px) {
  .job-info.sotsumama {
    margin-block: 0;
  }
}
@media (max-width: 767px) {
  .job-info.sotsumama {
    margin-block: 0;
    padding-top: 5.3333333333vw;
    padding-bottom: 5.0666666667vw;
    background-color: #fff;
  }
}
.job-info.sotsumama .job-info-box_header {
  background-color: #e24c44;
}
.job-info.sotsumama .job-info-box_body {
  background-color: #fff;
  border-color: #e24c44;
}
.job-info.sotsumama .job-info-detail:before {
  background-color: #e24c44;
}
.job-info.sotsumama .job-info-detail:after {
  background-color: #e24c44;
}
.job-info.sotsumama .job-info-list .slick-prev:before,
.job-info.sotsumama .job-info-list .slick-next:before {
  border-left-color: #e24c44;
  border-bottom-color: #e24c44;
}
.job-info.sotsumama .job-info-list .slick-dots > li.slick-active > button {
  background-color: #e24c44;
  border-color: #e24c44;
}
.job-info.sotsumama .job-info-list .slick-play.is-play:before,
.job-info.sotsumama .job-info-list .slick-play.is-play:after {
  background-color: #e24c44;
}
.job-info.sotsumama .job-info-list .slick-play:not(.is-play):before {
  background-color: #e24c44;
}
.job-info.sotsumama .job-info-btn--c-accent {
  background-color: #e24c44;
}
.job-info.sotsumama .job-info-btn-label {
  color: #7f4c16;
}
@media (max-width: 767px) {
  .job-info.sotsumama .job-info-detail {
    border-bottom: 1px solid #e24c44;
  }
}

/*============================
recruit tips
============================*/
.sec-lead {
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .sec-lead {
    margin-bottom: 53px;
    line-height: 2;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .sec-lead {
    margin-bottom: 5.0666666667vw;
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}

.sec-box {
  background-color: #fff;
}
@media not all and (max-width: 767px) {
  .sec-box {
    padding: 48px 0 62px;
  }
}
@media (max-width: 767px) {
  .sec-box {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
.sec-box__inner {
  margin-inline: auto;
}
@media not all and (max-width: 767px) {
  .sec-box__inner {
    max-width: 1100px;
  }
}
@media (max-width: 767px) {
  .sec-box__inner {
    max-width: 80vw;
  }
}

.sec-box__lead {
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .sec-box__lead {
    margin-bottom: 42px;
    line-height: 2;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .sec-box__lead {
    margin-bottom: 3.7333333333vw;
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}

.recruit-btn {
  position: relative;
  display: flex;
  margin-inline: auto;
  border-radius: 9999px;
  background: #bde3ff;
  transition: 0.25s opacity linear;
}
@media not all and (max-width: 767px) {
  .recruit-btn {
    width: 516px;
    height: 89px;
    font-size: 2.7rem;
  }
}
@media (max-width: 767px) {
  .recruit-btn {
    width: 100%;
    height: 13.8666666667vw;
    font-size: 4.8vw;
  }
}
.recruit-btn:hover {
  opacity: 0.8;
}
.recruit-btn__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.recruit-btn__txt {
  flex: 1 1 auto;
  display: block;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .recruit-btn__txt {
    translate: -0.8em 0;
  }
}

.recruit-btn__ico {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-block: auto;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 9999px;
}
@media not all and (max-width: 767px) {
  .recruit-btn__ico {
    width: 59px;
    right: 32px;
  }
}
@media (max-width: 767px) {
  .recruit-btn__ico {
    width: 9.144vw;
    right: 4.8vw;
  }
}
.recruit-btn__ico:before {
  display: block;
  height: auto;
  aspect-ratio: 1/1;
  background: url(/kanto/images/common/search-icon.svg) center/contain no-repeat;
  content: "";
}
@media not all and (max-width: 767px) {
  .recruit-btn__ico:before {
    width: 36px;
  }
}
@media (max-width: 767px) {
  .recruit-btn__ico:before {
    width: 5.528vw;
  }
}

.tips-contents-list {
  display: grid;
}
@media not all and (max-width: 767px) {
  .tips-contents-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}
@media (max-width: 767px) {
  .tips-contents-list {
    grid-template-columns: 1fr;
    row-gap: 4.2666666667vw;
  }
}

.tips-line-contents {
  background: #f1f9ff;
}
@media not all and (max-width: 767px) {
  .tips-line-contents {
    padding-top: 12px;
    padding-inline: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .tips-line-contents {
    padding-top: 1.3333333333vw;
    padding-bottom: 4.2666666667vw;
    padding-inline: 4.2666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.tips-line-contents__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.04em;
  text-align: center;
}
@media not all and (max-width: 767px) {
  .tips-line-contents__ttl {
    height: 2.6em;
    margin-bottom: 17px;
    line-height: 1.3;
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .tips-line-contents__ttl {
    height: 2.2em;
    margin-bottom: 1.8666666667vw;
    line-height: 1.1;
    font-size: 4.8vw;
  }
}
.tips-line-contents__ttl > span {
  display: block;
}

.tips-line-contents__img {
  overflow: hidden;
}
@media not all and (max-width: 767px) {
  .tips-line-contents__img {
    border-radius: 5px;
  }
}
@media (max-width: 767px) {
  .tips-line-contents__img {
    border-radius: 1.3333333333vw;
  }
}
.tips-line-contents__img img {
  display: block;
}

@media not all and (max-width: 767px) {
  .tips-entry-box {
    display: flex;
    width: 910px;
    margin-inline: auto;
    margin-bottom: 92px;
  }
}
@media (max-width: 767px) {
  .tips-entry-box {
    display: grid;
    grid-template-areas: "img ttl" "desc desc" "btn btn";
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-bottom: 13.3333333333vw;
  }
}
@media not all and (max-width: 767px) {
  .tips-entry-box__img {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .tips-entry-box__img {
    grid-area: img;
  }
  .tips-entry-box__img img {
    display: block;
    width: 33.3333333333vw;
    margin-inline: auto;
  }
}

@media not all and (max-width: 767px) {
  .tips-entry-box__contents {
    --contents-pd-l:10px;
    width: 516px;
    padding-top: 110px;
    padding-left: var(--contents-pd-l);
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .tips-entry-box__contents {
    display: contents;
  }
}

.tips-entry-box__ttl {
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #156dac;
}
@media not all and (max-width: 767px) {
  .tips-entry-box__ttl {
    margin-bottom: 40px;
    font-size: 4rem;
  }
}
@media (max-width: 767px) {
  .tips-entry-box__ttl {
    grid-area: ttl;
    line-height: 1.3;
    font-size: 4.8vw;
  }
}

.tips-entry-box__desc {
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .tips-entry-box__desc {
    padding-left: var(--contents-pd-l);
    margin-bottom: 44px;
    line-height: 2;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .tips-entry-box__desc {
    grid-area: desc;
    margin-top: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}

@media not all and (max-width: 767px) {
  .tips-entry-box__btn {
    margin-left: calc(var(--contents-pd-l) * -1);
  }
}
@media (max-width: 767px) {
  .tips-entry-box__btn {
    grid-area: btn;
  }
}
.tips-entry {
  background: #f1f9ff;
}
@media not all and (max-width: 767px) {
  .tips-entry {
    padding-top: 64px;
    padding-bottom: 96px;
  }
}
@media (max-width: 767px) {
  .tips-entry {
    padding-top: 5.0666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}

@media (max-width: 767px) {
  .culture-career-up .sec-head-ttl {
    font-size: 4.8vw;
  }
}
.culture-career-up__desc {
  margin-bottom: 57px;
  font-size: 20px;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .culture-career-up__desc {
    margin-bottom: 4vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
  }
}

/*============================
culture environment
============================*/
.environment-photo {
  border: solid #fff;
  background: #fff;
}
@media not all and (max-width: 767px) {
  .environment-photo {
    border-width: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
}
@media (max-width: 767px) {
  .environment-photo {
    border-width: 2.6666666667vw;
    box-shadow: 0px 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
  }
}
.environment-photo img {
  display: block;
  width: 100%;
}

.environment-box {
  position: relative;
}
@media not all and (max-width: 767px) {
  .environment-box {
    display: flex;
    margin-bottom: 96px;
  }
}
@media (max-width: 767px) {
  .environment-box {
    margin-bottom: 11.7333333333vw;
  }
}
@media (max-width: 767px) {
  .environment-box.-box01:before, .environment-box.-box01:after {
    position: absolute;
    top: 100%;
    display: block;
    background: center/contain no-repeat;
    content: "";
  }
}
@media (max-width: 767px) {
  .environment-box.-box01:before {
    right: 0;
    width: 15.5256vw;
    height: 17.4656vw;
    margin-top: -8.8vw;
    margin-right: -3.4666666667vw;
    background-image: url(/kanto/images/culture/environment/ico_environment01-01-sp.svg);
  }
}
@media (max-width: 767px) {
  .environment-box.-box01:after {
    left: 0;
    width: 13.3333333333vw;
    height: 10.1333333333vw;
    margin-top: 5.3333333333vw;
    margin-left: -2.4vw;
    background-image: url(/kanto/images/culture/environment/ico_environment01-02-sp.png);
  }
}
.environment-box.-box02:before {
  position: absolute;
  display: block;
  background: center/contain no-repeat;
  content: "";
}
@media not all and (max-width: 767px) {
  .environment-box.-box02:before {
    right: 100%;
    top: 0;
    margin-right: 159px;
    margin-top: -44px;
    width: 160px;
    height: 214px;
    background-image: url(/kanto/images/culture/environment/ico_environment01.png);
  }
}
@media (max-width: 767px) {
  .environment-box.-box02:before {
    right: 0;
    bottom: 0;
    width: 13.3333333333vw;
    height: 10.1333333333vw;
    margin-bottom: -4vw;
    margin-right: -2.9333333333vw;
    background-image: url(/kanto/images/culture/environment/ico_environment01-02-sp.png);
  }
}
.environment-box.-box03 {
  margin-bottom: 0;
}
@media not all and (max-width: 767px) {
  .environment-box--reverse-pc {
    flex-direction: row-reverse;
  }
}

.environment-box__img {
  position: relative;
}
@media not all and (max-width: 767px) {
  .environment-box__img {
    flex: 0 1 auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .environment-box__img .environment-photo {
    width: 80vw;
    margin-inline: auto;
  }
}
.environment-box.-box01 .environment-box__img .environment-photo {
  rotate: -5deg;
}
@media (max-width: 767px) {
  .environment-box.-box01 .environment-box__img .environment-photo {
    margin-bottom: 2.1333333333vw;
  }
}
.environment-box.-box03 .environment-box__img .environment-photo {
  rotate: 5deg;
}
@media (max-width: 767px) {
  .environment-box.-box03 .environment-box__img .environment-photo {
    margin-bottom: 1.0666666667vw;
  }
}
@media not all and (max-width: 767px) {
  .environment-box.-box02 .environment-box__img .t-img {
    position: absolute;
    top: 31px;
    left: -32px;
    width: 537px;
  }
}
@media (max-width: 767px) {
  .environment-box.-box02 .environment-box__img .t-img {
    margin-inline: -2.4vw;
    margin-bottom: -6.9333333333vw;
  }
}

.environment-box__content {
  background: #fff;
}
@media not all and (max-width: 767px) {
  .environment-box__content {
    flex: 0 0 auto;
    width: 600px;
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 76px;
  }
  .environment-box--reverse-pc .environment-box__content {
    padding-left: 56px;
  }
}
@media (max-width: 767px) {
  .environment-box__content {
    padding: 5.0666666667vw 4.6666666667vw;
  }
}

.environment-box__balloon {
  position: relative;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background: #156dac;
  color: #fff;
  letter-spacing: 0.018em;
}
@media not all and (max-width: 767px) {
  .environment-box__balloon {
    height: 37px;
    margin-bottom: 21px;
    padding-inline: 12px;
    border-radius: 8px;
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .environment-box__balloon {
    height: 8.5333333333vw;
    padding-inline: 2.9333333333vw;
    margin-bottom: 5.0666666667vw;
    border-radius: 2.1333333333vw;
    font-size: 4vw;
  }
}
.environment-box__balloon > span {
  display: block;
  translate: 0 -0.03em;
}
.environment-box__balloon:before {
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: inherit;
  -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
          clip-path: polygon(0 0, 100% 100%, 100% 0);
  content: "";
}
@media not all and (max-width: 767px) {
  .environment-box__balloon:before {
    width: 23px;
    height: 12px;
    margin-left: 59px;
  }
}
@media (max-width: 767px) {
  .environment-box__balloon:before {
    width: 5.8666666667vw;
    height: calc(1px + 2.4vw);
    margin-left: 15.7333333333vw;
  }
}

.environment-box__ttl {
  display: flex;
  font-weight: 700;
  color: #156dac;
}
@media not all and (max-width: 767px) {
  .environment-box__ttl {
    min-height: 60px;
    margin-bottom: 13px;
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .environment-box__ttl {
    min-height: 9.0666666667vw;
    margin-bottom: 4.2666666667vw;
    font-size: 5.6vw;
    line-height: 1.4;
  }
}
.environment-box__ttl .t-ico {
  background: center top/contain no-repeat;
}
@media not all and (max-width: 767px) {
  .environment-box__ttl .t-ico {
    width: 72px;
    margin-right: 13px;
    background-position: center top;
    translate: 0 7px;
  }
}
@media (max-width: 767px) {
  .environment-box__ttl .t-ico {
    width: 11.7333333333vw;
    margin-left: 1.3333333333vw;
    margin-right: 2.1333333333vw;
    background-position: center;
  }
}
.environment-box__ttl .t-ico.-ico01 {
  background-image: url(/kanto/images/culture/environment/ico_system01.svg);
}
.environment-box__ttl .t-ico.-ico02 {
  background-image: url(/kanto/images/culture/environment/ico_system02.svg);
}
.environment-box__ttl .t-ico.-ico03 {
  background-image: url(/kanto/images/culture/environment/ico_system03.svg);
  background-size: 87.7583333333% auto;
  rotate: 21deg;
}
@media not all and (max-width: 767px) {
  .environment-box__ttl .t-ico.-ico03 {
    translate: 0 0;
  }
}
@media (max-width: 767px) {
  .environment-box__ttl .t-ico.-ico03 {
    translate: 0 -1.0666666667vw;
  }
}
.environment-box__ttl .t-txt {
  display: flex;
  align-items: flex-end;
}
.environment-box__desc {
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .environment-box__desc {
    max-width: 440px;
    line-height: 2;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .environment-box__desc {
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}

.environment-card-list {
  display: grid;
}
@media not all and (max-width: 767px) {
  .environment-card-list {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 70px;
         column-gap: 70px;
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .environment-card-list {
    grid-template-columns: 1fr;
    row-gap: 14.9333333333vw;
    margin-top: 16vw;
  }
}

@media not all and (max-width: 767px) {
  .environment-card__img {
    margin-bottom: 23px;
  }
}
@media (max-width: 767px) {
  .environment-card__img {
    width: 78.4vw;
    margin-bottom: 6.4vw;
    margin-inline: auto;
  }
}
.environment-card.-card01 .environment-card__img .environment-photo {
  rotate: -3deg;
}
.environment-card.-card02 .environment-card__img .environment-photo {
  rotate: 3deg;
}
.environment-card.-card03 .environment-card__img .environment-photo {
  rotate: -1deg;
}

.environment-card__ttl {
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px) {
  .environment-card__ttl {
    padding-left: 5px;
    line-height: 1.3;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .environment-card__ttl {
    line-height: 1.75;
    font-size: 3.7333333333vw;
  }
}

.environment-system {
  position: relative;
  background: #f1f9ff;
}
@media not all and (max-width: 767px) {
  .environment-system {
    padding-top: 130px;
    padding-bottom: 114px;
  }
}
@media (max-width: 767px) {
  .environment-system {
    padding-top: 9.0666666667vw;
    padding-bottom: 17.0666666667vw;
    margin-bottom: 18vw;
  }
}
.environment-system:before {
  position: absolute;
  bottom: 0;
  display: block;
  background: center/contain no-repeat;
  content: "";
}
@media not all and (max-width: 767px) {
  .environment-system:before {
    left: 50%;
    width: 149px;
    height: 152px;
    margin-left: 714px;
    margin-bottom: -53px;
    background-image: url(/kanto/images/culture/environment/ico_environment02.svg);
  }
}
@media (max-width: 767px) {
  .environment-system:before {
    right: 0;
    width: 21.1821333333vw;
    height: 21.6826666667vw;
    margin-right: 4.8vw;
    margin-bottom: -9.8666666667vw;
    background-image: url(/kanto/images/culture/environment/ico_environment02-sp.svg);
  }
}

.culture-welfare-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 56px;
  grid-row-gap: 50px;
}
@media (max-width: 767px) {
  .culture-welfare-list {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    grid-column-gap: 0;
    grid-row-gap: 4vw;
    align-items: flex-start;
  }
}
.culture-welfare-list__item {
  display: contents;
}

.culture-welfare-card {
  display: flex;
  flex-direction: column;
  padding: 50px 0 30px;
  background-color: #f1f9ff;
  text-align: center;
}
@media (max-width: 767px) {
  .culture-welfare-card {
    padding: 5.3333333333vw 0 5.5vw;
    border-radius: 1.3333333333vw 0;
  }
}
.culture-welfare-card__img {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .culture-welfare-card__img {
    margin-bottom: 4.5333333333vw;
    margin-inline: auto;
  }
  .culture-welfare-list__item:nth-child(1) .culture-welfare-card__img {
    width: 16.5333333333vw;
  }
  .culture-welfare-list__item:nth-child(2) .culture-welfare-card__img {
    width: 12vw;
  }
  .culture-welfare-list__item:nth-child(3) .culture-welfare-card__img {
    width: 11.4666666667vw;
  }
  .culture-welfare-list__item:nth-child(4) .culture-welfare-card__img {
    width: 12vw;
  }
}
@media (max-width: 767px) {
  .culture-welfare-card__img img {
    display: block;
    width: 100%;
  }
}

.culture-welfare-card__ttl {
  flex: 1 1 auto;
  margin-bottom: 15px;
  font-size: 30px;
  color: #156dac;
  line-height: 1;
}
@media (max-width: 767px) {
  .culture-welfare-card__ttl {
    flex: 0 1 auto;
    margin-bottom: 5.333vw;
    font-size: 5.6vw;
    line-height: 1.2;
    letter-spacing: 0;
  }
}

.culture-welfare-card-list {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .culture-welfare-card-list {
    padding: 0 4.8vw;
  }
}
.culture-welfare-card-list__item {
  display: flex;
  font-size: 20px;
  text-align: left;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .culture-welfare-card-list__item {
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
.culture-welfare-card-list__item:not(:last-of-type) {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .culture-welfare-card-list__item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.culture-welfare-card-list__item span {
  display: block;
}

.culture-welfare-card-list__icon {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-top: 15px;
  margin-right: 10px;
  background-color: #156dac;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .culture-welfare-card-list__icon {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    margin-top: 2.9333333333vw;
    margin-right: 2.1333333333vw;
  }
}

@media (max-width: 767px) {
  .culture-welfare-card-list__txt {
    letter-spacing: 0.02em;
  }
}
.culture-welfare-card-list__txt .t-small {
  font-size: 16px;
}
@media (max-width: 767px) {
  .culture-welfare-card-list__txt .t-small {
    margin-top: 1.0666666667vw;
    margin-bottom: -0.8vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.02em;
    line-height: 1.9;
  }
}

@media (max-width: 767px) {
  .access-info__content {
    display: contents;
  }
}

.access-info__ttl {
  margin-bottom: 45px;
  color: #156dac;
  font-size: 30px;
}
@media (max-width: 767px) {
  .access-info__ttl {
    order: 1;
    margin-bottom: 5.3333333333vw;
    font-size: 5.6vw;
  }
}

.access-info__img {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .access-info__img {
    order: 2;
    margin-top: 0;
    margin-bottom: 2.333vw;
  }
}

.access-info-list__item {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .access-info-list__item {
    flex-direction: column;
    line-height: 1.75;
  }
}
.access-info-list__item:not(:last-of-type) {
  margin-bottom: 157px;
}
@media (max-width: 767px) {
  .access-info-list__item:not(:last-of-type) {
    margin-bottom: 11vw;
  }
}

.access-info-desc {
  font-size: 20px;
  line-height: 1.9;
}
@media (max-width: 767px) {
  .access-info-desc {
    order: 3;
    font-size: 3.7333333333vw;
  }
}
.access-info-desc__place {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .access-info-desc__place {
    margin-bottom: 5.333;
  }
}

.access-info-desc-list__item {
  display: flex;
}
.access-info-desc-list__item:nth-of-type(1) {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .access-info-desc-list__item:nth-of-type(1) {
    margin-right: 1.3333333333vw;
  }
}

@media (min-width: 768px) {
  .news {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .news {
    margin: 0 auto;
  }
}
.news-list__item {
  display: flex;
}
@media (min-width: 768px) {
  .news-list__item {
    gap: 25px;
    margin-bottom: 40px;
    font-size: 2em;
  }
}
@media (max-width: 767px) {
  .news-list__item {
    display: block;
    margin-bottom: 5vw;
    font-size: 3.7324vw;
  }
}

.news-list__date {
  color: #156dac;
  font-weight: bold;
}
@media (min-width: 768px) {
  .news-list__date {
    margin-right: 25px;
  }
}
@media (max-width: 767px) {
  .news-list__date {
    display: block;
    margin-bottom: 1.6vw;
    font-size: 4.7988vw;
  }
}

.news-list__link {
  color: #333;
}
@media (min-width: 768px) {
  .news-list__link:hover .news-list__desc {
    color: #156dac;
    text-decoration: underline;
  }
}

@media (min-width: 768px) {
  .news-artice {
    margin-bottom: 20px;
  }
}
.news-article__ttl {
  font-weight: bold;
}
@media (min-width: 768px) {
  .news-article__ttl {
    margin-bottom: 20px;
    font-size: 3em;
  }
}
@media (max-width: 767px) {
  .news-article__ttl {
    font-size: 5.5986vw;
  }
}

.news-article__date {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  color: #156dac;
}
@media (min-width: 768px) {
  .news-article__date {
    margin-bottom: 40px;
    padding-bottom: 40px;
    font-size: 2em;
  }
}
@media (max-width: 767px) {
  .news-article__date {
    margin-bottom: 6vw;
    padding-bottom: 6vw;
    font-size: 3.7324vw;
  }
}

.news-article__sub-ttl {
  font-weight: bold;
}
@media (min-width: 768px) {
  .news-article__sub-ttl {
    margin-bottom: 40px;
    font-size: 2.5em;
  }
}
@media (max-width: 767px) {
  .news-article__sub-ttl {
    margin-bottom: 6vw;
    font-size: 4.7988vw;
  }
}

@media (min-width: 768px) {
  .news_article__box {
    margin-left: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .news_article__box {
    margin-bottom: 6vw;
  }
}

.news-article__txt > .news-article__txt-link {
  color: #156dac;
}
@media (min-width: 768px) {
  .news-article__txt {
    margin-bottom: 40px;
    font-size: 2em;
    line-height: 1.75;
  }
  .news-article__txt > .news-article__txt-link:hover {
    border-bottom: 1px solid #156dac;
  }
}
@media (max-width: 767px) {
  .news-article__txt {
    margin-bottom: 6vw;
    font-size: 3.7324vw;
  }
}

@media (min-width: 768px) {
  .news-article__img {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .news-article__img {
    margin-bottom: 6vw;
  }
}
@media (min-width: 768px) {
  .news-article__img.news-article__img--center {
    text-align: center;
  }
}

.news_article__back {
  text-align: right;
}
@media (min-width: 768px) {
  .news_article__back {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .news_article__back {
    margin-bottom: 9vw;
  }
}

.news_article__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  color: #156dac;
  text-decoration: none;
}
@media (min-width: 768px) {
  .news_article__link {
    font-size: 2em;
  }
  .news_article__link:hover::after {
    position: absolute;
    bottom: 0;
    content: "";
    display: inline-block;
    border-bottom: 1px solid #156dac;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .news_article__link {
    gap: 13px;
  }
}
@media (max-width: 767px) {
  .news_article__link {
    gap: 1vw;
    font-size: 3.7324vw;
  }
}

.news_article__link-icon {
  position: relative;
  display: block;
  border-radius: 50%;
  background-color: #156dac;
}
@media (min-width: 768px) {
  .news_article__link-icon {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .news_article__link-icon {
    width: 4vw;
    height: 4vw;
  }
}
.news_article__link-icon::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  background: url(/kanto/images/common/white-triangle-icon.svg) no-repeat center center/contain;
}
@media (min-width: 768px) {
  .news_article__link-icon::before {
    width: 10px;
    height: 9px;
  }
}
@media (max-width: 767px) {
  .news_article__link-icon::before {
    width: 1.5vw;
    height: 1.5vw;
  }
}

.news-article__picture {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .news-article__picture {
    grid-template-columns: 1fr;
    margin-bottom: 5vw;
  }
}

.news-article__picture-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4/3;
}
@media (max-width: 767px) {
  .news-article__picture-img {
    max-width: 390px;
    margin-inline: auto;
  }
}