@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
td,
th {
  font-weight: inherit;
  text-align: left;
  vertical-align: middle;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
a img {
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
button {
  -webkit-appearance: none;
  appearance: none;
  background: 0;
  border: 0;
  margin: 0;
  outline: none;
  padding: 0;
}
html {
  box-sizing: border-box;
  font-size: 0.52vw;
}
*,
:after,
:before {
  box-sizing: inherit;
}
img {
  box-sizing: content-box;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
a {
  transition-duration: 0.5s;
}
b,
strong {
  font-weight: 700;
}
sup {
  font-size: 0.7em;
  vertical-align: super;
}
table {
  max-width: 100%;
  width: 100%;
}
table p:not([class], :last-child) {
  margin-bottom: 1em;
}
td,
th {
  word-wrap: break-word;
  min-height: 1em;
  word-break: break-all;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c1c1c1;
}
input::placeholder,
textarea::placeholder {
  color: #c1c1c1;
}
[type="email"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="url"],
button,
select,
textarea {
  background: 0;
  border: 0;
  outline: none;
}
[type="checkbox"],
[type="radio"],
[type="submit"],
a,
area,
button,
label,
select,
summary {
  cursor: pointer;
}
.body-in {
  overflow-x: hidden;
}
.anime {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.anime:not(.key) {
  transition-duration: 0.5s;
}
.anime.quick {
  animation-duration: 0s;
  transition-duration: 0s;
}
.anime.flip-x {
  transform: rotateX(90deg);
}
.anime.flip-y {
  transform: rotateY(90deg);
}
.anime.zoom-in {
  transform: scale(0);
}
.anime.top-in {
  transform: translateY(-50px);
  transform-origin: 0 0;
}
.anime.bottom-in {
  transform: translateY(50px);
}
.anime.left-in {
  transform: translateX(-50px);
}
.anime.right-in {
  transform: translateX(50px);
}
@keyframes transform-purge {
  to {
    opacity: 1;
    transform: none;
  }
}
.anime.bottom-in,
.anime.fade-in,
.anime.flip-x,
.anime.flip-y,
.anime.left-in,
.anime.right-in,
.anime.top-in,
.anime.zoom-in {
  opacity: 0;
  transition-property: opacity, transform;
}
.anime.active .anime.bottom-in.chain:not(.key),
.anime.active .anime.fade-in.chain:not(.key),
.anime.active .anime.flip-x.chain:not(.key),
.anime.active .anime.flip-y.chain:not(.key),
.anime.active .anime.left-in.chain:not(.key),
.anime.active .anime.right-in.chain:not(.key),
.anime.active .anime.top-in.chain:not(.key),
.anime.active .anime.zoom-in.chain:not(.key),
.anime.bottom-in.active:not(.key),
.anime.bottom-in.lock:not(.key),
.anime.fade-in.active:not(.key),
.anime.fade-in.lock:not(.key),
.anime.flip-x.active:not(.key),
.anime.flip-x.lock:not(.key),
.anime.flip-y.active:not(.key),
.anime.flip-y.lock:not(.key),
.anime.left-in.active:not(.key),
.anime.left-in.lock:not(.key),
.anime.right-in.active:not(.key),
.anime.right-in.lock:not(.key),
.anime.top-in.active:not(.key),
.anime.top-in.lock:not(.key),
.anime.zoom-in.active:not(.key),
.anime.zoom-in.lock:not(.key),
.swiper-slide-active .anime.bottom-in:not(.key),
.swiper-slide-active .anime.fade-in:not(.key),
.swiper-slide-active .anime.flip-x:not(.key),
.swiper-slide-active .anime.flip-y:not(.key),
.swiper-slide-active .anime.left-in:not(.key),
.swiper-slide-active .anime.right-in:not(.key),
.swiper-slide-active .anime.top-in:not(.key),
.swiper-slide-active .anime.zoom-in:not(.key) {
  opacity: 1;
  transform: none;
}
.anime.active .anime.bottom-in.chain.key,
.anime.active .anime.fade-in.chain.key,
.anime.active .anime.flip-x.chain.key,
.anime.active .anime.flip-y.chain.key,
.anime.active .anime.left-in.chain.key,
.anime.active .anime.right-in.chain.key,
.anime.active .anime.top-in.chain.key,
.anime.active .anime.zoom-in.chain.key,
.anime.bottom-in.active.key,
.anime.bottom-in.lock.key,
.anime.fade-in.active.key,
.anime.fade-in.lock.key,
.anime.flip-x.active.key,
.anime.flip-x.lock.key,
.anime.flip-y.active.key,
.anime.flip-y.lock.key,
.anime.left-in.active.key,
.anime.left-in.lock.key,
.anime.right-in.active.key,
.anime.right-in.lock.key,
.anime.top-in.active.key,
.anime.top-in.lock.key,
.anime.zoom-in.active.key,
.anime.zoom-in.lock.key,
.swiper-slide-active .anime.bottom-in.key,
.swiper-slide-active .anime.fade-in.key,
.swiper-slide-active .anime.flip-x.key,
.swiper-slide-active .anime.flip-y.key,
.swiper-slide-active .anime.left-in.key,
.swiper-slide-active .anime.right-in.key,
.swiper-slide-active .anime.top-in.key,
.swiper-slide-active .anime.zoom-in.key {
  animation-name: transform-purge;
}
@keyframes expand-x {
  to {
    max-width: 100%;
    opacity: 1;
    white-space: normal;
  }
}
@keyframes expand-y {
  to {
    max-height: 100%;
    white-space: normal;
  }
}
.anime.expand-x {
  max-width: 0;
}
.anime.active .anime.expand-x.chain:not(.key),
.anime.expand-x.active:not(.key),
.anime.expand-x.lock:not(.key),
.swiper-slide-active .anime.expand-x:not(.key) {
  max-width: 100%;
  white-space: normal;
}
.anime.active .anime.expand-x.chain.key,
.anime.expand-x.active.key,
.anime.expand-x.lock.key,
.swiper-slide-active .anime.expand-x.key {
  animation-name: expand-x;
}
.anime.expand-y {
  max-height: 0;
}
.anime.active .anime.expand-y.chain:not(.key),
.anime.expand-y.active:not(.key),
.anime.expand-y.lock:not(.key),
.swiper-slide-active .anime.expand-y:not(.key) {
  max-height: 100%;
  white-space: normal;
}
.anime.active .anime.expand-y.chain.key,
.anime.expand-y.active.key,
.anime.expand-y.lock.key,
.swiper-slide-active .anime.expand-y.key {
  animation-name: expand-y;
}
.anime.expand-x,
.anime.expand-y {
  overflow: hidden;
  white-space: nowrap;
}
@keyframes focus-in {
  to {
    filter: blur(0);
    opacity: 1;
  }
}
.anime.blur {
  opacity: 0;
}
.anime.active .anime.blur.chain:not(.key),
.anime.blur.active:not(.key),
.anime.blur.lock:not(.key),
.swiper-slide-active .anime.blur:not(.key) {
  opacity: 1;
}
.anime.active .anime.blur.chain.key,
.anime.blur.active.key,
.anime.blur.lock.key,
.swiper-slide-active .anime.blur.key {
  animation-name: transform-purge;
}
@supports (filter: blur(12px)) {
  .anime.blur {
    filter: blur(12px);
  }
  .anime.active .anime.blur.chain:not(.key),
  .anime.blur.active:not(.key),
  .anime.blur.lock:not(.key),
  .swiper-slide-active .anime.blur:not(.key) {
    filter: blur(0);
  }
  .anime.active .anime.blur.chain.key,
  .anime.blur.active.key,
  .anime.blur.lock.key,
  .swiper-slide-active .anime.blur.key {
    animation-name: focus-in;
  }
}
body .pop,
button.pop,
input.pop,
select.pop,
textarea.pop {
  font-family: Poppins, -apple-system, Noto Sans CJK JP, Noto Sans Japanese,
    Noto Sans JP, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic,
    Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
}
body .roboto,
button.roboto,
input.roboto,
select.roboto,
textarea.roboto {
  font-family: Roboto, -apple-system, Noto Sans CJK JP, Noto Sans Japanese,
    Noto Sans JP, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic,
    Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
}
.o-list > li,
.u-list > li {
  margin: 0 0 0 2%;
  width: 98%;
}
.u-list > li {
  list-style-type: disc;
}
.o-list > li {
  list-style-type: decimal;
}
.flex {
  display: flex;
}
.bet {
  justify-content: space-between;
}
.flex.bet,
.pc-flex.bet,
.sp-flex.bet {
  justify-content: space-between;
}
.flex.aro,
.pc-flex.aro,
.sp-flex.aro {
  justify-content: space-around;
}
.flex.vstart,
.pc-flex.vstart,
.sp-flex.vstart {
  align-items: flex-start;
}
.flex.vend,
.pc-flex.vend,
.sp-flex.vend {
  align-items: flex-end;
}
.flex.vcenter,
.pc-flex.vcenter,
.sp-flex.vcenter {
  align-items: center;
}
.flex.hstart,
.pc-flex.hstart,
.sp-flex.hstart {
  justify-content: flex-start;
}
.flex.hcenter,
.pc-flex.hcenter,
.sp-flex.hcenter {
  justify-content: center;
}
.flex.hend,
.pc-flex.hend,
.sp-flex.hend {
  justify-content: flex-end;
}
.flex.str,
.pc-flex.str,
.sp-flex.str {
  align-items: stretch;
}
.flex.vert,
.pc-flex.vert,
.sp-flex.vert {
  flex-direction: column;
}
.flex.break,
.pc-flex.break,
.sp-flex.break {
  flex-wrap: wrap;
}
.youtube-wrap {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.youtube-wrap iframe {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}
.youtubeCrop {
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
  z-index: 1;
}
.youtubeCrop__img {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.grayscale {
  filter: grayscale(100%);
}
.activeToggle.active .activeToggle__off,
.activeToggle:not(.active) .activeToggle__on,
.loadingToggle.loading .loadingToggle__off,
.loadingToggle:not(.loading) .loadingToggle__on {
  display: none;
}
body.lock {
  overflow: hidden;
}
.serif {
  font-family: "Noto Serif JP", Yu Mincho, YuMincho, Hiragino Mincho ProN,
    "NotoSerifCJKjp", HGS明朝E, HG明朝E, serif;
}
.is-none {
  display: none !important;
}
.js-hide {
  display: none;
}
.ta-center {
  text-align: center;
}
.ta-right {
  text-align: right;
}
.ta-left {
  text-align: left;
}
.fw-700 {
  font-weight: 700;
}
.fw-900 {
  font-weight: 900;
}
.fz-e7 {
  font-size: 0.7em;
}
.fz-e8 {
  font-size: 0.8em;
}
.fz-e9 {
  font-size: 0.9em;
}
.is-false {
  pointer-events: none;
}

.is-sp {
  display: none !important;
}

@media (max-width: 768px) {
  .is-sp {
    display: block !important;
  }
  .is-pc {
    display: none !important;
  }
}

.is-screenReader {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.wp-post h2 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1em;
}
.wp-post h3 {
  font-size: 2rem;
}
.wp-post h3,
.wp-post h4,
.wp-post h5 {
  font-weight: 700;
  line-height: 2;
  margin-bottom: 0.5em;
}
.wp-post h4,
.wp-post h5 {
  font-size: 1.8rem;
}
.wp-post div + h2,
.wp-post div + h3,
.wp-post div + h4,
.wp-post div + h5,
.wp-post p + h2,
.wp-post p + h3,
.wp-post p + h4,
.wp-post p + h5 {
  margin-top: 5rem;
}
.wp-post p,
.wp-post > div {
  line-height: 1.8;
  margin: 0.8em 0 1.5em;
}
.wp-post p:last-child,
.wp-post > div:last-child {
  margin-bottom: 0;
}
.wp-post b,
.wp-post strong {
  font-weight: 700;
}
.wp-post em {
  font-style: italic;
}
.wp-post table {
  border-left: 1px solid #b9beb3;
  border-top: 1px solid #b9beb3;
  margin: 2rem auto;
}
.wp-post table td,
.wp-post table th {
  border-bottom: 1px solid #b9beb3;
  border-left: 0;
  border-right: 1px solid #b9beb3;
  border-top: 0;
  padding: 1rem;
  text-align: center;
}
.wp-post table th {
  background: #eff3f1;
}
.wp-post .aligncenter {
  display: block;
  margin: 0 auto;
}
.wp-post .alignright {
  float: right;
  padding-left: 3em !important;
  padding-right: 0 !important;
}
.wp-post .alignleft {
  float: left;
  padding-left: 0 !important;
  padding-right: 3em !important;
}
.wp-post .wp-caption {
  border: 2px solid #cfcfcf;
  border-radius: 5px;
  max-width: 100% !important;
  padding: 0.5em;
}
.wp-post .wp-caption .wp-caption-text {
  text-align: center;
}
.wp-post ol,
.wp-post ul {
  margin: 0 0 0 3rem;
}
.wp-post ol li,
.wp-post ul li {
  margin: 0 0 0.5em;
}
.wp-post ul li {
  list-style-type: disc;
}
.wp-post ol li {
  list-style-type: decimal;
}
.wp-post img[class*="attachment-"],
.wp-post img[class*="wp-image-"] {
  height: auto;
  max-width: 100%;
}
.wp-post img.alignleft,
.wp-post img.alignright {
  padding: 0 1em 2em;
}
.wp-post blockquote {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
  background: rgba(0, 0, 0, 0.1);
  display: block;
  padding: 0.5rem;
}
.wp-post blockquote p {
  margin-top: 0;
}
body.mceContentBody {
  font-family: -apple-system, Noto Sans CJK JP, Noto Sans Japanese, Noto Sans JP,
    游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic,
    Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
}
.visual-editor {
  background: #fff;
}
.visual-editor div,
.visual-editor p {
  border: 1px dashed #dadada;
  display: block;
  line-height: 1.5;
  margin: 0.8em 0;
}
.mw_wp_form:not(.mw_wp_form_confirm) .conf-content,
.mw_wp_form:not(.mw_wp_form_input) .input-content {
  display: none !important;
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper,
swiper-container {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: auto !important;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
  display: block;
  flex-shrink: 0;
  height: auto !important;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl)
  .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
  display: none;
}
.formError {
  bottom: 100%;
  cursor: pointer;
  display: block;
  left: auto !important;
  line-height: 1.5;
  margin: 0 0 0 1rem !important;
  position: absolute;
  top: auto !important;
  z-index: 990;
}
.formError .formErrorContent {
  background: #cc0615;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.05em;
  min-width: 120px;
  padding: 0.5rem 1rem;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 991;
}
.formError .formErrorArrow {
  position: relative;
  z-index: 996;
}
.formError .formErrorArrow:before {
  border-color: #cc0615 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
  height: 0;
  left: 1.5rem;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 2;
}
@keyframes scroll-hint-appear {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  10% {
    opacity: 1;
  }
  50%,
  to {
    opacity: 0;
    transform: translateX(-40px);
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.15),
    transparent 16px,
    transparent
  );
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.15),
      transparent 16px,
      transparent
    ),
    linear-gradient(270deg, rgba(0, 0, 0, 0.15), transparent 16px, transparent);
}
.scroll-hint.is-left-scrollable {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.15),
    transparent 16px,
    transparent
  );
}
.scroll-hint-icon {
  background: rgba(64, 200, 166, 0.8);
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  height: 145px;
  left: calc(50% - 110px);
  opacity: 0;
  padding: 35px 10px 10px;
  position: absolute;
  text-align: center;
  top: calc(50% - 75px);
  transition: opacity 0.3s;
  width: 255px;
}
.scroll-hint-icon-wrap {
  height: 100%;
  left: 0;
  max-height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.scroll-hint-text {
  color: #fff;
  font-size: 14px;
  margin-top: 5px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}
.scroll-hint-icon:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABgCAYAAABlqZ4+AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAmpSURBVHhe7Z2PtdM2FIf7JqBM0LwJChM0TFCYoHkTFCZomKAwQcMEwAQNExQmaJigMMHr78u5ypFl2bJsWXEIOsfHL7H+frq6urqS825+WEC4v7//UdX4VddTXfz9yO5fdP9oVXyn+/ubm5vDAqrcqMLNOSskeGuV/4cu7kMDUF8KJlAXEc4C0STvTxHYTKCwV9oXgukkdUJW05JWhyiADNW/bbiGtX9vw9cN45U+u4uh/iDS3DuB3E3DMC11VYgCiOT9FVT5qz5vde0EA3idQekB+UrXT0GkV0r7YhqK8amrQTQJ/Ceo6ht9fp6CFzZPeT3Xd6gDP5xNIpMQVWGk5Bddb8YOG9OB/yoPZl4XJjXaOmWvzPwh/kR15LuqoReiKrpTbX5zNVIFk9BjtQ/zUZxJAF0ZEek+qIq3VQmqsE4okYZ/VgVXuRU0M4aJxAUketMBm/ydveiiMPuSJjoLR/QsMzZ6s1qIQowARPmvx5gTyovhhTogkM8qpgMVD3tx29PynZ4BqDX5BGV8UZyH1QiqoBbEwgDRgf95DYpKicpkxo5KZwADaUTvNUBGpP1ZTWO8AbEkQBofGWoPIwCQPqTQDx/0AQnGplzr8iePvfJ4EkqaygLwz/Z9p8qYQ0JPEEsDNIgszdBxBNa92HmnoDJX+oDZ42btT/p746sNm9l3Xj6kb83Cioce/N0yrzrBHCHOAdDy3evu9OFLwdkGEEN773FM7xpIJM0Z2S1JC4f0WEtijKTeBD04Jg+XBj2FLgLcMShvvnNDsaUPgwnhg9Kuuypg9qob9q3JI6IXW6pjSuP60gLxvmDmjSEb5B0bgr2SGkgtquCt+y4maanyCrazkRUQfb01tZzGrJhqVCCJreEeQERKT/ZmCNH0K6siF1qdNrVxXemBiFJHItzMRlyG4Z3dh5bNEGsYxMr7oMROj8V0Yo4kpiD2Ph/aiDHx3MQSAxm1yXIKCaQ8NhmUhOhPUl/Vof46Pafa2XF9E6c4yAGTQUmIveZUNpmMBKGxXRSkIGIs++6vUGcWgRjRh3eSxF0Gh0lRY8u+0iB9vdhYbZSaWCJ2bjXzBvpdDogYyOhyK9WFkaXfyaAuCNG3R6su+Toh8iA2a49dBXjr2oYXpyBEpxbI/5HqifRXCymnLBKJwnae7c2YmlmHoB8/+g6IghCpJ/mzZq4KsFcSx8DKTVMKYm65peOPcveXqsR3iAVIfoe4IIhmjz6QPsSZWz1c7HAWKbzbsXM8TCxbAWVPu0q4ZIgpQJPX/qkC3PNvGSJtxKR6PBTG2HiXDhHjGu8NUseqBVuRvRb/rM7RBWeebw4irHWtLP5e93dTh/4lQ4yuTiIrLeACC894V6ATcFo0/KFDJfOSIXZ6aiLeoyE8gI03PBvkJUO87VviCaTvlHAQkV6G+8GG9CYY+qN06MVCTDlDAkMeiOxpcxQGuKcQcaMdJVzfoz9RAc5D7tQCXqJGHtcCsde743mZgMtwBtyqQwcAkO3fnXt+LRBbpy8Cadzqc3iUJaVHT/vo1wKxtdMYQFzrs3/8zz1GBex1IX3Ecac53HMmov13iMJhNmQIMXZiA5D4V92pjuOZn2yIbrGvjDBs6SEyGrXwn9OLMyVvtalzi0H5Ytz758UfD4Jou2nMVpsOhQtMeojCEf9BYUpDM2fn3OF8HKZdjVC9/aM3L5IQbaMJ8m6qTwHCDqPSDTMglmipELM7qI+ISaB/vsWPjtkQezmHOIM8KNcCcScgp7cHGK66ePHmtDQy0Bil2wBq0vq/FojoBTetvxY8lGo02MIfveibAak0fv4pvcVE5k5TJM/aqD7UxZ3S7X2jIJydSw9nXxIPqhQb7726LrLcip5+pSdyJNHiI/FrXbzC1usosE5ldGA9oKc7Q6C2Pik+HdYXv9n5ichU2LefeqXFGsoEBHCnLztPTuRC7Kvr1GeeWhryjuFwiBFpQQqRLCD19VRoSx0X9WGCJUHM6YRWvVOJIzN0pyHq56V0gHYeZv5uqYKrgWjSiE5xrzfwVa8xammSquDaIA7Wc4E0+rqjpQquCqJJ1iA9F0Bc6bNvrDdUwdVBNJCYFe6APJJ1O8Dk6VQF1woxqeciM3CoCo5LQl1870tp9VdsU5Nq1/Ps2TkCxV8J8BhpZPbtDObE4E3SvpDMZ2yjS6crATHUc2x+P0tVNLKS8ZP0Lg9Tedd+Phmi6cat7v6exBCTh+G70+XWs67tyVVQbUip8kpBDPXc4FdjzXh3a1M8Pb2qINWgczwvAtGkcaO7r+cuZmKYCr4YRAO51925vgaZPFMbsIT0pSGu1Sjfy3NRE8TYDikK0aSRycL3fl+MqbIkiCtVBgM66T8cW+mlpSsuiSaNW919k6fqT6rUhjwXREwepPHkP5Tpclu7cbXKmwWiSSP7H6ffaNDfF2dED+2E2SBek8kjiPzqFKOP8DJ5AmJo7xhEf1uTrwZtJeSUsYS4gugfI3lSFKKB3OnumzydW6ZLAJJbB/ELBWXYgaacgmy/96A036TJo/Y1dD8b/cUl0aQxeyshp6POGVcQfU/9caN/FogGEmns3TI9J4yxZQsiR1mcF+q4zJ0T4lqFZZ2eGNuwWukie/DHRcVsEE0a97r7Xp7k6YlaQMaUEwzl06GquSGuVFl/M2rQVsKYBtZII4i0hTYRTubbrBBNGrNPT9QAkltGZLPttCVSA2Jry1R6ZPbXZ3MhpeIHUvhBbUDnH8PsEE0aN7pf7FaCAG5V/86NuSoQDWR4euIiJhmbkf3fvW1IYTVJNIjhcmnUz2alhl3p54FdSPYtz301STSQ4bDgVOpd6YaXyk8AUUGoIhei7r2qECPDmq/uBHJXquGl8onMxp1nuc8BkWG91+W/A7MokBGAva/6Vofo6ccQJP+X5XUpSRqbjwByIhjb1oXk/104C0QDia4JT4qdTUeaC4/X73wdSFWT54zOBtFA4ptDH/pDG1OI4c29SjBHKx3qvDOUm5RAV7mzQuwZ2jza6sLVxPGUWYJJH0Y0/k8/DAZIorNDNJAsDTk86r/SxiMAop+KwjR46D7guQ0nB5F3t5/mdN4iILraq3E0CgmMvb26A7Qax7+lGxWUP2cjUSGbSAbHn3tR/pSfFRYF0aRyZSD9zS6/UUgn+nJvdz5/VuMPfiQBQ6qRMvTc2q4uOLw9yy/dNfIYSnJxEF3Fbc2KVHTBHNrGvniT4LmMFwsxgOmGoP//EcZC/KyE6FlUwyjJCwtePMRgiDLUAcoQ5RoClZ9lccMfp0cRcH69Lgpil+hp6KPzwlDt56L/BwqpFXH2Y8KVAAAAAElFTkSuQmCC);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  content: "";
  display: inline-block;
  height: 47px;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}
.scroll-hint-icon:after {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 14px;
  left: 50%;
  margin-left: -20px;
  opacity: 0;
  position: absolute;
  top: 10px;
  transition-delay: 2.4s;
  width: 34px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}
.scroll-hint-icon-white {
  background-color: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}
.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PHBhdGggZD0iTTIxLjMzIDMwLjUySDcuODVBMS41NSAxLjU1IDAgMCAxIDYuMyAyOWExMi40NiAxMi40NiAwIDAgMC0uNjMtNC40MiAyNS4xNiAyNS4xNiAwIDAgMC00LjI1LTVsLS4wNi0uMDZBNSA1IDAgMCAxIDAgMTUuODZhMy42NCAzLjY0IDAgMCAxIDEuMTctMi42MiAzLjYzIDMuNjMgMCAwIDEgNS4xNC4wN1YzLjc3YTMuNzcgMy43NyAwIDEgMSA3LjU0IDB2NC41NmEzLjM1IDMuMzUgMCAwIDEgMS4yNiAwIDMgMyAwIDAgMSAyIDEuMjIgMy41IDMuNSAwIDAgMSAyLS4wNiAzLjIxIDMuMjEgMCAwIDEgMiAxLjU0IDMuNzQgMy43NCAwIDAgMSAzIC40NyA0LjIxIDQuMjEgMCAwIDEgMS42MyAzLjV2LjQ2YTE5LjI2IDE5LjI2IDAgMCAxLS44NCA3Yy0uMTQuMzgtLjM2LjgxLS41NiAxLjIybC0uMTEuMjJjMCAuMDctLjA5LjE0LS4xNC4yMWE3LjEzIDcuMTMgMCAwIDAtMS4xNyAyLjE3Yy0uMDYuNTYtLjA2IDIuMTUtLjA1IDIuNzFhMS41NSAxLjU1IDAgMCAxLTEuNTQgMS41M1pNOC42MSAyOC4yMWgxMmMwLS43MSAwLTEuNzEuMDctMi4yM2E4Ljc0IDguNzQgMCAwIDEgMS41OS0zLjI1bC4wNi0uMTJhMTAgMTAgMCAwIDAgLjQ2LTEgMTYuOCAxNi44IDAgMCAwIC43LTYuMTJ2LS41NGEyIDIgMCAwIDAtLjY0LTEuNTIgMS4zMyAxLjMzIDAgMCAwLTEuNTUuMDggMS4xMyAxLjEzIDAgMCAxLTEuMTguMjggMS4xNSAxLjE1IDAgMCAxLS43OC0uOTQgMS4yNiAxLjI2IDAgMCAwLS43NS0xLjExIDEgMSAwIDAgMC0xLjExLjI4bC0uMS4xYTEuMTUgMS4xNSAwIDAgMS0xLjE5LjI5IDEuMTYgMS4xNiAwIDAgMS0uNzgtLjk1Yy0uMDktLjY4LS4yMS0uNzctLjctLjg3YS44Mi44MiAwIDAgMC0xIC40OCAxLjE2IDEuMTYgMCAwIDEtMi4xNi0uNThWMy43N2ExLjQ2IDEuNDYgMCAxIDAtMi45MiAwdjEyLjE4YTEuMTcgMS4xNyAwIDAgMS0uODMgMS4xMSAxLjE1IDEuMTUgMCAwIDEtMS4yLS4zNWwtMS0uOTFjLS40Ny0uNDItLjczLS42Ni0uODQtLjc3YTEuMzUgMS4zNSAwIDAgMC0yLS4xMkwyLjcgMTVhMS4zMiAxLjMyIDAgMCAwLS4zOSAxQTIuNTcgMi41NyAwIDAgMCAzIDE3Ljg1YTI3LjI0IDI3LjI0IDAgMCAxIDQuNyA1LjYyIDEyLjYzIDEyLjYzIDAgMCAxIC45MSA0Ljc0Wm0xNC41OS00Ljg2Wk02LjUxIDE2LjU5WiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSIvPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBhdGggZD0iTTEuODUgNi4wMWg4LjU1TTEwLjQgNy4xN0gxLjg1YTEuMTYgMS4xNiAwIDEgMSAwLTIuMzFoOC41NWExLjE2IDEuMTYgMCAxIDEgMCAyLjMxWiIvPjxwYXRoIGQ9Ik03LjQgMTJhMS4xNSAxLjE1IDAgMCAxLS43Mi0uMjVsLTYuMjUtNUExLjIgMS4yIDAgMCAxIDAgNS44NyAxLjE0IDEuMTQgMCAwIDEgLjQ2IDVMNi43LjIzYTEuMTYgMS4xNiAwIDAgMSAxLjQgMS44NUwzIDUuOTEgOC4xMiAxMGExLjE2IDEuMTYgMCAwIDEtLjcyIDJaTTMxLjQ1IDYuMDFoLTguNTZNMzEuNDUgNy4xN2gtOC41NmExLjE2IDEuMTYgMCAxIDEgMC0yLjMxaDguNTZhMS4xNiAxLjE2IDAgMCAxIDAgMi4zMVoiLz48cGF0aCBkPSJNMjUuOSAxMmExLjE4IDEuMTggMCAwIDEtLjkxLS40MyAxLjE3IDEuMTcgMCAwIDEgLjE4LTEuNTdsNS4wOS00LjA1LTUuMDYtMy44N0ExLjE2IDEuMTYgMCAwIDEgMjYuNTkuMjNMMzIuODQgNWExLjE2IDEuMTYgMCAwIDEgLjQ1LjkxIDEuMTQgMS4xNCAwIDAgMS0uNDMuOTJsLTYuMjQgNWExLjE3IDEuMTcgMCAwIDEtLjcyLjE3WiIvPjwvZz48L2c+PC9zdmc+);
}
.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}
.md-uline {
  position: relative;
  text-decoration: none;
}
.md-uline:before {
  background: #00588b;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  transform: rotateY(90deg);
  transform-origin: 50%;
  transition-duration: 0.5s;
  width: 100%;
  z-index: 5;
}
.md-uline.uline-block {
  display: block;
}
.md-uline.uline-left:before {
  transform-origin: 0;
}
.md-uline.uline-right:before {
  transform-origin: 100%;
}
.md-uline.active,
.md-uline:hover,
a.active .md-uline,
a:hover .md-uline {
  text-decoration: none;
}
.md-uline.active:before,
.md-uline:hover:before,
a.active .md-uline:before,
a:hover .md-uline:before {
  transform: rotateY(0deg);
}
.md-overlay {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  transition-duration: 0.5s;
  width: 100%;
  z-index: 1000;
}
.md-overlay:not(.active) {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.md-overlay--modal {
  z-index: 10000;
}
.md-overlay--ripple {
  border-radius: 50%;
  height: 300vh;
  transform: translate(50%, -50%);
  width: 300vh;
}
.md-overlay--ripple:not(.active) {
  height: 0;
  width: 0;
}
.md-overlay--shutter {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5) 50%,
    hsla(0, 0%, 100%, 0)
  );
  height: 200vh;
}
.md-overlay--shutter:not(.active) {
  transform: translateY(-100%);
}
.md-loading {
  max-height: 60vh;
  min-height: 9rem;
  position: relative;
}
.md-loading:before {
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-name: mdLoading;
  animation-timing-function: linear;
  border: 3px solid #0251b6;
  border-bottom-color: rgba(2, 81, 182, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 4rem;
  left: 50%;
  margin: -2rem 0 0 -2rem;
  position: absolute;
  top: 50%;
  width: 4rem;
  z-index: 2;
}
.md-loading:not(.active) {
  opacity: 0;
  visibility: hidden;
}
@keyframes mdLoading {
  to {
    transform: rotate(1turn);
  }
}
.md-lay {
  display: inline-block;
  transform: perspective(0) translateZ(0);
  vertical-align: middle;
  z-index: 1;
}
.md-lay,
.md-lay .lay-bg {
  position: relative;
  transition-duration: 0.5s;
}
.md-lay .lay-bg {
  z-index: 2;
}
.md-lay .lay-bg img {
  vertical-align: middle;
  width: 100%;
}
.md-lay .lay-bg .on {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.5s;
}
.md-lay .lay-bg .off {
  position: relative;
  transition-duration: 0.5s;
}
.md-lay:after,
.md-lay:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: perspective(0) translateZ(0);
  transition-duration: 0.5s;
  width: 100%;
}
.md-lay:before {
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.md-lay:after {
  z-index: 4;
}
.md-lay.zoom {
  overflow: hidden;
}
.md-lay.block,
.md-lay.over {
  display: block;
}
.md-lay.over .lay-bg img {
  margin-left: 50%;
  max-width: none;
  transform: translate(-50%);
  width: auto;
}
.md-lay.through {
  display: inline-block;
  overflow: visible;
}
.md-lay.through .lay-bg img {
  max-width: none;
  width: auto;
}
.md-lay.no-cover:after,
.md-lay.no-cover:before {
  display: none;
}
.md-lay .lay-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
a.active .md-lay .lay-bg .on {
  opacity: 1;
}
a.active .md-lay .lay-bg .off {
  opacity: 0;
}
a.active .md-lay.zoom .lay-bg {
  transform: scale(1.05);
}
a.active .md-lay.bright:before {
  opacity: 1;
}
a.active .md-lay.border:after {
  box-shadow: inset 0 0 0 10px hsla(0, 0%, 100%, 0.5);
  opacity: 1;
}
@font-face {
  font-display: swap;
  font-family: iconfont;
  src: url(font/icon/iconfont.eot?d90c0bfe705ae55661ea8cfa04948676?#iefix)
      format("embedded-opentype"),
    url(font/icon/iconfont.woff2?d90c0bfe705ae55661ea8cfa04948676)
      format("woff2"),
    url(font/icon/iconfont.woff?d90c0bfe705ae55661ea8cfa04948676) format("woff");
}
.iconfont,
i[class*="icon-"]:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400 !important;
  text-decoration: none;
  text-transform: none;
}
i[class*="icon-"] {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
i[class*="icon-"]:before {
  display: inline-block;
  vertical-align: bottom;
}
.icon-blank:before {
  content: "\f101";
}
.icon-c-left:before {
  content: "\f102";
}
.icon-c-right:before {
  content: "\f103";
}
.icon-clip:before {
  content: "\f104";
}
.icon-clock:before {
  content: "\f105";
}
.icon-close:before {
  content: "\f106";
}
.icon-comp-check:before {
  content: "\f107";
}
.icon-comp-home:before {
  content: "\f108";
}
.icon-company:before {
  content: "\f109";
}
.icon-down:before {
  content: "\f10a";
}
.icon-download:before {
  content: "\f10b";
}
.icon-error:before {
  content: "\f10c";
}
.icon-exit:before {
  content: "\f10d";
}
.icon-eye-close:before {
  content: "\f10e";
}
.icon-eye:before {
  content: "\f10f";
}
.icon-facebook:before {
  content: "\f110";
}
.icon-fav:before {
  content: "\f111";
}
.icon-favorite:before {
  content: "\f112";
}
.icon-file:before {
  content: "\f113";
}
.icon-history:before {
  content: "\f114";
}
.icon-home:before {
  content: "\f115";
}
.icon-instagram:before {
  content: "\f116";
}
.icon-job-contract:before {
  content: "\f117";
}
.icon-job-pc:before {
  content: "\f118";
}
.icon-job-point:before {
  content: "\f119";
}
.icon-job-pos:before {
  content: "\f11a";
}
.icon-job-sum:before {
  content: "\f11b";
}
.icon-job-yen:before {
  content: "\f11c";
}
.icon-left:before {
  content: "\f11d";
}
.icon-line:before {
  content: "\f11e";
}
.icon-logout:before {
  content: "\f11f";
}
.icon-mail:before {
  content: "\f120";
}
.icon-minus:before {
  content: "\f121";
}
.icon-pc:before {
  content: "\f122";
}
.icon-person:before {
  content: "\f123";
}
.icon-pin:before {
  content: "\f124";
}
.icon-plus:before {
  content: "\f125";
}
.icon-price:before {
  content: "\f126";
}
.icon-reply:before {
  content: "\f127";
}
.icon-right:before {
  content: "\f128";
}
.icon-search:before {
  content: "\f129";
}
.icon-send:before {
  content: "\f12a";
}
.icon-setting:before {
  content: "\f12b";
}
.icon-triangle:before {
  content: "\f12c";
}
.icon-twitter:before {
  content: "\f12d";
}
.icon-up:before {
  content: "\f12e";
}
.icon-user-header:before {
  content: "\f12f";
}
.icon-user:before {
  content: "\f130";
}
.icon-warning:before {
  content: "\f131";
}
.icon-x:before {
  content: "\f132";
}
.md-btn {
  align-items: center;
  border: 0;
  border-radius: 10rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.5s;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}
.md-btn.left-text {
  justify-content: flex-start;
  text-align: left;
}
.md-btn.mat {
  padding: 0;
}
.md-btn.mat a,
.md-btn.mat button,
.md-btn.mat input[type="button"],
.md-btn.mat input[type="submit"] {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-flex;
  font-size: inherit;
  font-weight: inherit;
  height: 100%;
  justify-content: center;
  line-height: 1;
  outline: none;
  transition: color 0s;
  width: 100%;
}
.md-btn:before {
  background: none;
  content: "";
  display: inline-block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition-duration: 0.5s;
  width: 100%;
  z-index: -1;
}
.md-btn:not(.reverse):before {
  left: -100%;
}
.md-btn.reverse:before {
  right: -100%;
}
.md-btn.stay:before {
  display: none;
}
.md-btn .head-icon {
  margin-left: -1em;
  margin-right: 0.5em;
}
.md-btn .left-icon,
.md-btn .right-icon {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0s;
  z-index: 10;
}
.md-btn .right-icon {
  right: 0.8em;
  transition: right 0.5s;
}
.md-btn .left-icon {
  left: 0.8em;
  transition: left 0.5s;
}
.md-btn:hover,
a:hover .md-btn {
  text-decoration: none;
}
.md-btn:hover:not(.reverse):before,
a:hover .md-btn:not(.reverse):before {
  left: 0;
}
.md-btn:hover.reverse:before,
a:hover .md-btn.reverse:before {
  right: 0;
}
.md-btn:hover .right-icon:not(.stay),
a:hover .md-btn .right-icon:not(.stay) {
  right: 0.5em;
}
.md-btn:hover .left-icon:not(.stay),
a:hover .md-btn .left-icon:not(.stay) {
  left: 0.5em;
}
.md-btn.black {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.md-btn.black:before,
.md-btn.black:hover,
a:hover .md-btn.black {
  background-color: #fff;
  color: #000;
}
.md-btn.green {
  color: #fff;
}
.md-btn.green,
.md-btn.green:before {
  background-image: linear-gradient(90deg, #40c86d, #40c8a6);
}
.md-btn.green:before {
  mix-blend-mode: multiply;
  opacity: 0.3;
}
.md-btn.gray {
  background-color: #949494;
  color: #fff;
}
.md-btn.gray:before {
  background-color: #949494;
  mix-blend-mode: multiply;
  opacity: 0.3;
}
.md-btn.dl {
  background: #ebebeb;
  border: 1px solid #818181;
  border-radius: 0.5rem;
  box-shadow: none;
  color: #383838;
}
.md-btn.dl:hover {
  opacity: 0.7;
}
.md-btn.red {
  background: linear-gradient(#f24375, #ce003b);
  border: 1px solid #f24375;
  color: #fff;
}
.md-btn.red:before,
.md-btn.red:hover,
a:hover .md-btn.red {
  opacity: 0.5;
}
.md-btn.blueLine,
.md-btn.searchOption {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  box-shadow: none;
  color: #00588b;
}
.md-btn.blueLine:before,
.md-btn.searchOption:before {
  display: none;
}
.md-btn.blueLine:hover,
.md-btn.searchOption:hover,
a:hover .md-btn.blueLine,
a:hover .md-btn.searchOption {
  background: #e4eaf5;
  opacity: 0.7;
}
.md-btn.dialogRedLine,
.md-btn.entryBack {
  background: #fff;
  border: 2px solid #ce003b;
  border-radius: 0.5rem;
  box-shadow: none;
  color: #ce003b;
}
.md-btn.dialogRedLine:before,
.md-btn.dialogRedLine:hover,
.md-btn.entryBack:before,
.md-btn.entryBack:hover,
a:hover .md-btn.dialogRedLine,
a:hover .md-btn.entryBack {
  background-color: #ce003b;
  color: #fff;
}
.md-btn.dialogRed {
  border-radius: 0.5rem;
  box-shadow: none;
  color: #fff;
}
.md-btn.dialogRed,
.md-btn.dialogRed:before {
  background-image: linear-gradient(180deg, #f24375, #ce003b);
}
.md-btn.dialogRed:before {
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0;
}
.md-btn.dialogRed:hover:before {
  opacity: 0.3;
}
.md-btn.blue {
  background: #00588b;
  border: 1px solid #00588b;
  color: #fff;
}
.md-btn.blue:before,
.md-btn.blue:hover,
a:hover .md-btn.blue {
  background-color: #fff;
  color: #00588b;
}
.md-btn.favorite {
  background: #fff;
  border: 1px solid #00588b;
  color: #00588b;
  padding-left: 2rem;
}
.md-btn.favorite.active,
.md-btn.favorite:before,
.md-btn.favorite:hover,
a:hover .md-btn.favorite {
  background: #00588b;
  color: #fff;
  padding-left: 0;
}
.md-btn.rec-entry {
  background: linear-gradient(#d6d6d6, #949494);
  border: 1px solid #d6d6d6;
  color: #fff;
}
.md-btn.rec-entry:before,
.md-btn.rec-entry:hover,
a:hover .md-btn.rec-entry {
  background-color: #fff;
  color: #949494;
}
.md-btn.blueLine {
  background: transparent;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  box-shadow: none;
  color: #00588b;
}
.md-btn.blueLine:before {
  display: none;
}
.md-btn.blueLine:hover,
a:hover .md-btn.blueLine {
  background: #e4eaf5;
  opacity: 0.7;
}
.md-btn.disable {
  filter: grayscale(100%);
  opacity: 0.5;
  pointer-events: none;
}
.md-acc .acc-btn {
  cursor: pointer;
}
.md-acc .acc-check {
  display: none;
}
.md-acc .acc-body {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform-origin: 0 0;
  transition-duration: 0.5s;
}
.md-acc .acc-body .acc-body:not(.active) {
  transition-duration: 0s;
}
.md-acc .acc-check:not(:checked) ~ .acc-btn .acc-on {
  display: none;
}
.md-acc .acc-body.active,
.md-acc .acc-check:checked ~ .acc-body,
.md-acc .acc-check:checked ~ .acc-btn,
.md-acc .acc-check:checked ~ .acc-btn .acc-body {
  max-height: none;
  opacity: 1;
  overflow: visible;
}
.md-acc .acc-check:checked ~ .acc-btn .acc-off,
.pc-md-acc .acc-check,
.sp-md-acc .acc-check {
  display: none;
}
.toast {
  background: hsla(0, 0%, 100%, 0.95);
  bottom: 2rem;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.5);
  color: #383838;
  padding: 2rem 5rem;
  position: fixed;
  right: 2rem;
  transition: 0.3s;
  z-index: 100000;
}
.toast:not(.active) {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.selectBox {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAASCAYAAAA6yNxSAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADaSURBVEhLtZbBGYIwDEb/TCDb6VE3wItD4EE30KPbiRNEGz5thdImhfbEAfJe/6b5IOy6PZgucIv4iMfpLs+11ohH2J6fIDSex4dqEg4Ouv1YjP4j0PUg2vxvuILEGO6AzC+SIwitvN56SSQYJLyaEpnag0AtCcXGvMDaEgq4XLzJbVN+mLylhhpTgaVJGODxBJb0hBGeFrAmUQDPC2glCuE6gZyEHFkwXo2DLN6EsRaf3WXsZf0o1wskkwgl9HD9EYT1k0nY4GUCs0nY4eUCXwnGdehBtKX/EG9thJU5wgAyowAAAABJRU5ErkJggg==);
  background-position: right 1.5rem center;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #818181;
  border-radius: 0.5rem;
  max-width: 50rem;
  padding: 0.5rem 4rem 0.5rem 1rem;
  width: 100%;
}
.selectBox::-ms-expand {
  display: none;
}
.scrollArea {
  overflow: auto;
  scrollbar-width: thin;
}
.scrollArea::-webkit-scrollbar {
  background: #000;
  cursor: default;
  height: 10px;
  width: 10px;
}
.scrollArea::-webkit-scrollbar-track {
  background: #d7d7d7;
}
.scrollArea::-webkit-scrollbar-thumb {
  background: #383838;
  border: 3px solid transparent;
}
.mailListModal {
  background: #fff;
  position: relative;
}
.mailListModal__head {
  font-size: 2rem;
  height: 7rem;
  padding: 2rem;
}
.mailListModal__title {
  font-weight: 700;
}
.mailListModal__close {
  font-size: 3rem;
  line-height: 1;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 2;
}
.mailListModal__body {
  border-top: 1px solid #818181;
  max-height: calc(100vh - 20rem);
  overflow: auto;
}
.mailListModal__item {
  font-size: 1.6rem;
  padding: 1rem 2rem;
}
.mailListModal__item:not(:first-child) {
  border-top: 1px solid #818181;
}
.mailListModal__mail {
  color: #818181;
  font-size: 1.4rem;
}
.jobItem {
  font-feature-settings: "palt";
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.jobItem__head {
  padding: 2rem 2rem 1.3rem;
}
.jobItem__entry {
  font-size: 1.4rem;
  height: 5rem;
  width: 14rem;
}
.jobItem__left {
  width: calc(100% - 16rem);
}
.jobItem__title {
  color: inherit;
  font-size: 1.8rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.5;
}
a:hover .jobItem__titleText {
  text-decoration: underline;
}
.jobItem__new {
  align-items: center;
  background: #fff;
  border: 1px solid #ce003b;
  color: #ce003b;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: 400;
  height: 2rem;
  justify-content: center;
  margin-left: 1rem;
  text-decoration: none;
  width: 6.2rem;
}
.jobItem__dataList {
  margin: 1rem 0 0;
}
.jobItem__id {
  font-size: 1.8rem;
  line-height: 1;
}
.jobItem__body {
  border-top: 1px solid #818181;
  padding: 2rem;
}
.jobItem__text {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #818181;
  display: -webkit-box;
  font-size: 1.5rem;
  overflow: hidden;
}
.jobItem__link {
  color: #00588b;
  font-size: 1.4rem;
  margin: 0 0 0 auto;
  text-decoration: underline;
}
.jobItem__link:hover {
  text-decoration: none;
}
.jobItem__footer {
  background: #f5f5f5;
  gap: 2.5rem;
  height: 7rem;
  padding: 1.5rem 2rem;
}
.jobItem__more {
  font-size: 1.4rem;
  gap: 0.5rem;
  text-decoration: underline;
}
.jobItem__more:hover {
  text-decoration: none;
}
.jobItem__moreIcon {
  font-size: 2rem;
}
.jobItemTable {
  margin: 2rem 0 0;
}
.jobItemTable__line:not(:first-child) {
  margin-top: 1.5rem;
}
.jobItemTable__head {
  font-size: 1.5rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.5;
  width: 20rem;
}
.jobItemTable__icon {
  font-size: 2.6rem;
}
.jobItemTable__body {
  font-size: 1.5rem;
  width: calc(100% - 20rem);
}
.jobItemAdv {
  background: #e4eaf5;
  border: 1px solid #cbddff;
  border-radius: 0.5rem;
  margin: 2rem 0 0;
  padding: 0 1.5rem;
}
.jobItemAdv__img {
  padding: 1rem 0 0;
  width: 3.6rem;
}
.jobItemAdv__data {
  padding: 0.5rem 0;
  width: calc(100% - 5.1rem);
}
.jobItemAdv__head {
  font-size: 1.2rem;
}
.jobItemAdv__body {
  font-size: 1.5rem;
  font-weight: 500;
}
.customFile {
  gap: 1rem;
  width: 100%;
}
.customFile,
.customFile__frame {
  position: relative;
}
.customFile__input {
  cursor: pointer;
  display: block;
}
.customFile__input.active {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.customFile__btn {
  display: none;
}
.customFile__icon {
  font-size: 1.8rem;
  left: 1rem;
  position: absolute;
}
.customFile__text {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0 1rem;
}
.customFile__text:not(.active) {
  display: none;
}
.customFile__del {
  color: #00588b;
  font-size: 1.4rem;
  padding: 0.5rem;
  text-decoration: underline;
  transition-duration: 0.2s;
}
.customFile__del:not(.active) {
  display: none;
}
.customFile__del:hover {
  text-decoration: none;
}
.favBtn {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  color: #00588b;
  font-size: 1.6rem;
  height: 4rem;
  padding-left: 1rem;
  position: relative;
  transition-duration: 0.3s;
  width: 20rem;
}
.favBtn.active,
.favBtn:hover {
  background: #00588b;
  color: #fff;
}
.favBtn__icon {
  font-size: 1.8rem;
  left: 1rem;
  position: absolute;
}

.entryBtn {
  background-image: linear-gradient(180deg, #f24375, #ce003b);
  border-radius: 0.5rem;
  color: #fff;
  line-height: 1.3;
  text-align: center;
}
.entryBtn:hover {
  opacity: 0.7;
}
.entryBtn.active {
  background-image: linear-gradient(180deg, #d6d6d6, #949494);
  pointer-events: none;
}
.entryEditBtn {
  background-image: linear-gradient(180deg, #f24375, #ce003b);
  border-radius: 0.5rem;
  color: #fff;
  line-height: 1.3;
  text-align: center;
}
.entryEditBtn:hover {
  opacity: 0.7;
}
.entryEditBtn.active {
  background-image: linear-gradient(180deg, #d6d6d6, #949494);
}
body {
  overflow: visible;
  position: relative;
  width: 100%;
}
body.modalOn {
  height: 100vh;
  overflow: hidden;
  position: fixed;
}
body,
button,
input,
select,
textarea {
  word-wrap: break-word;
  color: #383838;
  font-family: -apple-system, Noto Sans CJK JP, Noto Sans Japanese, Noto Sans JP,
    游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic,
    Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
body {
  line-height: 1.8;
}
a {
  color: #0251b6;
  text-decoration: none;
}
p:not([class], :last-child) {
  margin-bottom: 1em;
}
::selection {
  background-color: #02469d;
  color: #fff;
}
.textRed {
  color: #ce003b;
}
.modal {
  left: 50%;
  max-width: 100rem;
  pointer-events: none;
  position: fixed;
  top: 50%;
  transition-duration: 0.3s;
  width: calc(100% - 2rem);
  z-index: 50000;
}
.modal:not(.active) {
  opacity: 0;
  visibility: hidden;
}
.modal__frame {
  pointer-events: auto;
  transform: translate(-50%, -50%);
  max-height: 90vh;
}
.modal__closeBG {
  background: #383838;
  height: 100%;
  left: 0;
  opacity: 0.5;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.modal__box {
  max-height: 90vh;
  overflow-y: auto;
  pointer-events: auto;
}
.dialog {
  background: #fff;
  border-radius: 1rem;
  margin: 0 auto;
  max-width: 100rem;
  padding: 3.5rem 5rem 3rem;
  position: relative;
  z-index: 2;
}
.dialog__close {
  font-size: 3rem;
  position: absolute;
  right: 5rem;
  top: 3.2rem;
  z-index: 2;
}
.dialog__text {
  color: #535353;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}
.dialog__list {
  gap: 2rem;
  margin: 3rem 0 0;
}
.dialog__btn {
  font-size: 1.6rem;
  font-weight: 500;
  height: 6rem;
  max-width: calc(49% - 1rem);
  width: 32rem;
}
.headerUserPad {
  padding-top: 5.2vw;
}
.headerUser {
  left: 0;
  position: fixed;
  top: 0;
  white-space: nowrap;
  width: 100%;
  z-index: 1000;
}
.headerUser__top {
  background: #ececec;
  box-shadow: 0 5px 11px hsla(0, 0%, 51%, 0.05);
  font-size: 0.676vw;
  height: 1.56vw;
  padding: 0 2.08vw;
}
.headerUser__title {
  color: #818181;
}
.headerUser__comp {
  gap: 0.416vw;
  text-decoration: underline;
}
.headerUser__comp:hover {
  text-decoration: none;
}
.headerUser__compIcon {
  font-size: 0.936vw;
}
.headerUser__frame {
  background: #fff;
  box-shadow: 0 5px 11px hsla(0, 0%, 51%, 0.05);
  padding: 0 2.08vw;
}
.headerUser__base {
  height: 3.64vw;
}
.headerUser__link {
  width: 14.04vw;
}
.headerUserLogo {
  gap: 1.04vw;
}
.headerUserLogo__img {
  display: block;
}
.headerUserLogo__img:first-child {
  width: 7.488vw;
}
.headerUserLogo__img:nth-child(2) {
  width: 9.932vw;
}
.headerUserLogo__text {
  color: grey;
  font-size: 0.936vw;
  margin-left: 0.78vw;
}
.headerPulldown {
  margin-right: 2.6vw;
}
.headerPulldown__head {
  color: #383838;
  font-size: 0.832vw;
  font-weight: 700;
  height: 3.64vw;
  line-height: 1;
  padding: 0.52vw 0;
  transition-duration: 0.2s;
}
.headerPulldown__head:not(a) {
  cursor: default;
}
.headerPulldown:hover .headerPulldown__head:before {
  transform: none;
}
.headerPulldown:hover .headerPulldown__body {
  opacity: 1;
  transform: rotateX(0);
}
.headerUserLink {
  border-left: 1px solid #818181;
  border-right: 1px solid #818181;
  line-height: 1;
  text-align: center;
  width: 100%;
}
.headerUserLink__item {
  color: #383838;
  font-size: 0.676vw;
  font-weight: 500;
  padding: 0.26vw 0 0;
  position: relative;
  width: 100%;
}
.headerUserLink__item:not(:first-child) {
  border-left: 1px solid #818181;
}
.headerUserLink__item:hover {
  opacity: 0.7;
}
.headerUserLink__item--nav {
  padding: 0.78vw 0 0.52vw;
}
.headerUserLink__icon {
  font-size: 1.092vw;
}
.headerUserLink__title {
  margin: 0.52vw 0 0;
}
.headerUserLink__chip {
  background: #ce003b;
  border-radius: 50%;
  color: #fff;
  font-size: 0.624vw;
  font-weight: 700;
  height: 1.144vw;
  line-height: 1;
  min-width: 1.144vw;
  padding: 0.3em;
  position: absolute;
  right: 0.52vw;
  top: 0;
  z-index: 2;
}
.headerUserLink__chip:not(.active) {
  display: none;
}
.headerUserName {
  border-right: 1px solid #818181;
  font-size: 0.832vw;
  font-weight: 500;
  padding: 0.52vw;
  text-align: center;
  /* width: 13.78vw; */
}
.gNavUserBtn {
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 13.25vw;
  position: relative;
  vertical-align: middle;
  width: 13.25vw;
}
.gNavUserBtn__box {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.gNavUserBtn__bar {
  background: #383838;
  border-radius: 2.65vw;
  display: block;
  height: 3px;
  left: 2.65vw;
  position: absolute;
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  width: calc(100% - 5.3vw);
  z-index: 2;
}
.gNavUserBtn__bar:first-of-type {
  top: 3.71vw;
}
.gNavUserBtn__bar:nth-of-type(2) {
  margin-top: -1.5px;
  top: 50%;
}
.gNavUserBtn__bar:nth-of-type(3) {
  bottom: 3.71vw;
}
.gNavUserBtn.active .gNavUserBtn__bar {
  background: #383838;
}
.gNavUserBtn.active .gNavUserBtn__bar:first-of-type {
  margin-top: -1.5px;
  top: 50%;
  transform: rotate(-45deg);
  transition: top 0.3s, margin 0.3s, transform 0.3s ease 0.3s;
}
.gNavUserBtn.active .gNavUserBtn__bar:nth-of-type(2) {
  opacity: 0;
  transform: rotateY(90deg);
}
.gNavUserBtn.active .gNavUserBtn__bar:nth-of-type(3) {
  bottom: 50%;
  margin-bottom: -1.5px;
  transform: rotate(45deg);
  transition: bottom 0.3s, margin 0.3s, transform 0.3s ease 0.3s;
}
.gNavUser {
  background: #fff;
  height: calc(100vh - 19.61vw);
  left: 0;
  overflow-y: auto;
  padding: 7.95vw 5.3vw;
  position: fixed;
  top: 19.61vw;
  transform-origin: 0 0;
  transition-duration: 0.3s;
  width: 100%;
  z-index: 1000;
}
.gNavUser:after {
  content: "";
  display: block;
  height: 7.95vw;
}
.gNavUser:not(.active) {
  transform: translate(100%);
  visibility: hidden;
}
.gNavUser__name {
  font-size: 3.71vw;
  font-weight: 500;
}
.gNavUser__link {
  border-bottom: 1px solid #818181;
  border-top: 1px solid #818181;
  margin: 1.325vw 0 0;
}
.gNavUser__nav {
  border-top: 1px solid #818181;
  margin: 13.25vw 0 0;
}
.gNavUser__item {
  border-bottom: 1px solid #818181;
  color: #383838;
  font-weight: 700;
  gap: 2.65vw;
  height: 13.25vw;
}
.gNavUser__blank,
.gNavUser__item {
  font-size: 3.71vw;
}
.footerUser {
  background: #fff;
  border-top: 1px solid #888;
}
.footerUser__frame {
  padding: 1.56vw 0;
}
.footerUserLogo__img--1 {
  margin-right: 0.52vw;
  width: 5.044vw;
}
.footerUserLogo__img--2 {
  width: 6.76vw;
}
.footerUserLogo__text {
  color: #888;
  font-size: 0.624vw;
  margin-left: 0.52vw;
}
.footerUserInformation {
  margin-top: 1.56vw;
}
.footerUserInformation__text {
  font-size: 0.676vw;
  line-height: 2;
  margin: 0.52vw 0 0;
}
.footerUserInformation__text--head {
  font-size: 0.728vw;
  font-weight: 700;
}
.footerUserLink__list:not(:last-child) {
  margin-right: 2.6vw;
}
.footerUserLink__link--main {
  color: #383838;
  font-size: 0.832vw;
  font-weight: 700;
}
.footerUserLink__link--sub {
  color: #888;
  font-size: 0.728vw;
  margin-top: 0.78vw;
}
.footerUserLink__link--sub .icon {
  font-size: 0.52vw;
  margin-right: 0.26vw;
}
.footerUserLink__link:hover {
  text-decoration: underline;
}
.footerUserCopy {
  color: #888;
  font-size: 0.572vw;
  padding: 0.364vw 0;
  text-align: center;
}
.footerUserCopy:not(:first-child) {
  border-top: 1px solid #888;
}
.userMv {
  font-size: 0.52vw;
  position: relative;
}
.userMv__bg {
  position: relative;
  z-index: 1;
}
.userMv__bg img {
  width: 100%;
}
.userMv__title {
  color: #fff;
  font-weight: 700;
  line-height: 1;
  padding: 2em;
  position: absolute;
  z-index: 2;
}
.userMv__title--1 {
  left: 30em;
  top: 9.6em;
}
.userMv__title--2 {
  left: 35em;
  top: 19em;
}
.userMv__title--oneline {
  left: 45rem;
  top: 50%;
  transform: translateY(-50%);
}
.userMv__titleText {
  font-size: 3.6em;
  position: relative;
  z-index: 2;
}
.userMv__titleBg {
  background: #00588b;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skew(-10deg);
  width: 100%;
  z-index: 1;
}
.userSearch {
  background: #e4eaf5;
  padding: 8rem 0;
}
.userSearch__box {
  background: #fff;
  border: 1px solid #818181;
  margin: 2rem 0 0;
  padding: 3rem 5rem;
}
.userSearch__line:not(:first-child) {
  border-top: 1px solid #818181;
  margin-top: 1.8rem;
  padding-top: 1.8rem;
}
.userSearch__head {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: -0.3rem;
  padding: 1rem 0 0;
  width: 15rem;
}
.userSearch__body {
  gap: 1rem;
  width: calc(100% - 15rem);
}
.userSearch__btn {
  font-size: 1.6rem;
  height: 4rem;
  width: 9.5rem;
}
.userSearch__input {
  border: 1px solid #818181;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  width: calc(100% - 10.5rem);
}
.userSearch__word {
  font-size: 1.2rem;
  font-weight: 700;
}
.userSearch__word--area {
  padding: 1rem 0 0;
  width: calc(100% - 10.5rem);
}
.userSearch__word:empty:before {
  content: "指定なし";
  display: inline-block;
}
.userSearch__label {
  font-size: 1.3rem;
  gap: 0.6rem;
  width: calc(33.33% - 1rem);
}
.userSearch__check {
  height: 2.3rem;
  width: 2.3rem;
}
.userSearch__select {
  width: 20rem;
}
.userSearch__clear {
  color: #00588b;
  font-size: 1.4rem;
  text-decoration: underline;
}
.userSearch__clear:hover {
  text-decoration: none;
}
.userSearch__clear:not(.active) {
  display: none;
}
.userSearch__clear--all {
  display: block;
  margin: 2rem auto 0;
}
.userSearch__send {
  background-image: linear-gradient(180deg, #f24375, #ce003b);
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.6rem;
  height: 6rem;
  margin: 3rem auto 0;
  max-width: 32rem;
  position: relative;
  transition-duration: 0.3s;
  width: 100%;
}
.userSearch__send:hover {
  opacity: 0.7;
}
.userSearch__value {
  font-size: 1.3rem;
}
.userSearch__search {
  font-size: 2rem;
  left: 1.5rem;
  position: absolute;
}
.areaModal {
  background: #fff;
  padding: 3.5rem 5rem;
  position: relative;
}
.areaModal--mail {
  padding: 0;
}
.areaModal--mailConfirm {
  padding: 4rem 5rem;
  text-align: center;
}
.areaModal__close {
  font-size: 3rem;
  position: absolute;
  right: 5rem;
  top: 3.2rem;
  z-index: 2;
}
.areaModal__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3rem;
}
.areaModal__body {
  border-top: 1px solid #818181;
  margin: 3rem 0 0;
  padding: 3rem 0 0;
}
.areaModal__block + .areaModal__block {
  margin: 3rem 0 0;
}
.areaModal__item {
  font-size: 1.3rem;
  gap: 0.5rem;
  width: 13.5rem;
}
.areaModal__item--head {
  font-size: 1.5rem;
  width: 22rem;
}
.areaModal__list {
  font-feature-settings: "palt";
  gap: 1rem;
  padding: 1.5rem 0 0 1.5rem;
}
.areaModal__check {
  height: 2rem;
  width: 2rem;
}
.areaModal__enter {
  display: block;
  font-size: 1.6rem;
  height: 4rem;
  margin: 3rem auto 0;
  width: 9.5rem;
}
.areaModal__clear {
  color: #00588b;
  display: block;
  font-size: 1.4rem;
  margin: 3rem auto 0;
  text-decoration: underline;
}
.areaModal__clear:hover {
  text-decoration: none;
}
.userSelect {
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAASCAYAAAA6yNxSAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADaSURBVEhLtZbBGYIwDEb/TCDb6VE3wItD4EE30KPbiRNEGz5thdImhfbEAfJe/6b5IOy6PZgucIv4iMfpLs+11ohH2J6fIDSex4dqEg4Ouv1YjP4j0PUg2vxvuILEGO6AzC+SIwitvN56SSQYJLyaEpnag0AtCcXGvMDaEgq4XLzJbVN+mLylhhpTgaVJGODxBJb0hBGeFrAmUQDPC2glCuE6gZyEHFkwXo2DLN6EsRaf3WXsZf0o1wskkwgl9HD9EYT1k0nY4GUCs0nY4eUCXwnGdehBtKX/EG9thJU5wgAyowAAAABJRU5ErkJggg==);
  background-position: right 1.5rem center;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #818181;
  border-radius: 0.5rem;
  padding: 0.5rem 4rem 0.5rem 1rem;
  width: 100%;
}
.userSelect::-ms-expand {
  display: none;
}
.userFlow {
  padding: 8rem 0 0;
}
.userFlow__list {
  border: 1px solid #818181;
  margin: 3rem 0 0;
  padding: 3rem 2rem;
  position: relative;
}
.userFlow__bar {
  background: #00588b;
  height: 1px;
  left: 50%;
  position: absolute;
  top: 11rem;
  transform: translate(-50%);
  width: 70%;
}
.userFlow__item {
  max-width: 20%;
  position: relative;
  text-align: center;
  width: 16.6rem;
  z-index: 2;
}
.userFlow__no {
  color: #00588b;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1;
}
.userFlow__img {
  margin: 1rem auto 0;
  width: 9rem;
}
.userFlow__title {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0.5rem 0 0;
}
.userFlow__text {
  color: #818181;
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0.5rem 0 0;
}
.userBbs {
  font-feature-settings: "palt";
  padding: 8rem 0 10rem;
}
.userBbs__list {
  margin: 3rem 0 0;
}
.userBbs__list:after,
.userBbs__list:before {
  content: "";
  max-width: 32%;
  order: 2;
  width: 30rem;
}
.userBbs__item {
  max-width: 32%;
  width: 30rem;
}
.userBbs__no {
  color: #00588b;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1;
}
.userBbs__title {
  font-size: 2rem;
  font-weight: 500;
  gap: 1rem;
  margin: 1rem 0 0;
}
a:hover .userBbs__title {
  text-decoration: underline;
}
.userBbs__text {
  color: #383838;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 1rem 0 0;
}
.notFound {
  background: #e6f6f2;
  padding: 10rem 0;
  text-align: center;
}
.notFound__title {
  font-size: 2.6rem;
  font-weight: 700;
}
.notFound__text {
  font-size: 1.6rem;
  margin-top: 3rem;
}
.notFound__btn {
  height: 6rem;
  width: 26rem;
}
.notFound__btnWrap {
  margin-top: 6rem;
}
.mypage {
  background: #e4eaf5;
}
.mypage__title {
  border-bottom: 3px solid #00588b;
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.mypageMainWrap {
  margin-left: auto;
  width: calc(100% - 23rem);
}
.mypageMain {
  padding: 3rem 7rem 10rem;
}
.mypageContent:not(:last-child) {
  margin-bottom: 3rem;
}
.mypageItem {
  background: #fff;
  border: 1px solid #818181;
}
.mypageItem--history {
  width: 37rem;
}
.mypageItem__title {
  border-bottom: 1px solid #818181;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1rem 2rem;
}
.mypageWatched {
  width: 62rem;
}
.mypageWatched__list {
  padding: 2rem;
}
.mypageWatched__item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.mypageStatus {
  width: 27rem;
}
.mypageStatus__content {
  font-size: 1.4rem;
  padding: 2.5rem 2rem;
}
.mypageStatus__content + .mypageStatus__content {
  border-top: 1px solid #818181;
}
.mypageStatus__num {
  font-size: 1.6rem;
  margin-left: 1rem;
}
.mypageStatus__num--red {
  color: #ce003b;
  font-size: 2.6rem;
  font-weight: 700;
}
.mypageMessage {
  width: 62rem;
}
.mypageMessage__title {
  font-size: 1.6rem;
  padding: 0 1rem;
}
.mypageMessage__list {
  padding: 0.6rem;
}
.mypageMessage__item {
  height: 38rem;
  overflow-y: auto;
  padding: 0.8rem 1rem;
  width: 100%;
}
.mypageMessage__item:not(:last-child) {
  border-right: 1px solid #818181;
}
.mypageMessage__messageList {
  margin-top: 0.5rem;
}
.mypageMessage__message {
  background: #f5f5f5;
  display: block;
  font-size: 1.3rem;
  padding: 0.5rem 1rem;
}
.mypageMessage__message:not(:last-child) {
  margin-bottom: 0.8rem;
}
.mypageMessage__message--date {
  color: #383838;
}
.mypageMessage__message--new {
  background: #fff;
  border: 1px solid #ce003b;
  color: #ce003b;
  font-size: 1.2rem;
  margin-left: 1rem;
  padding: 0 1.3rem;
}
.mypageMessage__message--content {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #00588b;
  display: -webkit-box;
  font-size: 1.3rem;
  overflow: hidden;
}
a:hover .mypageMessage__message--content {
  text-decoration: underline;
}
.messageAdd {
  display: flex;
  height: 4rem;
  margin: 2rem auto;
  width: 90%;
}
.mypageSide {
  background: #fff;
  box-shadow: 0 0.3rem 1.6rem hsla(0, 0%, 51%, 0.1);
  display: inline-block;
  height: 100%;
  left: 0;
  padding-top: 3rem;
  position: fixed;
  top: 10rem;
  width: 23rem;
}
.mypageSide__user {
  color: #818181;
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 3rem;
}
.mypageSide__user--icon {
  margin-right: 1rem;
  width: 3rem;
}
.mypageSide__list {
  padding: 3rem 0 3rem 3rem;
}
.mypageSide__list:first-of-type {
  border-bottom: 1px solid #818181;
}
.mypageSide__item:not(:last-child) {
  margin-bottom: 2rem;
}
.mypageSide__link {
  color: #383838;
  font-size: 1.6rem;
  position: relative;
}
.mypageSide__link.current {
  color: #00588b;
}
.mypageSide__link.current:before {
  background: #00588b;
  content: "";
  height: 100%;
  left: -3rem;
  position: absolute;
  top: 0;
  width: 0.5rem;
}
.mypageSide__link--icon {
  font-size: 1.6rem;
  margin-right: 1.7rem;
}
.mypageProfile {
  min-width: 60rem;
  padding: 3rem;
}
.mypageProfile__item:not(:last-child) {
  margin-bottom: 2rem;
}
.mypageProfile__item--label {
  font-weight: 700;
  width: 35%;
}
.mypageProfile__item--content,
.mypageProfile__item--label {
  font-size: 1.6rem;
  white-space: nowrap;
}
.mailSearch {
  background: #fff;
}
.mailSearchHead {
  padding: 2rem;
}
.mailSearchHead__line:not(:first-child) {
  margin-top: 2rem;
}
.mailSearchHead__head {
  font-weight: 700;
  line-height: 1;
  padding: 1rem 0 0;
  width: 13rem;
}
.mailSearchHead__body {
  width: calc(100% - 41rem);
}
.mailSearchHead__body--frame {
  border: 1px solid #818181;
  border-radius: 0.5rem;
  max-height: 13.5rem;
  overflow: auto;
  padding: 1rem;
}
.mailSearchHead__search {
  margin: 0 0 0 2.5rem;
}
.mailSearchHead__searchBtn {
  font-size: 1.6rem;
  height: 4rem;
  width: 12rem;
}
.mailSearchBody {
  border-top: 1px solid #818181;
  padding: 3rem;
}
.mailSearchBody__box {
  max-height: 38rem;
}
.mailSearchBody__list {
  gap: 1rem;
}
.mailSearchBody__check {
  display: none;
}
.mailSearchBody__item {
  border: 1px solid #818181;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  width: calc(50% - 1rem);
  z-index: 1;
}
input:checked + .mailSearchBody__item:before {
  background: #444;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
}
.mailSearchBody__text {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  padding: 0 1.5rem;
  width: calc(100% - 5rem);
}
.mailSearchBody__id {
  color: rgba(56, 56, 56, 0.6);
}
.mailSearchBody__close {
  background: #e4eaf5;
  border-left: 1px solid #818181;
  height: 4rem;
  width: 4rem;
}
input:checked + .mailSearchBody__item .mailSearchBody__icon--off,
input:not(:checked) + .mailSearchBody__item .mailSearchBody__icon--on {
  display: none;
}
.mailSearchFooter {
  background: #f5f5f5;
  padding: 1rem 2rem;
}
.mailSearchFooter__list {
  gap: 1rem;
  width: calc(100% - 20rem);
}
.mailSearchFooter__next {
  width: 18rem;
}
.mailSearchFooter__clear {
  color: #00588b;
  font-size: 1.4rem;
  text-decoration: underline;
}
.mailSearchFooter__clear:hover {
  text-decoration: none;
}
.mailSearchFooter__btn {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  color: #00588b;
  font-size: 1.6rem;
  height: 4rem;
  width: 9.5rem;
}
.mailSearchFooter__btn:hover {
  opacity: 0.7;
}
.searchBtn {
  font-size: 1.4rem;
  gap: 0.5rem;
  height: 3rem;
  width: 11rem;
}
.searchBtn__icon {
  font-size: 1.6rem;
  margin-left: -0.5em;
}
.mypageMessageBox__item--list {
  width: 45rem;
}
.mypageMessageBox__item--view {
  width: calc(100% - 46rem);
}
.mypageMessageBoxTray {
  background: #fff;
  border: 1px solid #818181;
}
.mypageMessageBoxTray__item {
  background: #f5f5f5;
  display: block;
  margin: 0.8rem;
  padding: 0.8rem;
  position: relative;
}
.mypageMessageBoxTray__item.active {
  background: #e4eaf5;
  margin: 0.8rem 0;
  padding: 0.8rem 1.6rem;
}
.mypageMessageBoxTray__item.active:before {
  background: #00588b;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}
.mypageMessageBoxTray__list {
  height: 71rem;
  overflow-y: auto;
}
.mypageMessageBoxTray__title {
  border-bottom: 1px solid #818181;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 1rem 2rem;
}
.mypageMessageBoxTray__info {
  gap: 0.5rem;
}
.mypageMessageBoxTray__info--date {
  font-size: 1.3rem;
}
.mypageMessageBoxTray__info--new {
  background: #fff;
  border: 1px solid #ce003b;
  color: #ce003b;
  font-size: 1.2rem;
  padding: 0 1.3rem;
}
.mypageMessageBoxTray__info--icon {
  color: #888;
  font-size: 1.8rem;
}
.mypageMessageBoxTray__user {
  color: #383838;
  display: inline-flex;
  font-size: 1.4rem;
  gap: 0.5rem;
  margin-left: 0.5rem;
}
.mypageMessageBoxTray__content {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #00588b;
  display: -webkit-box;
  font-size: 1.3rem;
  overflow: hidden;
}
.mypageMessageBoxTray__content:hover {
  text-decoration: underline;
}
.mypageMessageBoxTray__read {
  border-left: 1px solid #383838;
  border-right: 1px solid #383838;
  font-size: 1.3rem;
  line-height: 1;
  margin-left: auto;
  padding: 0 0.3em;
}
.mypageMessageBoxTray__read:hover {
  color: #00588b;
  text-decoration: underline;
}
.mypageMessageBoxMail {
  background: #fff;
  border: 1px solid #818181;
  margin-left: 2rem;
}
.mypageMessageBoxMail__head {
  border-bottom: 1px solid #818181;
  padding: 2rem;
}
.mypageMessageBoxMail__subject {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.mypageMessageBoxMail__subject--icon {
  color: #818181;
  font-size: 1.8rem;
  margin-right: 1rem;
}
.mypageMessageBoxMail__info {
  color: #818181;
  margin-top: 1.5rem;
}
.mypageMessageBoxMail__info--new {
  font-size: 1.8rem;
  margin-right: 2rem;
}
.mypageMessageBoxMail__info--new .icon {
  color: #383838;
  font-size: 3rem;
  margin-right: 2rem;
}
.mypageMessageBoxMail__info--date {
  font-size: 1.3rem;
}
.mypageMessageBoxMail__content {
  max-height: 60vh;
  overflow-y: scroll;
  padding: 2rem;
  overflow-x: hidden;
}
.mypageMessageBoxMail__content a {
  text-decoration: underline;
}
.mypageMessageBoxMail__content a:hover {
  text-decoration: none;
}

.mypageMessageBoxMail__content p {
  font-size: 1.3rem;
  margin-bottom: 0.8rem;
  line-height: 1.2;
}

.mypageMessageBoxMail__content span {
  font-size: 1.3rem !important;
  margin-bottom: 0.8rem !important;
  line-height: 1.2 !important;
}

.mypageMessageBoxMail__btn {
  font-size: 1.6rem;
  height: 4rem;
  width: 12rem;
}
.mypageMessageBoxMail__moreUser {
  color: #00588b;
}
.mypageMessageBoxMail__moreUser:hover {
  text-decoration: underline;
}
.mypageMessageBoxMail__moreUser--list {
  font-size: 1.4rem;
}
.mypageMessageBoxReturnMail__head {
  border-bottom: 1px solid #818181;
  gap: 1rem;
  padding: 2rem;
}
.mypageMessageBoxReturnMail__head-buttonWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  padding: 10px 10px 0 0;
}
.mypageMessageBoxReturnMail__subject {
  font-size: 1.8rem;
  font-weight: 700;
  width: calc(100% - 15rem);
}
.mypageMessageBoxReturnMail__subject--icon {
  color: #818181;
  font-size: 1.8rem;
  margin-right: 1rem;
}
.mypageMessageBoxReturnMail__info {
  color: #818181;
  margin-top: 1.5rem;
}
.mypageMessageBoxReturnMail__info--from {
  font-size: 1.8rem;
  margin-right: 2rem;
}
.mypageMessageBoxReturnMail__info--from .icon {
  color: #383838;
  font-size: 3rem;
  margin-right: 2rem;
}
.mypageMessageBoxReturnMail__info--date {
  font-size: 1.3rem;
}
.mypageMessageBoxReturnMail__content {
  height: 48rem;
  padding: 2rem;
  width: 100%;
}
.mypageMessageBoxReturnMail__btn {
  font-size: 1.6rem;
  height: 4rem;
  width: 12rem;
}
.mypageMessageBoxReturnMailAttached {
  background: #f5f5f5;
  border-top: 1px solid #818181;
  padding: 1.5rem 3rem;
}
.mypageMessageBoxReturnMailAttached__btn {
  border-radius: 0.5rem;
  height: 4rem;
  width: 12rem;
}
.mypageMessageBoxReturnMailConfirm {
  text-align: center;
}
.mypageMessageBoxReturnMailConfirm__title {
  font-size: 1.6rem;
  font-weight: 700;
}
.mypageMessageBoxReturnMailConfirmBtnWrap {
  gap: 2rem;
  margin-top: 3rem;
}
.mypageMessageBoxReturnMailConfirm__btn {
  border-radius: 0.5rem;
  height: 6rem;
  width: 32rem;
}
.mailCancel {
  font-size: 1.6rem;
  height: 4rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 12rem;
  z-index: 2;
}
.mailInputText {
  border: 1px solid #818181;
  border-radius: 0.5rem;
  padding: 1rem;
  width: 100%;
}
.mailSendOpen {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  box-shadow: none;
  color: #00588b;
  height: 4rem;
  margin: 0 0 1.5rem;
  padding-left: 1rem;
  width: 22rem;
}
.mailSendOpen:hover {
  opacity: 0.7;
}
.mailSendOpen__icon {
  left: 1rem;
  position: absolute;
}
.mailSendHead:not(:first-child) {
  margin-top: 2rem;
}
.mailSendHead__head {
  font-weight: 700;
  line-height: 1;
  padding: 1.5rem 0 0;
  width: 6rem;
}
.mailSendHead__body {
  width: calc(100% - 34rem);
}
.mailSendHead__body--frame {
  border: 1px solid #818181;
  border-radius: 0.5rem;
  max-height: 13.5rem;
  overflow: auto;
  padding: 1rem;
}
.mailSendHead__back {
  margin-left: 1.5rem;
}
.mailSendHead__backBtn {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  color: #00588b;
  font-size: 1.6rem;
  height: 4rem;
  padding-left: 2rem;
  position: relative;
  transition-duration: 0.3s;
  width: 12rem;
}
.mailSendHead__backBtn:hover {
  opacity: 0.7;
}
.mailSendHead__plus {
  left: 1rem;
  padding-top: 0.5rem;
  position: absolute;
}
.mailSendUserList {
  gap: 1rem;
}
.mailSendUserItem {
  background: #e4eaf5;
  border: 1px solid #818181;
  border-radius: 10rem;
  font-size: 1.3rem;
  line-height: 1;
  max-width: 100%;
  padding: 0.5rem 1.5rem;
  width: 33rem;
}
.mailSendUserItem--view {
  width: calc(33% - 1rem);
}
.mailSendUserItem__check,
input:not(:checked) + .mailSendUserItem {
  display: none;
}
.mailSendUserItem__id {
  color: rgba(56, 56, 56, 0.6);
  margin-right: 0.5rem;
}
.mailSendUserItem__name {
  font-weight: 500;
  margin-right: 1rem;
}
.mailSendUserItem__close {
  margin-left: auto;
}
.mailSendUserItem__close:hover {
  color: #ce003b;
}
.mailModal {
  background: #fff;
  position: relative;
}
.mailModal--pad {
  padding: 4rem 5rem;
  text-align: center;
}
.mailModal__close {
  font-size: 3rem;
  position: absolute;
  right: 5rem;
  top: 3.2rem;
  z-index: 2;
}
.mailModal__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3rem;
}
.mailModal__body {
  border-top: 1px solid #818181;
  margin: 3rem 0 0;
  padding: 3rem 0 0;
}
.mailModal__block + .mailModal__block {
  margin: 3rem 0 0;
}
.mailModal__item {
  font-size: 1.3rem;
  gap: 0.5rem;
  width: 13.5rem;
}
.mailModal__item--head {
  font-size: 1.5rem;
  width: 22rem;
}
.mailModal__list {
  font-feature-settings: "palt";
  gap: 1rem;
  padding: 1.5rem 0 0 1.5rem;
}
.mailModal__check {
  height: 2rem;
  width: 2rem;
}
.mailModal__enter {
  display: block;
  font-size: 1.6rem;
  height: 4rem;
  margin: 3rem auto 0;
  width: 9.5rem;
}
.mailModal__clear {
  color: #00588b;
  display: block;
  font-size: 1.4rem;
  margin: 3rem auto 0;
  text-decoration: underline;
}
.mailModal__clear:hover {
  text-decoration: none;
}
.messageFile {
  margin: 1rem 0 0;
}
.messageFile__item {
  gap: 0.5rem;
  text-decoration: underline;
}
.messageFile__item:hover {
  text-decoration: none;
}
.messageFile__icon {
  font-size: 1.6rem;
}
.fileFrame__line {
  gap: 1rem;
}
.fileFrame__line:not(:first-child) {
  margin: 1rem 0 0;
}
.fileFrame__btn {
  border: 1px solid #999;
  height: 3rem;
  line-height: 1;
  width: 3rem;
}
.fileFrame__btn--add {
  color: #00588b;
}
.fileFrame__line:not(:first-child) .fileFrame__btn--add {
  display: none;
}
.fileFrame__btn--remove {
  color: #ce003b;
}
.fileFrame__line:first-child .fileFrame__btn--remove {
  display: none;
}
.messageDraft {
  margin: 0 0 1rem;
}
.mypageFavoriteItem {
  background: #fff;
  padding: 2.5rem 2rem;
  width: 24rem !important;
}
.mypageFavoriteItemWrap {
  position: relative;
}
.mypageFavoriteItemWrap:after,
.mypageFavoriteItemWrap:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 12rem;
  z-index: 2;
}
.mypageFavoriteItemWrap:before {
  background: linear-gradient(90deg, #e4eaf5 0, rgba(228, 234, 245, 0));
  left: 0;
}
.mypageFavoriteItemWrap:after {
  background: linear-gradient(270deg, #e4eaf5 0, rgba(228, 234, 245, 0));
  right: 0;
}
.mypageFavoriteItemWrap--min:after,
.mypageFavoriteItemWrap--min:before {
  display: none;
}
.mypageFavoriteItemWrap .swiper-button-next,
.mypageFavoriteItemWrap .swiper-button-prev {
  background: #fff;
  border: 2px solid #00588b;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
}
.mypageFavoriteItemWrap .swiper-button-next:after,
.mypageFavoriteItemWrap .swiper-button-prev:after {
  font-size: 1.6rem;
}
.mypageFavoriteItem__title {
  color: #383838;
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 1.5rem;
}
.mypageFavoriteItem__title--new {
  border: 1px solid #ce003b;
  color: #ce003b;
  font-size: 1.3rem;
  padding: 0 1.5rem;
}
.mypageFavoriteItem__content {
  border-top: 1px solid #818181;
  padding-top: 1.5rem;
}
.mypageFavoriteItem__text {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #818181;
  display: -webkit-box;
  font-size: 1.3rem;
  overflow: hidden;
}
.mypageFavoriteItem__catWrap {
  margin-top: 1.5rem;
}
.mypageFavoriteItem__cat {
  color: #383838;
  font-size: 1.2rem;
}
.mypageFavoriteItem__cat:not(:last-child) {
  margin-bottom: 1rem;
}
.mypageFavoriteItem__cat--icon {
  font-size: 1.7rem;
  margin-right: 0.5rem;
}
.mypageRecruitItemWrap {
  margin: 3rem 0;
}
.myUserFilter {
  gap: 1rem;
}
.myUserFilter__text {
  background: #fff;
  background-position: right 1.5rem center;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #818181;
  border-radius: 0.5rem;
  max-width: 50rem;
  padding: 0.5rem 4rem 0.5rem 1rem;
}
.login {
  background: #e4eaf5;
  min-height: calc(100vh - 15rem);
  padding: 9rem 0 11rem;
}
.login__title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.loginForm {
  background: #fff;
  border: 1px solid #818181;
  margin: 2rem auto 0;
  padding: 3rem 5rem;
  width: 53rem;
}
.loginForm__error {
  color: #ce003b;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-align: center;
}
.loginForm__error--icon {
  font-size: 1.4rem;
  margin-right: 0.5rem;
}
.loginForm__content:not(:last-child) {
  margin-bottom: 2rem;
}
.loginForm__label {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  width: 30%;
}
.loginForm__form {
  flex-grow: 1;
}
.loginForm__form,
.loginForm__form--password {
  position: relative;
}
.loginForm__form--icon {
  cursor: pointer;
  font-size: 2.7rem;
  position: absolute;
  right: 1rem;
  top: 33%;
  transform: translateY(-50%);
}
.loginForm__form--icon:before {
  vertical-align: middle !important;
}
.loginForm__form input {
  border: 1px solid #e6e6e6;
  border-radius: 0.5rem;
  height: 4rem;
  padding: 0 1rem;
  width: 100%;
}
.loginForm__form button {
  position: absolute;
  right: 1rem;
  top: 42%;
  transform: translateY(-50%);
  width: 2.7rem;
}
.loginForm__btn {
  border-radius: 0.3rem;
  color: #fff;
  height: 6rem;
  width: 32rem;
}
.loginForm__btnWrap {
  margin-top: 3rem;
  text-align: center;
}
.loginNotice {
  background: #fff;
  margin: 2rem auto 0;
  padding: 2rem 1.5rem;
  text-align: center;
  width: 53rem;
}
.loginNotice__title {
  font-size: 1.6rem;
  font-weight: 700;
}
.loginNotice__text {
  font-size: 1.6rem;
  margin-top: 2rem;
}
.loginNotice__mail,
.loginNotice__num {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.loginNotice__num {
  margin-top: 2rem;
}
.loginNotice__mail {
  margin-top: 1rem;
}
.jobPostHead__data {
  width: calc(100% - 20rem);
}
.jobPostHead__entry {
  font-size: 1.6rem;
  height: 7rem;
  width: 18rem;
}
.jobPostHead__title {
  font-size: 2.6rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.5;
}
.jobPostHead__new {
  align-items: center;
  background: #fff;
  border: 1px solid #ce003b;
  color: #ce003b;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: 400;
  height: 2rem;
  justify-content: center;
  text-decoration: none;
  width: 6.2rem;
}
.jobPostHead__bottom {
  margin: 1rem 0 0;
}
.jobPostHead__id {
  color: #818181;
  font-size: 1.5rem;
  line-height: 1;
}
.jobPostTable {
  background: #fff;
  border: 1px solid #818181;
  border-radius: 0.5rem;
  margin: 4rem 0 0;
  overflow: hidden;
  position: relative;
}
.jobPostTable__line:not(:first-child) {
  border-top: 1px solid #818181;
}
.jobPostTable__head {
  border-right: 1px solid #818181;
  font-size: 1.5rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.5;
  padding: 1.5rem 1rem 1.5rem 3rem;
  width: 25rem;
}
.jobPostTable__headIn {
  gap: 1rem;
}
.jobPostTable__icon {
  font-size: 2.6rem;
}
.jobPostTable__body {
  font-size: 1.5rem;
  padding: 1.5rem 3rem;
  width: calc(100% - 25rem);
}
.jobPostBtn {
  font-feature-settings: "palt";
  gap: 1.5rem;
  margin: 4rem 0 0;
}
.jobPostBtn--end {
  margin-top: 2rem;
}
.jobPostBtn__btn {
  font-size: 1.3rem;
  height: 4rem;
  position: relative;
}
.jobPostBtn__btn--dl {
  max-width: 26rem;
}
.jobPostBtn__icon {
  font-size: 1.6rem;
  left: 1rem;
  position: absolute;
}
.jobPostCont {
  background: #fff;
  border-radius: 0.5rem;
  margin: 2rem 0 0;
}
.jobPostCont a {
  color: #00588b;
  text-decoration: underline;
}
.jobPostCont a:hover {
  text-decoration: none;
}
.jobPostCont__block {
  padding: 3rem;
}
.jobPostCont__block + .jobPostCont__block {
  border-top: 1px solid #818181;
}
.jobPostCont__sec:not(:first-child) {
  margin-top: 3rem;
}
.jobPostCont__head {
  font-size: 2rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.5;
}
.jobPostCont__head:before {
  background-image: linear-gradient(180deg, #fcf558, #67dfc2);
  content: "";
  width: 0.7rem;
}
.jobPostCont__name {
  font-size: 1.6rem;
  font-weight: 700;
}
.jobPostCont__name:not(:first-child) {
  margin-top: 1.5rem;
}
.jobPostCont__body {
  font-size: 1.6rem;
  line-height: 2;
  margin: 1rem 0 0;
}
.jobPostAdv {
  background: #e4eaf5;
  border: 1px solid #cbddff;
  border-radius: 0.5rem;
  padding: 0 1.5rem;
}
.jobPostAdv__img {
  padding: 1rem 0 0;
  width: 4.2rem;
}
.jobPostAdv__data {
  padding: 0.5rem 0;
  width: calc(100% - 5.7rem);
}
.jobPostAdv__head {
  font-size: 1.2rem;
}
.jobPostAdv__body {
  font-size: 1.6rem;
  font-weight: 500;
}
.jobPostMore {
  margin: 6rem 0 0;
}
.jobPostMore__btn {
  font-size: 1.8rem;
  height: 8rem;
  max-width: 50rem;
  width: 100%;
}
.jobPostBack {
  height: 8rem;
  margin-top: -8rem;
}
.jobPostBack__link {
  color: #00588b;
  font-size: 1.3rem;
  gap: 0.8rem;
  text-decoration: underline;
}
.jobPostBack__link:hover {
  text-decoration: none;
}
.jobPostBack__icon {
  font-size: 1.8rem;
}
.jobBody {
  background: #e4eaf5;
  padding: 6rem 0 10rem;
}
.jobWord__search {
  background: #fff;
  border: 1px solid #818181;
  border-radius: 0.5rem;
  width: calc(100% - 5.1rem);
}
.jobWord__input {
  padding: 0.5rem 1rem;
  width: 100%;
}
.jobWord__send {
  border-left: 1px solid #818181;
  color: #00588b;
  font-size: 2rem;
  height: 3.6rem;
  width: 3.6rem;
}
.jobWord__btn {
  background: #fff;
  border: 1px solid #818181;
  border-radius: 0.5rem;
  height: 3.6rem;
  width: 3.6rem;
}
.jobWord__down {
  transition-duration: 0.3s;
}
.active .jobWord__down {
  transform: rotate(180deg);
}
.jobFrame__side {
  position: relative;
  width: 23rem;
}
.jobFrame__main {
  width: calc(100% - 28rem);
}
.jobSide__box {
  background: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
  border-top: 3px solid #00588b;
  padding: 1.5rem 1.5rem 2rem;
}
.jobSide__box + .jobSide__box {
  margin-top: 2rem;
}
.jobSide__block:not(:first-child) {
  border-top: 1px solid #818181;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.jobSide__head {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.jobSide__down {
  transition-duration: 0.3s;
}
.acc-check:checked ~ .acc-btn .jobSide__down {
  transform: rotate(180deg);
}
.jobSide__body {
  margin: 1rem 0 0;
}
.jobSide__btn {
  font-size: 1.6rem;
  height: 4rem;
}
.jobSide__btn--add {
  margin-top: 1rem;
}
.jobSide__label {
  font-feature-settings: "palt";
  font-size: 1.3rem;
  gap: 0.5rem;
  width: 100%;
}
.jobSide__label:not(:first-child) {
  margin-top: 0.8rem;
}
.jobSide__check {
  height: 2rem;
  margin: 0;
  width: 2rem;
}
.jobSide__word {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 1rem 0 0;
}
.jobSide__word:empty:before {
  content: "指定なし";
  display: inline-block;
}
.jobSide__unit {
  margin: 0.5rem 0;
}
.jobSide__unitIn {
  transform: rotate(90deg);
  transform-origin: center center;
}
.jobSide__input {
  border: 1px solid #818181;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  width: 100%;
}
.jobSide__send {
  background-image: linear-gradient(180deg, #f24375, #ce003b);
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.6rem;
  height: 6rem;
  line-height: 1.5;
  margin: 2rem auto 0;
  max-width: 32rem;
  position: relative;
  transition-duration: 0.3s;
  width: 100%;
}
.jobSide__send:hover {
  opacity: 0.7;
}
.jobSide__search {
  font-size: 2rem;
  left: 1.5rem;
  position: absolute;
}
.jobSide__value {
  font-size: 1.3rem;
}
.jobSide__clear {
  color: #00588b;
  font-size: 1.4rem;
  text-decoration: underline;
}
.jobSide__clear:hover {
  text-decoration: none;
}
.jobSide__clear:not(.active) {
  display: none;
}
.jobSide__clear--all {
  display: block;
  margin: 2rem auto 0;
}
.jobHit {
  gap: 1rem;
  margin: 2rem 0 0;
}
.jobHit__view {
  font-size: 1.6rem;
  line-height: 1;
  white-space: nowrap;
}
.jobHit__sub {
  font-size: 1.3rem;
}
.jobList__item {
  margin: 2rem 0 0;
}
.jobList__item--half {
  max-width: 49%;
  width: 76rem;
}
.jobList__empty {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 2rem 0 0;
  text-align: center;
}
.recEntry {
  background: #e4eaf5;
  padding: 6rem 0 10rem;
}
.recEntry__title {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.recEntryInfo {
  border: 1px solid #818181;
  margin: 3rem 0 0;
}
.recEntryInfo__head {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0.7rem 2rem;
}
.recEntryInfo__content {
  border-top: 1px solid #818181;
  padding: 1rem 2rem;
}
.recEntryInfo__title {
  font-size: 1.6rem;
  font-weight: 500;
}
.recEntryInfo__num {
  color: #818181;
  font-size: 1.5rem;
}
.recEntryForm__wrap {
  margin-top: 2rem;
}
.recEntryForm__head {
  background: #f5f5f5;
  font-size: 1.6rem;
  font-weight: 700;
  gap: 1.2rem;
  padding: 0.8rem 2rem;
}
.recEntryForm__head--notice {
  color: #818181;
  font-size: 1.4rem;
  font-weight: 400;
}
.recEntryForm__content {
  background: #fff;
  padding: 2rem;
}
.recEntryForm--2 .recEntryForm__content {
  padding-top: 0;
}
.recEntryForm__notice {
  color: #ce003b;
  font-size: 1.2rem;
  margin-top: 0.5rem;
  width: 100%;
}
.recEntryForm__line:not(:last-child) {
  margin-bottom: 2rem;
}
.recEntryForm--2 .recEntryForm__line:not(:last-child) {
  margin-bottom: 0.5rem;
}
.recEntryForm__label {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1rem 0 0;
  width: 25rem;
}
.recEntryForm__label--req {
  border: 1px solid #ce003b;
  color: #ce003b;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  margin-left: 1rem;
  padding: 0 1.8rem;
}
.recEntryForm__form {
  gap: 0.5rem 1rem;
  max-width: 41rem;
  position: relative;
  width: calc(100% - 25rem);
}
.recEntryForm__form--check,
.recEntryForm__form--file {
  max-width: 100%;
}
.recEntryForm__form--text {
  max-width: 100%;
  width: 100%;
}
.recEntryForm__block {
  position: relative;
  width: 100%;
}
.recEntryForm__block--half {
  max-width: 20rem;
}
.recEntryForm__block--tel {
  max-width: 15rem;
}
.recEntryForm--2 .recEntryForm__block {
  font-size: 1.4rem;
  padding: 1rem 0 0;
}
.recEntryForm__input {
  border: 1px solid #818181;
  width: 100%;
}
.recEntryForm__input--text {
  border-radius: 0.5rem;
  height: 4rem;
  padding: 0 1.5rem;
}
.recEntryForm__input--textarea {
  border-radius: 0.5rem;
  height: 15rem;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  width: 100%;
}
.recEntryForm--2 .recEntryForm__input {
  display: none;
}
.recEntryForm__policy {
  border: 1px solid #818181;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  height: 13rem;
  overflow-y: scroll;
  padding: 1rem 1.5rem;
  width: 100%;
}
.recEntryForm__agree {
  margin-top: 2rem;
  position: relative;
}
.recEntryForm__agree input[type="checkbox"] {
  margin-right: 2rem;
  transform: scale(2);
}
.recEntryForm__opt {
  font-size: 1.3rem;
  min-width: calc(33% - 1rem);
}
.recEntryForm__opt input[type="checkbox"] {
  margin-right: 1rem;
  transform: scale(1.8);
}
.recEntryForm__send {
  gap: 2rem;
  margin-top: 3rem;
  text-align: center;
}
.recEntryForm__btn {
  border-radius: 0.3rem;
  color: #fff;
  height: 6rem;
  width: 32rem;
}
.recEntryForm__error {
  color: #ce003b;
  font-size: 1.3rem;
  font-weight: 700;
  gap: 0.5rem;
  line-height: 1;
  margin: 0.5rem 0 0;
  width: 100%;
}
.recEntryForm__errorIcon {
  font-size: 1.4rem;
}
.recEntryError {
  color: #ce003b;
  font-weight: 700;
  gap: 0.5rem;
  line-height: 1;
  width: 100%;
}
.recEntryEnd,
.recEntryError {
  font-size: 1.6rem;
  margin: 2rem 0 0;
}
.recEntryEnd {
  background: #fff;
  padding: 2rem;
}
.recEntryBack {
  margin: 3rem 0 0;
  text-align: center;
}
.recEntryBack__btn {
  font-size: 1.6rem;
  height: 6rem;
  max-width: 26rem;
}
.entryEvent__title {
  font-size: 1.6rem;
  font-weight: 500;
}
.entryEvent__list,
.entryEvent__more {
  margin: 1.5rem 0 0;
}
.entryEvent__more:not(.active) {
  display: none;
}
.entryEvent__select {
  margin: 1rem 0 0;
  position: relative;
  width: 12rem;
}
.userColumn {
  background: #e6f6f2;
  padding: 6rem 0 10rem;
}
.userColumn__text {
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}
.userColumnWrap {
  margin-top: 6rem;
}
.userColumnItem {
  transition-property: unset;
}
.userColumnItemWrap {
  margin-top: 3rem;
  padding: 0 2rem;
}
.userColumnItemWrap .swiper-button-next,
.userColumnItemWrap .swiper-button-prev {
  border: 1px solid #189b7a;
  color: #189b7a;
  top: 40%;
}
.userColumnItemWrap .swiper-button-prev {
  left: 0;
}
.userColumnItemWrap .swiper-button-next {
  right: 0;
}
.userColumnItem__img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userColumnItem__img img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.userColumnItem {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.userColumnItem__text {
  font-size: 1.6rem;
  margin-top: 1.2rem;
}
.userColumnBtn {
  height: 6rem;
  line-height: 1.3;
  width: calc(50% - 1.5rem);
}
.userColumnBtnWrap {
  gap: 3rem;
  margin-top: 3rem;
}
.userColumnBtn .icon {
  font-size: 2rem;
}
.userColumnSingle {
  background: #e6f6f2;
  padding: 6rem 0 10rem;
}
.userColumnSingle__title {
  border-bottom: 4px solid #189b7a;
  font-size: 3.6rem;
  font-weight: 700;
  padding-bottom: 1rem;
}
.userColumnSingle__img {
  margin-top: 3rem;
  text-align: center;
}
.userColumnSingle__content {
  margin-top: 3rem;
}
.userColumnSingle__content #toc_container {
  border: 1px solid #b3cfc8;
  border-radius: 0.5rem;
  margin-bottom: 6rem;
  padding: 2rem 3rem;
}
.userColumnSingle__content #toc_container .toc_title {
  font-size: 2rem;
  font-weight: 700;
  text-align: left;
}
.userColumnSingle__content #toc_container .toc_list {
  margin-top: 1rem !important;
}
.userColumnSingle__content #toc_container ul {
  margin: 0;
}
.userColumnSingle__content #toc_container ul a {
  color: #00588b;
  margin: 0;
  text-decoration: underline;
}
.userColumnSingle__content #toc_container ul a .toc_number {
  display: none;
}
.userColumnSingle__content #toc_container ul a:not(:last-child) {
  margin: 0 0 1.5rem;
}
.userColumnSingle__content h2 {
  display: flex;
  font-size: 2.6rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.5;
}
.userColumnSingle__content h2:before {
  background-image: linear-gradient(180deg, #fcf558, #67dfc2);
  content: "";
  width: 0.7rem;
}
.userColumnSingle__content h3 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 0.5rem;
  position: relative;
}
.userColumnSingle__content h3:before {
  background-image: linear-gradient(90deg, #fcf558, #67dfc2);
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.userColumnSingle__content h4 {
  font-size: 1.8rem;
  font-weight: 500;
}
.userColumnSingle__content p {
  margin: 3rem 0;
}
.userColumnSingle__content p:last-child {
  margin-bottom: 0;
}
.userColumnSingle__content a {
  display: inline-block;
  font-size: 1.6rem;
  margin: 3rem 0;
  text-decoration: underline;
}
.userColumnSingle__btn {
  height: 6rem;
  width: 26rem;
}
.userColumnSingle__btnWrap {
  margin-top: 6rem;
  text-align: center;
}
.pageBread {
  margin: 3rem 0 0;
}
.pageBread--entry,
.pageBread--job,
.pageBread--mypage {
  background: #fff;
  margin: 0;
  padding: 1rem 7rem;
}
.pageBread__item {
  font-size: 1.4rem;
}
.pageBread__link {
  color: rgba(56, 56, 56, 0.5);
}
.pageBread__link:hover {
  text-decoration: underline;
}
.pageBread .icon {
  color: rgba(56, 56, 56, 0.5);
  margin: 0 1rem;
}
.pageHead {
  display: flex;
  font-size: 2.6rem;
  font-weight: 700;
  gap: 1rem;
  line-height: 1.5;
}
.pageHead:before {
  background-image: linear-gradient(180deg, #fcf558, #67dfc2);
  content: "";
  width: 0.7rem;
}
.pageHead__list {
  gap: 1rem 2.5rem;
}
.pageHead__sub {
  color: #818181;
  font-size: 1.4rem;
}
.hitInfo__value {
  font-size: 1.6rem;
}
.hitInfo__num {
  font-size: 1.3rem;
}
.hitInfo__omit {
  margin: 0 1rem;
}
.hitInfo__page {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  height: 4rem;
  margin-left: 1rem;
  width: 4rem;
}
.hitInfo__page--first,
.hitInfo__page--last {
  margin-left: 0;
}
.hitInfo__move--prev {
  margin-right: 1.5rem;
}
.hitInfo__move--next {
  margin-left: 1.5rem;
}
.flex-pager {
  text-align: center;
}
.flex-pager a,
.flex-pager span {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  color: #00588b;
  font-size: 1.6rem;
  height: 4rem;
  margin: 0 0.5rem;
  min-width: 4rem;
  text-decoration: none;
  white-space: nowrap;
}
.flex-pager .active,
.flex-pager a:hover {
  background: #00588b;
  color: #fff;
  text-decoration: none;
}
.flex-pager .reader {
  background: 0;
  border: 0;
  min-width: 0;
}
.flex-pager .move {
  background: 0;
  border: 1px solid transparent;
  color: inherit;
  font-size: 1.8rem;
  min-width: 0;
}
.flex-pager .move.off {
  opacity: 0.5;
}
.swiper-button-next,
.swiper-button-prev {
  background: #fff;
  border: 2px solid #00588b;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.6rem;
}
.textLink {
  color: #00588b;
  font-size: 1.4rem;
  gap: 0.5rem;
}
.textLink__text {
  border-bottom: 1px solid #00588b;
  white-space: nowrap;
  width: calc(100% - 2.5rem);
}
.textLink__text--title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
}
.textLink__circle {
  border: 1px solid #00588b;
  border-radius: 50%;
  font-size: 1rem;
  height: 2rem;
  width: 2rem;
}
@media screen and (min-width: 769px) {
  .pc-flex {
    display: flex;
  }
  .flex.pc-bet,
  .pc-flex.pc-bet {
    justify-content: space-between;
  }
  .flex.aro,
  .flex.pc-aro,
  .pc-flex.aro,
  .pc-flex.pc-aro {
    justify-content: space-around;
  }
  .flex.pc-vstart,
  .pc-flex.pc-vstart {
    align-items: flex-start;
  }
  .flex.pc-vend,
  .pc-flex.pc-vend {
    align-items: flex-end;
  }
  .flex.pc-vcenter,
  .pc-flex.pc-vcenter {
    align-items: center;
  }
  .flex.pc-hstart,
  .pc-flex.pc-hstart {
    justify-content: flex-start;
  }
  .flex.pc-hcenter,
  .pc-flex.pc-hcenter {
    justify-content: center;
  }
  .flex.pc-hend,
  .pc-flex.pc-hend {
    justify-content: flex-end;
  }
  .flex.pc-str,
  .pc-flex.pc-str {
    align-items: stretch;
  }
  .flex.pc-vert,
  .pc-flex.pc-vert {
    flex-direction: column;
  }
  .flex.pc-break,
  .pc-flex.pc-break {
    flex-wrap: wrap;
  }
  .flex > .pc-1,
  .pc-flex > .pc-1 {
    order: 1;
  }
  .flex > .pc-2,
  .pc-flex > .pc-2 {
    order: 2;
  }
  .flex > .pc-3,
  .pc-flex > .pc-3 {
    order: 3;
  }
  .op:hover {
    opacity: 0.7;
  }
  .hoverToggle:hover .hoverToggle__off,
  .hoverToggle:not(:hover) .hoverToggle__on {
    display: none;
  }
  .sp {
    display: none !important;
  }
  .pc-hide {
    display: none;
  }
  .pc-ta-center {
    text-align: center;
  }
  .pc-ta-right {
    text-align: right;
  }
  .pc-ta-left {
    text-align: left;
  }
  body:not(.wp-admin) #wpadminbar {
    height: 10px !important;
    opacity: 0.5;
    overflow: hidden !important;
    transition-duration: 0.5s;
  }
  body:not(.wp-admin) #wpadminbar:hover {
    height: auto !important;
    opacity: 1;
    overflow: visible !important;
  }
  .md-lay.pc-over {
    display: block;
  }
  .md-lay.pc-over .lay-bg img {
    margin-left: 50%;
    max-width: none;
    transform: translate(-50%);
    width: auto;
  }
  .md-lay.pc-through {
    display: inline-block;
    overflow: visible;
  }
  .md-lay.pc-through .lay-bg img {
    max-width: none;
    width: auto;
  }
  a:hover .md-lay .lay-bg .on {
    opacity: 1;
  }
  a:hover .md-lay .lay-bg .off {
    opacity: 0;
  }
  a:hover .md-lay.zoom .lay-bg {
    transform: scale(1.05);
  }
  a:hover .md-lay.bright:before {
    opacity: 1;
  }
  a:hover .md-lay.border:after {
    box-shadow: inset 0 0 0 10px hsla(0, 0%, 100%, 0.5);
    opacity: 1;
  }
  a:not(:hover) .md-lay.hide .lay-content {
    opacity: 0;
  }
  .sp-md-acc .acc-btn {
    cursor: auto;
  }
  .pc-md-acc .acc-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform-origin: 0 0;
    transition-duration: 0.5s;
  }
  .pc-md-acc .acc-body .acc-body:not(.active) {
    transition-duration: 0s;
  }
  .pc-md-acc .acc-body:not(.active) .acc-on,
  .pc-md-acc .acc-check:not(:checked) ~ .acc-body .acc-on,
  .pc-md-acc .acc-check:not(:checked) ~ .acc-btn .acc-on {
    display: none;
  }
  .pc-md-acc .acc-body.active,
  .pc-md-acc .acc-check:checked ~ .acc-body,
  .pc-md-acc .acc-check:checked ~ .acc-btn {
    max-height: none;
    opacity: 1;
  }
  .pc-md-acc .acc-body.active .acc-off,
  .pc-md-acc .acc-check:checked ~ .acc-body .acc-off,
  .pc-md-acc .acc-check:checked ~ .acc-btn .acc-off {
    display: none;
  }
  .wrap {
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .wrap.w790 {
    max-width: 81rem;
  }
  .wrap.w1000 {
    max-width: 102rem;
  }
  .wrap.w1200 {
    max-width: 122rem;
  }
  .wrap.w1300 {
    max-width: 132rem;
  }
  .wrap.w1520 {
    max-width: 154rem;
  }
}
@media screen and (max-width: 800px) {
  .jobPostBack {
    height: auto;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
  .sp-flex {
    display: flex;
  }
  .flex.sp-bet,
  .sp-flex.sp-bet {
    justify-content: space-between;
  }
  .flex.aro,
  .flex.sp-aro,
  .sp-flex.aro,
  .sp-flex.sp-aro {
    justify-content: space-around;
  }
  .flex.sp-vstart,
  .sp-flex.sp-vstart {
    align-items: flex-start;
  }
  .flex.sp-vend,
  .sp-flex.sp-vend {
    align-items: flex-end;
  }
  .flex.sp-vcenter,
  .sp-flex.sp-vcenter {
    align-items: center;
  }
  .flex.sp-hstart,
  .sp-flex.sp-hstart {
    justify-content: flex-start;
  }
  .flex.sp-hcenter,
  .sp-flex.sp-hcenter {
    justify-content: center;
  }
  .flex.sp-hend,
  .sp-flex.sp-hend {
    justify-content: flex-end;
  }
  .flex.sp-str,
  .sp-flex.sp-str {
    align-items: stretch;
  }
  .flex.sp-vert,
  .sp-flex.sp-vert {
    flex-direction: column;
  }
  .flex.sp-break,
  .sp-flex.sp-break {
    flex-wrap: wrap;
  }
  .flex > .sp-1,
  .sp-flex > .sp-1 {
    order: 1;
  }
  .flex > .sp-2,
  .sp-flex > .sp-2 {
    order: 2;
  }
  .flex > .sp-3,
  .sp-flex > .sp-3 {
    order: 3;
  }
  .sp-table-break td,
  .sp-table-break th,
  .sp-table-break tr {
    display: inline-block;
    width: 100%;
  }
  .sp-table-over {
    overflow-x: auto;
  }
  .sp-table-over th {
    white-space: nowrap;
  }
  .hoverToggle__on {
    display: none;
  }
  .pc {
    display: none !important;
  }
  .sp-hide {
    display: none;
  }
  .sp-ta-center {
    text-align: center;
  }
  .sp-ta-right {
    text-align: right;
  }
  .sp-ta-left {
    text-align: left;
  }
  body:not(.wp-admin) #wpadminbar {
    display: none;
    min-width: 0 !important;
    opacity: 0.8;
    overflow: hidden;
    position: absolute !important;
  }
  .wp-post h2 {
    font-size: 1.8rem;
  }
  .wp-post h3 {
    font-size: 1.6rem;
  }
  .wp-post h4,
  .wp-post h5 {
    font-size: 1.4rem;
  }
  .wp-post div + h2,
  .wp-post div + h3,
  .wp-post div + h4,
  .wp-post div + h5,
  .wp-post p + h2,
  .wp-post p + h3,
  .wp-post p + h4,
  .wp-post p + h5 {
    margin-top: 2.5rem;
  }
  .wp-post table {
    margin: 1rem auto;
  }
  .wp-post table td,
  .wp-post table th {
    padding: 0.5rem;
  }
  .wp-post .alignleft,
  .wp-post .alignright {
    float: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .wp-post img[class*="attachment-"],
  .wp-post img[class*="wp-image-"] {
    padding: 0 0 2em;
    width: 100%;
  }
  .md-lay.sp-over {
    display: block;
  }
  .md-lay.sp-over .lay-bg img {
    margin-left: 50%;
    max-width: none;
    transform: translate(-50%);
    width: auto;
  }
  .md-lay.sp-through {
    display: inline-block;
    overflow: visible;
  }
  .md-lay.sp-through .lay-bg img {
    max-width: none;
    width: auto;
  }
  .md-btn.dialogRedLine,
  .md-btn.entryBack {
    border-width: 1px;
  }
  .sp-md-acc .acc-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform-origin: 0 0;
    transition-duration: 0.5s;
  }
  .sp-md-acc .acc-body .acc-body:not(.active) {
    transition-duration: 0s;
  }
  .sp-md-acc .acc-body:not(.active) .acc-on,
  .sp-md-acc .acc-check:not(:checked) ~ .acc-body .acc-on,
  .sp-md-acc .acc-check:not(:checked) ~ .acc-btn .acc-on {
    display: none;
  }
  .sp-md-acc .acc-body.active,
  .sp-md-acc .acc-check:checked ~ .acc-body,
  .sp-md-acc .acc-check:checked ~ .acc-btn {
    max-height: none;
    opacity: 1;
  }
  .sp-md-acc .acc-body.active .acc-off,
  .sp-md-acc .acc-check:checked ~ .acc-body .acc-off,
  .sp-md-acc .acc-check:checked ~ .acc-btn .acc-off {
    display: none;
  }
  .toast {
    bottom: 5rem;
    font-size: 1.2rem;
    padding: 1rem 2.5rem;
    right: 1rem;
  }
  .selectBox {
    background-position: right 1rem center;
    font-size: 1.4rem;
    padding: 1rem 3rem 1rem 1.5rem;
  }
  .mailListModal__head {
    font-size: 1.4rem;
    height: 6rem;
  }
  .mailListModal__close {
    font-size: 2rem;
  }
  .mailListModal__body {
    padding: 0 2rem;
  }
  .mailListModal__item {
    font-size: 1.4rem;
    padding: 1rem 0;
  }
  .mailListModal__mail {
    font-size: 1.2rem;
  }
  .jobItem__head {
    padding: 2rem 2rem 1.3rem;
  }
  .jobItem__entry {
    font-size: 1.2rem;
    height: 4rem;
    width: 18rem;
  }
  .jobItem__left {
    width: 100%;
  }
  .jobItem__id,
  .jobItem__title {
    font-size: 1.5rem;
  }
  .jobItem__id {
    line-height: 1.5;
  }
  .jobItem__body {
    padding: 1.5rem 2rem;
  }
  .jobItem__text {
    font-size: 1.3rem;
  }
  .jobItem__footer {
    gap: 1rem;
    height: 6.5rem;
    padding: 1rem 2rem;
  }
  .jobItem__more {
    font-size: 1.3rem;
  }
  .jobItemTable {
    margin: 2rem 0 0;
  }
  .jobItemTable__line:not(:first-child) {
    margin-top: 1.2rem;
  }
  .jobItemTable__head {
    font-size: 1.3rem;
    gap: 1rem;
    line-height: 1.5;
    width: 10rem;
  }
  .jobItemTable__icon {
    font-size: 2rem;
  }
  .jobItemTable__body {
    font-size: 1.3rem;
    width: calc(100% - 10rem);
  }
  .jobItemAdv {
    margin: 1.5rem 0 0;
    padding: 0 1rem;
  }
  .jobItemAdv__img {
    padding: 1rem 0 0;
    width: 4rem;
  }
  .jobItemAdv__data {
    padding: 0.5rem 0;
    width: calc(100% - 5rem);
  }
  .jobItemAdv__head {
    font-size: 1.2rem;
  }
  .jobItemAdv__body {
    font-size: 1.4rem;
  }
  .customFile__frame {
    gap: 1rem;
  }
  .customFile__btn {
    font-size: 1.4rem;
    padding: 0.5rem;
  }
  .customFile__btn--mail {
    padding-left: 2rem;
    width: 10rem;
  }
  .customFile__text {
    font-size: 1.2rem;
    padding: 0;
    width: 100%;
  }
  .customFile__del {
    margin: -0.5rem 0;
    padding: 0;
  }
  .favBtn {
    font-size: 1.4rem;
    padding-left: 2rem;
    width: 11.5rem;
  }
  .favBtn--jobPost {
    height: 5rem;
    max-width: calc(50% - 1rem);
    width: 100%;
  }
  .favBtn__icon {
    font-size: 2rem;
    left: 1rem;
  }
  .sp-wrap {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
  .dialog {
    border-radius: 1rem;
    margin: 0 auto;
    max-width: 90%;
    padding: 6rem 2rem 4rem;
  }
  .dialog__close {
    font-size: 2rem;
    right: 2rem;
    top: 2rem;
  }
  .dialog__text {
    font-size: 1.4rem;
  }
  .dialog__list {
    margin: 2rem 0 0;
  }
  .dialog__btn {
    height: 5rem;
  }
  .headerUserPad {
    padding-top: 19.61vw;
  }
  .headerUser {
    max-height: 100%;
    overflow: auto;
  }
  .headerUser__top {
    font-size: 2.915vw;
    height: 6.36vw;
    padding: 0 5.3vw;
  }
  .headerUser__frame {
    padding: 0 2.65vw 0 5.3vw;
  }
  .headerUser__base {
    height: 13.25vw;
  }
  .headerUserLogo {
    gap: 2.65vw;
  }
  .headerUserLogo__img:first-child {
    width: 20.67vw;
  }
  .headerUserLogo__img:nth-child(2) {
    width: 29.945vw;
  }
  .headerUserLink__item {
    font-size: 3.445vw;
    padding: 3.975vw 0 2.65vw;
    width: 33.3333333333%;
  }
  .headerUserLink__item:nth-child(4) {
    border-left: none;
  }
  .headerUserLink__item:nth-child(n + 4) {
    border-top: 1px solid #888;
  }
  .headerUserLink__icon {
    font-size: 5.565vw;
  }
  .headerUserLink__title {
    margin: 2.65vw 0 0;
  }
  .headerUserLink__chip {
    font-size: 3.18vw;
    height: 5.83vw;
    min-width: 5.83vw;
    right: 2.65vw;
  }
  .footerUser__frame {
    padding: 7.95vw 0;
  }
  .footerUserLogo__img--1 {
    margin-right: 2.65vw;
    width: 21.465vw;
  }
  .footerUserLogo__img--2 {
    width: 29.15vw;
  }
  .footerUserLogo__text {
    font-size: 3.18vw;
    margin-left: 0;
    margin-top: 2.65vw;
  }
  .footerUserInformation {
    margin-top: 5.3vw;
  }
  .footerUserInformation__text {
    font-size: 3.18vw;
    margin: 2.65vw 0 0;
  }
  .footerUserInformation__text--head {
    font-size: 3.71vw;
  }
  .footerUserLink {
    margin-top: 7.95vw;
  }
  .footerUserLink__list:not(:last-child) {
    margin-bottom: 3.975vw;
    margin-right: 0;
  }
  .footerUserLink__link--main {
    font-size: 3.71vw;
  }
  .footerUserLink__link--sub {
    font-size: 3.445vw;
  }
  .footerUserCopy {
    font-size: 2.915vw;
    padding: 1.855vw 0;
  }
  .userMv {
    font-size: 2.65vw;
  }
  .userMv__title {
    padding: 0.8em 1em;
    top: auto;
  }
  .userMv__title--1 {
    bottom: 6.5em;
    left: 2em;
  }
  .userMv__title--2 {
    bottom: 2.5em;
    left: 4.4em;
  }
  .userMv__title--oneline {
    left: 2em;
    top: 50%;
    transform: translateY(-50%);
  }
  .userMv__titleText {
    font-size: 1.9em;
  }
  .userSearch {
    padding: 3rem 2rem;
  }
  .userSearch__box {
    margin: 2rem 0 0;
    padding: 2rem;
  }
  .userSearch__line:not(:first-child) {
    border-top: 1px solid #818181;
    margin-top: 1.8rem;
    padding-top: 1.8rem;
  }
  .userSearch__head {
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .userSearch__body {
    gap: 1rem;
    margin: 0.5rem 0 0;
    width: 100%;
  }
  .userSearch__btn {
    font-size: 1.4rem;
    height: 4rem;
    width: 16rem;
  }
  .userSearch__btn--add {
    width: 9.5rem;
  }
  .userSearch__input {
    border: 1px solid #818181;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    width: calc(100% - 10.5rem);
  }
  .userSearch__word {
    width: 100%;
  }
  .userSearch__word--area {
    padding: 0;
    width: 100%;
  }
  .userSearch__label {
    width: 100%;
  }
  .userSearch__select {
    width: 20rem;
  }
  .userSearch__send {
    font-size: 1.4rem;
    height: 6rem;
    max-width: 28rem;
  }
  .userSearch__value {
    font-size: 1.2rem;
  }
  .areaModal {
    padding: 2rem;
  }
  .areaModal--mail {
    padding: 0;
  }
  .areaModal__close {
    font-size: 2rem;
    right: 2rem;
    top: 2rem;
  }
  .areaModal__title {
    font-size: 1.4rem;
    line-height: 3rem;
  }
  .areaModal__body {
    margin: 2rem 0 0;
    padding: 2rem 0 0;
  }
  .areaModal__frame {
    max-height: calc(100vh - 30rem);
    overflow: auto;
    scrollbar-width: thin;
  }
  .areaModal__frame::-webkit-scrollbar {
    background: #000;
    cursor: default;
    height: 10px;
    width: 10px;
  }
  .areaModal__frame::-webkit-scrollbar-track {
    background: #d7d7d7;
  }
  .areaModal__frame::-webkit-scrollbar-thumb {
    background: #383838;
    border: 3px solid transparent;
  }
  .areaModal__item {
    gap: 0.5rem;
    width: 11rem;
  }
  .areaModal__item--head {
    width: 100%;
  }
  .areaModal__list {
    gap: 1rem;
    padding: 1.5rem 0 0 1.5rem;
  }
  .areaModal__enter {
    margin: 3rem auto 0;
  }
  .areaModal__clear {
    margin: 2rem auto 0;
  }
  .userSelect {
    background-position: right 1rem center;
    font-size: 1.4rem;
    padding: 1rem 3rem 1rem 1.5rem;
  }
  .userFlow {
    padding: 8rem 2rem 0;
  }
  .userFlow__list {
    gap: 2.3rem;
    margin: 1.5rem 0 0;
    padding: 2rem;
  }
  .userFlow__bar {
    height: 80%;
    left: 5.5rem;
    top: 3rem;
    transform: none;
    width: 1px;
  }
  .userFlow__item {
    max-width: 100%;
    text-align: left;
    width: 100%;
  }
  .userFlow__no {
    font-size: 1.8rem;
  }
  .userFlow__img {
    margin: 0;
    width: 7rem;
  }
  .userFlow__data {
    width: calc(100% - 8rem);
  }
  .userFlow__title {
    font-size: 1.4rem;
    gap: 1rem;
    margin: 0;
  }
  .userFlow__text {
    margin: 0.5rem 0 0;
  }
  .userBbs {
    padding: 5rem 2rem 8rem;
  }
  .userBbs__list {
    gap: 2.5rem;
    margin: 1.5rem 0 0;
  }
  .userBbs__item {
    max-width: 100%;
    text-align: left;
    width: 100%;
  }
  .userBbs__no {
    font-size: 1.8rem;
  }
  .userBbs__img {
    margin: 0;
    width: 12rem;
  }
  .userBbs__data {
    width: calc(100% - 13.5rem);
  }
  .userBbs__title {
    font-size: 1.6rem;
    gap: 1rem;
    margin: 0;
  }
  .userBbs__text {
    font-size: 1.2rem;
    margin: 0.5rem 0 0;
  }
  .notFound {
    padding: 3rem 2rem 8rem;
  }
  .notFound__title {
    font-size: 1.8rem;
  }
  .notFound__text {
    font-size: 1.4rem;
    margin-top: 3rem;
    text-align: left;
  }
  .notFound__btn {
    font-size: 1.4rem;
    height: 5rem;
    width: 28rem;
  }
  .notFound__btnWrap {
    margin-top: 3rem;
  }
  .mypage__title {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .mypageMainWrap {
    width: 100%;
  }
  .mypageMain {
    padding: 3rem 2rem 8rem;
  }
  .mypageContent:not(:last-child) {
    margin-bottom: 3rem;
  }
  .mypageItem,
  .mypageItem--history {
    width: 100%;
  }
  .mypageItem:not(:last-child) {
    margin-bottom: 2rem;
  }
  .mypageWatched__list {
    height: 24rem;
    overflow-y: auto;
    padding: 1.5rem;
  }
  .mypageStatus__content {
    padding: 1rem 1.5rem;
  }
  .mypageMessage {
    width: 100%;
  }
  .mypageMessage__title {
    font-size: 1.5rem;
  }
  .mypageMessage__item {
    padding: 1rem;
  }
  .mypageMessage__item:not(:first-child) {
    border-top: 1px solid #888;
  }
  .mypageMessage__item:not(:last-child) {
    border-right: none;
  }
  .mypageMessage__message {
    background: #f5f5f5;
    font-size: 1.3rem;
    padding: 0.5rem 1rem;
  }
  .mypageMessage__message:not(:last-child) {
    margin-bottom: 0.8rem;
  }
  .mypageMessage__message--content {
    -webkit-line-clamp: 2;
  }
  .mypageProfile {
    min-width: 100%;
    padding: 1.5rem;
  }
  .mypageProfile__item:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .mypageProfile__item--label {
    margin-bottom: 0.5rem;
  }
  .mypageProfile__item--content,
  .mypageProfile__item--label {
    display: block;
    font-size: 1.4rem;
  }
  .mailSearchHead {
    padding: 2rem;
  }
  .mailSearchHead__line:not(:first-child) {
    margin-top: 1.5rem;
  }
  .mailSearchHead__head {
    font-size: 1.3rem;
    padding: 0.3rem 0 0;
    width: 8rem;
  }
  .mailSearchHead__body {
    width: calc(100% - 8rem);
  }
  .mailSearchHead__body--frame {
    max-height: 9rem;
    padding: 1rem;
  }
  .mailSearchHead__search {
    margin: 1.5rem 0 0 auto;
  }
  .mailSearchHead__searchBtn {
    font-size: 1.4rem;
    width: 10rem;
  }
  .mailSearchBody {
    padding: 3rem;
  }
  .mailSearchBody__box {
    max-height: 27rem;
  }
  .mailSearchBody__list {
    gap: 1rem;
  }
  .mailSearchBody__item {
    font-size: 1.2rem;
    width: 100%;
  }
  .mailSearchBody__text {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    padding: 0 1.5rem;
    width: calc(100% - 4rem);
  }
  .mailSearchBody__close {
    height: 3.4rem;
    width: 3.4rem;
  }
  .mailSearchFooter {
    padding: 1rem 2rem;
  }
  .mailSearchFooter__list {
    gap: 1rem;
    width: calc(100% - 20rem);
  }
  .mailSearchFooter__next {
    margin-left: auto;
    width: 18rem;
  }
  .mailSearchFooter__clear {
    font-size: 1.4rem;
  }
  .mailSearchFooter__btn {
    font-size: 1.4rem;
    height: 4rem;
    width: 8rem;
  }
  .mypageMessageBox__item {
    width: 100%;
  }
  .mailSendOpen + .mypageMessageBoxTray {
    margin-top: 2rem;
  }
  .mypageMessageBoxTray__item {
    margin: 1rem;
    padding: 1rem;
  }
  .mypageMessageBoxTray__item.active {
    margin: 1rem 0;
    padding: 1rem 2rem;
  }
  .mypageMessageBoxTray__title {
    font-size: 1.6rem;
    padding: 1rem 1.5rem;
  }
  .mypageMessageBoxTray__content,
  .mypageMessageBoxTray__content--new {
    font-size: 1.1rem;
  }
  .mypageMessageBoxMail {
    background: #fff;
    margin-left: 0;
    margin-top: 1.5rem;
    width: 100%;
  }
  .mypageMessageBoxMailBox {
    max-width: 100%;
    width: 100%;
  }
  .mypageMessageBoxMail__head {
    padding: 1.5rem;
  }
  .mypageMessageBoxMail__subject {
    font-size: 1.4rem;
  }
  .mypageMessageBoxMail__subject--icon {
    color: #818181;
    font-size: 1.8rem;
    margin-right: 1rem;
  }
  .mypageMessageBoxMail__info {
    color: #818181;
    margin-top: 1.5rem;
  }
  .mypageMessageBoxMail__info--from {
    font-size: 1.4rem;
    margin-right: 1rem;
  }
  .mypageMessageBoxMail__info--from .icon {
    color: #383838;
    font-size: 2rem;
    margin-right: 1rem;
  }
  .mypageMessageBoxMail__info--date {
    display: block;
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
  .mypageMessageBoxMail__content {
    height: 100%;
    font-size: 1.3rem;
    padding: 1.5rem;
  }

  .mypageMessageBoxMail__content p {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
    line-height: 1.2;
  }

  .mypageMessageBoxMail__content span {
    font-size: 1.3rem !important;
    margin-bottom: 0.8rem !important;
    line-height: 1.2 !important;
  }

  .mypageMessageBoxMail__btn {
    font-size: 1.3rem;
    height: 3.5rem;
    padding-left: 1rem;
    width: 8rem;
  }
  .mypageMessageBoxReturnMail__head {
    padding: 1.5rem;
  }
  .mypageMessageBoxReturnMail__subject {
    font-size: 1.4rem;
  }
  .mypageMessageBoxReturnMail__subject--icon {
    font-size: 1.4rem;
    margin-right: 0;
  }
  .mypageMessageBoxReturnMail__info {
    margin-top: 1.4rem;
  }
  .mypageMessageBoxReturnMail__info--from {
    font-size: 1.4rem;
    margin-right: 0;
  }
  .mypageMessageBoxReturnMail__info--from .icon {
    font-size: 2rem;
    margin-right: 1rem;
  }
  .mypageMessageBoxReturnMail__content {
    font-size: 1.3rem;
    height: 16rem;
    padding: 1.5rem;
    width: 100%;
  }
  .mypageMessageBoxReturnMail__btn {
    font-size: 1.3rem;
    height: 3.5rem;
    width: 10rem;
  }
  .mypageMessageBoxReturnMailAttached {
    padding: 1.5rem;
  }
  .mypageMessageBoxReturnMailAttached__btn {
    height: 4rem;
    /* margin-top: 1.5rem; */
    width: 10rem;
  }
  .mypageMessageBoxReturnMailAttached__btnWrap {
    text-align: right;
  }
  .mypageMessageBoxReturnMailConfirm__title {
    font-size: 1.4rem;
  }
  .mypageMessageBoxReturnMailConfirmBtnWrap {
    margin-top: 2rem;
  }
  .mypageMessageBoxReturnMailConfirm__btn {
    border-radius: 0.5rem;
    font-size: 1.4rem;
    height: 5rem;
    line-height: 1.5;
    width: calc(50% - 1.25rem);
  }
  .mypageMessageBoxReturnMailConfirm__btn--back {
    width: 100%;
  }
  .mailCancel {
    font-size: 1.3rem;
    height: 3.6rem;
    width: 10rem;
  }
  .mailInputText {
    font-size: 1.4rem;
    padding: 1rem;
  }
  .mailSendOpen {
    font-size: 1.4rem;
    height: 4rem;
    margin: 1.5rem 0 0;
    padding-left: 1rem;
    width: 18rem;
  }
  .mailSendOpen__icon {
    left: 1rem;
    position: absolute;
  }
  .mailSendHead:not(:first-child) {
    margin-top: 1.5rem;
  }
  .mailSendHead__head {
    font-size: 1.3rem;
    padding: 0.5rem 0 0;
    width: 4rem;
  }
  .mailSendHead__body {
    width: calc(100% - 4rem);
  }
  .mailSendHead__body--frame {
    border: 1px solid #818181;
    border-radius: 0.5rem;
    max-height: 13.5rem;
    overflow: auto;
    padding: 1rem;
  }
  .mailSendHead__back {
    margin: 1.5rem 0 0 auto;
  }
  .mailSendHead__backBtn {
    border: 0;
    border-radius: 0.5rem;
    color: #00588b;
    font-size: 1.4rem;
    height: auto;
    padding: 0 0 0 2.5rem;
    text-decoration: underline;
    width: auto;
  }
  .mailModal {
    padding: 5.5rem 0 0;
  }
  .mailModal--pad {
    padding: 2rem;
  }
  .mailModal__close {
    font-size: 2rem;
    right: 2rem;
    top: 2rem;
  }
  .mailModal__title {
    font-size: 1.4rem;
    line-height: 3rem;
  }
  .mailModal__body {
    margin: 2rem 0 0;
    padding: 2rem 0 0;
  }
  .mailModal__frame {
    max-height: calc(100vh - 30rem);
    overflow: auto;
    scrollbar-width: thin;
  }
  .mailModal__frame::-webkit-scrollbar {
    background: #000;
    cursor: default;
    height: 10px;
    width: 10px;
  }
  .mailModal__frame::-webkit-scrollbar-track {
    background: #d7d7d7;
  }
  .mailModal__frame::-webkit-scrollbar-thumb {
    background: #383838;
    border: 3px solid transparent;
  }
  .mailModal__item {
    gap: 0.5rem;
    width: 11rem;
  }
  .mailModal__item--head {
    width: 100%;
  }
  .mailModal__list {
    gap: 1rem;
    padding: 1.5rem 0 0 1.5rem;
  }
  .mailModal__enter {
    margin: 3rem auto 0;
  }
  .mailModal__clear {
    margin: 2rem auto 0;
  }
  .mypageFavoriteItem {
    background: #fff;
    padding: 2.5rem 2rem;
    width: 24rem !important;
  }
  .mypageFavoriteItemWrap:after,
  .mypageFavoriteItemWrap:before {
    width: 5rem;
  }
  .mypageFavoriteItem__title {
    color: #383838;
    font-size: 1.6rem;
    font-weight: 700;
    padding-bottom: 1.5rem;
  }
  .mypageFavoriteItem__content {
    border-top: 1px solid #818181;
    padding-top: 1.5rem;
  }
  .mypageFavoriteItem__text {
    color: #818181;
    font-size: 1.3rem;
  }
  .mypageFavoriteItem__catWrap {
    margin-top: 1.5rem;
  }
  .mypageFavoriteItem__cat {
    color: #383838;
    font-size: 1.2rem;
  }
  .mypageFavoriteItem__cat:not(:last-child) {
    margin-bottom: 1rem;
  }
  .mypageFavoriteItem__cat--icon {
    font-size: 1.7rem;
    margin-right: 0.5rem;
  }
  .mypageFavorite__btn {
    height: 5rem;
    width: 28rem;
  }
  .mypageFavorite__btnWrap {
    margin-top: 3rem;
    text-align: center;
  }
  .mypageRecruitItemWrap {
    margin: 2rem 0;
  }
  .login {
    background: #e4eaf5;
    min-height: calc(100vh - 15rem);
    padding: 3rem 0 8rem;
  }
  .login__title {
    font-size: 1.8rem;
  }
  .loginForm {
    margin: 2rem auto 0;
    padding: 2.5rem 1.5rem;
    width: 100%;
  }
  .loginForm__error {
    font-size: 1.3rem;
  }
  .loginForm__error--icon {
    font-size: 1.4rem;
    margin-right: 0.5rem;
  }
  .loginForm__content:not(:last-child) {
    margin-bottom: 2rem;
  }
  .loginForm__label {
    font-size: 1.4rem;
    width: 100%;
  }
  .loginForm__form {
    flex-grow: 1;
  }
  .loginForm__form--password {
    position: relative;
  }
  .loginForm__form--icon {
    cursor: pointer;
    font-size: 2.7rem;
    position: absolute;
    right: 1rem;
    top: 33%;
    transform: translateY(-50%);
  }
  .loginForm__form--icon:before {
    vertical-align: middle !important;
  }
  .loginForm__form input {
    border: 1px solid #e6e6e6;
    border-radius: 0.5rem;
    height: 4rem;
    padding: 0 1rem;
    width: 100%;
  }
  .loginForm__form button {
    position: absolute;
    right: 1rem;
    top: 42%;
    transform: translateY(-50%);
    width: 2.7rem;
  }
  .loginForm__btn {
    height: 5rem;
    width: 100%;
  }
  .loginNotice {
    padding: 2rem;
    width: 100%;
  }
  .loginNotice__title {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .loginNotice__text {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  .loginNotice__mail,
  .loginNotice__num {
    font-size: 1.5rem;
  }
  .loginNotice__num {
    margin-top: 2rem;
  }
  .loginNotice__mail {
    margin-top: 1rem;
  }
  .jobPostHead__data {
    width: 100%;
  }
  .jobPostHead__entry {
    font-size: 1.3rem;
    height: 5rem;
    width: 12rem;
  }
  .jobPostHead__title {
    font-size: 1.5rem;
  }
  .jobPostHead__id {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .jobPostTable {
    margin: 2rem 0 0;
  }
  .jobPostTable__line {
    padding: 1rem 2rem 0;
  }
  .jobPostTable__head {
    border-right: 0;
    font-size: 1.3rem;
    gap: 1rem;
    padding: 0;
    width: 100%;
  }
  .jobPostTable__headIn {
    gap: 1rem;
  }
  .jobPostTable__icon {
    font-size: 2.6rem;
    width: 3rem;
  }
  .jobPostTable__body {
    font-size: 1.3rem;
    padding: 0 0 1.5rem 4rem;
    width: 100%;
  }
  .jobPostBtn {
    margin: 2rem 0 0;
  }
  .jobPostBtn__btn {
    font-size: 1.3rem;
    height: 5rem;
    line-height: 1.5;
    padding-left: 1rem;
  }
  .jobPostBtn__btn--dl {
    max-width: calc(50% - 1rem);
    width: 100%;
  }
  .jobPostBtn__text {
    text-align: center;
  }
  .jobPostBtn__icon {
    font-size: 1.6rem;
    left: 1rem;
    position: absolute;
  }
  .jobPostCont__block {
    padding: 2rem;
  }
  .jobPostCont__sec:not(:first-child) {
    margin-top: 2rem;
  }
  .jobPostCont__head {
    font-size: 1.8rem;
  }
  .jobPostCont__name {
    font-size: 1.3rem;
  }
  .jobPostCont__name:not(:first-child) {
    margin-top: 1rem;
  }
  .jobPostCont__body {
    font-size: 1.3rem;
  }
  .jobPostAdv {
    padding: 0 1rem;
  }
  .jobPostAdv__data {
    width: calc(100% - 5.2rem);
  }
  .jobPostAdv__body {
    font-size: 1.4rem;
  }
  .jobPostMore {
    margin: 3rem 0 0;
  }
  .jobPostMore__btn {
    font-size: 1.4rem;
    height: 6rem;
    max-width: 100%;
  }
  .jobBody {
    padding: 3rem 2rem 5rem;
  }
  .jobBody--list {
    padding-top: 1rem;
  }
  .jobFrame__side {
    margin: 1rem 0 0;
    width: 100%;
  }
  .jobFrame__side:not(.active) {
    display: none;
  }
  .jobFrame__main {
    margin: 2rem 0 0;
    width: 100%;
  }
  .jobSide__box {
    border-radius: 0;
    border-top: 0;
    padding: 2rem;
  }
  .jobSide__box + .jobSide__box {
    margin-top: 2rem;
  }
  .jobSide__block:not(:first-child) {
    border-top: 1px solid #818181;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
  .jobSide__head {
    font-size: 1.4rem;
  }
  .jobSide__down {
    display: none;
  }
  .jobSide__body {
    margin: 1rem 0 0;
  }
  .jobSide__btn {
    font-size: 1.4rem;
    width: 16rem;
  }
  .jobSide__btn--add {
    margin-top: 0;
    width: 8rem;
  }
  .jobSide__label:not(:first-child) {
    margin-top: 1.5rem;
  }
  .jobSide__check {
    height: 2.3rem;
    width: 2.3rem;
  }
  .jobSide__unit {
    height: 2.5rem;
    margin: 0;
    width: 2.5rem;
  }
  .jobSide__unitIn {
    transform: none;
  }
  .jobSide__input {
    padding: 0.5rem 1rem;
    width: calc(100% - 9rem);
  }
  .jobSide__select {
    width: calc(50% - 1.25rem);
  }
  .jobSide__send {
    font-size: 1.4rem;
    height: 5rem;
    margin: 3rem auto 0;
    max-width: 28rem;
  }
  .jobSide__value {
    font-size: 1.2rem;
  }
  .jobHit {
    gap: 1rem;
    margin: 2rem 0 0;
  }
  .jobHit__view {
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0.3em 0 0 auto;
  }
  .jobHit__sub {
    font-size: 1.2rem;
  }
  .jobHit__pager {
    margin: 0 auto;
  }
  .jobList__item {
    max-width: 100%;
    width: 100%;
  }
  .jobList__empty {
    font-size: 1.6rem;
    margin: 1rem 0 3rem;
  }
  .recEntry {
    padding: 3rem 2rem 8rem;
  }
  .recEntry__title {
    font-size: 1.8rem;
  }
  .recEntryInfo {
    margin: 2rem 0 0;
  }
  .recEntryInfo__head {
    font-size: 1.4rem;
    padding: 0.7rem 1.5rem;
  }
  .recEntryInfo__content {
    padding: 1rem 1.5rem;
  }
  .recEntryInfo__title {
    font-size: 1.4rem;
  }
  .recEntryInfo__num {
    font-size: 1.3rem;
  }
  .recEntryForm__wrap {
    margin-top: 2rem;
  }
  .recEntryForm__head {
    font-size: 1.4rem;
    gap: 0.8rem;
    line-height: 1;
    padding: 0.8rem 1.5rem;
  }
  .recEntryForm__head--notice {
    font-size: 1rem;
    width: 100%;
  }
  .recEntryForm--2 .recEntryForm__content,
  .recEntryForm__content {
    padding: 1.5rem;
  }
  .recEntryForm__notice {
    color: #ce003b;
    font-size: 1.2rem;
    margin-top: 0;
    width: 100%;
  }
  .recEntryForm__line {
    gap: 1rem;
  }
  .recEntryForm--2 .recEntryForm__line:not(:last-child),
  .recEntryForm__line:not(:last-child) {
    margin-bottom: 2rem;
  }
  .recEntryForm__label {
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0;
    width: 100%;
  }
  .recEntryForm__label--req {
    padding: 0 1rem;
    white-space: nowrap;
  }
  .recEntryForm__block {
    position: relative;
    width: 100%;
  }
  .recEntryForm__block--half {
    max-width: 48%;
  }
  .recEntryForm__block--tel {
    max-width: 100%;
  }
  .recEntryForm--2 .recEntryForm__block {
    padding: 0;
    width: auto;
  }
  .recEntryForm__form {
    gap: 1rem;
    max-width: 100%;
    width: 100%;
  }
  .recEntryForm__input {
    font-size: 1.4rem;
  }
  .recEntryForm__input--text {
    padding: 0 1rem;
  }
  .recEntryForm__policy {
    font-size: 1.2rem;
    height: 13rem;
    padding: 1rem 1.5rem;
    width: 100%;
  }
  .recEntryForm__agree {
    font-feature-settings: "palt";
    font-size: 1.3rem;
    margin-top: 2rem;
  }
  .recEntryForm__agree input[type="checkbox"] {
    margin-right: 1rem;
    transform: scale(2);
  }
  .recEntryForm__opt {
    font-size: 1.3rem;
    width: 100%;
  }
  .recEntryForm__opt:not(:first-child) {
    margin-top: 1rem;
  }
  .recEntryForm__send {
    margin-top: 3rem;
    text-align: center;
  }
  .recEntryForm__btn {
    font-size: 1.4rem;
    height: 5rem;
    width: 28rem;
  }
  .recEntryEnd,
  .recEntryError {
    font-size: 1.4rem;
  }
  .recEntryEnd {
    padding: 1.5rem;
  }
  .recEntryBack {
    margin: 2rem 0 0;
  }
  .recEntryBack__btn {
    font-size: 1.4rem;
    height: 5rem;
    max-width: 28rem;
  }
  .entryEvent__title {
    font-size: 1.4rem;
  }
  .entryEvent__list {
    font-size: 1.4rem;
    margin: 1rem 0 0;
  }
  .entryEvent__more {
    margin: 1rem 0 0;
  }
  .entryEvent__select {
    margin: 1rem 0 0;
    width: 12rem;
  }
  .userColumn {
    padding: 3rem 0 8rem;
  }
  .userColumn .pageHead {
    padding: 0 2rem;
  }
  .userColumn__text {
    font-size: 1.4rem;
    padding: 0 2rem;
    text-align: left;
  }
  .userColumnWrap {
    margin-top: 5rem;
  }
  /* .userColumnItem {
    width: 30rem !important;
  } */
  .userColumnItemWrap {
    margin-top: 2rem;
    padding: 0;
  }
  .userColumnItemWrap .swiper-button-prev {
    left: 2rem;
  }
  .userColumnItemWrap .swiper-button-next {
    right: 2rem;
  }
  .userColumnItem__text {
    font-size: 1.4rem;
    margin-top: 0;
  }
  .userColumnBtn {
    height: 5rem;
    width: 100%;
  }
  .userColumnBtnWrap {
    margin-top: 2rem;
    padding: 0 2rem;
  }
  .userColumnBtn:not(:last-child) {
    margin-bottom: 2rem;
  }
  .userColumnBtn .icon {
    font-size: 1.6rem;
  }
  .userColumnSingle {
    padding: 6rem 0 8rem;
  }
  .userColumnSingle__title {
    font-size: 1.8rem;
  }
  .userColumnSingle__content {
    margin-top: 3rem;
  }
  .userColumnSingle__content #toc_container {
    margin-bottom: 3rem;
    padding: 1.5rem 2rem;
  }
  .userColumnSingle__content #toc_container .toc_title {
    font-size: 1.6rem;
  }
  .userColumnSingle__content #toc_container ul {
    margin: 0;
  }
  .userColumnSingle__content #toc_container ul a {
    font-size: 1.4rem;
  }
  .userColumnSingle__content #toc_container ul a:not(:last-child) {
    margin: 0 0 1.2rem;
  }
  .userColumnSingle__content h2 {
    font-size: 1.8rem;
  }
  .userColumnSingle__content h3 {
    font-size: 1.6rem;
  }
  .userColumnSingle__content h4 {
    font-size: 1.8rem;
    font-weight: 500;
  }
  .userColumnSingle__content a,
  .userColumnSingle__content p {
    font-size: 1.4rem;
    margin: 2rem 0;
  }
  .userColumnSingle__btn {
    height: 5rem;
    width: 28rem;
  }
  .userColumnSingle__btnWrap {
    margin-top: 5rem;
  }
  .pageBread {
    margin: 2rem 0 0;
  }
  .pageBread--entry,
  .pageBread--job,
  .pageBread--mypage {
    font-size: 1.1rem;
    margin: 0;
    padding: 1rem 2rem;
    text-align: left;
  }
  .pageBread__item {
    font-size: 1.2rem;
    white-space: nowrap;
  }
  .pageBread__item.current {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
  }
  .pageBread .icon {
    margin: 0 0.5rem;
  }
  .pageHead {
    font-size: 1.8rem;
  }
  .pageHead__list {
    gap: 0.8rem;
  }
  .pageHead__main {
    width: 100%;
  }
  .pageHead__sub {
    font-size: 1.2rem;
    width: 100%;
  }
  .hitInfo__value {
    font-size: 1.3rem;
    font-weight: 400;
  }
  .hitInfo__value--sp {
    margin-bottom: 2rem;
  }
  .hitInfo__num {
    font-size: 1.2rem;
    font-weight: 400;
  }
  .hitInfo__omit {
    margin: 0 1rem;
  }
  .hitInfo__page {
    background: #fff;
    border: 1px solid #00588b;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    height: 4rem;
    margin-left: 1rem;
    width: 4rem;
  }
  .hitInfo__page--first,
  .hitInfo__page--last {
    margin-left: 0;
  }
  .hitInfo__move--prev {
    margin-right: 1.5rem;
  }
  .hitInfo__move--next {
    margin-left: 1.5rem;
  }
  .textLink {
    font-size: 1.3rem;
  }
}
@media media-sp {
  .flex-pager {
    padding: 3.5rem pad;
  }
  .flex-pager a,
  .flex-pager span {
    height: 8vw;
    margin: 0 1vw;
    width: 8vw;
  }
}
@media screen and (orientation: landscape) {
  .md-overlay--ripple {
    height: 300vw;
    width: 300vw;
  }
}

/* flatpickrカレンダーのカスタム */
.calendar-board {
  width: 100%;
  margin: 24px 0 24px 0;
}
.flatpickr-calendar.inline {
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.flatpickr-days {
  min-width: 100%;
}
.flatpickr-day {
  height: 48px;
  max-height: none;
  vertical-align: top;
  padding-top: 2px;
  box-sizing: border-box;
}
.calendar-post-title {
  display: block;
  font-size: 13px;
  background: #f5f5f5;
  color: #333;
  margin: 2px 0 0 0;
  padding: 0 2px;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

/* FullCalendar カスタム */
#calendar-board {
  margin: 24px 0 24px 0;
}
.fc .fc-toolbar-title {
  font-size: 2.2rem;
  font-weight: bold;
  color: #b38b00;
  letter-spacing: 0.05em;
}
.fc .fc-col-header-cell {
  background: #fffbe6;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #e0e0e0;
}
.fc .fc-daygrid-day {
  min-height: 70px;
  border: 1px solid #e0e0e0;
  background: #fff;
  vertical-align: top;
}
.fc .fc-daygrid-day.fc-day-sun {
  color: #d00;
}
.fc .fc-daygrid-day.fc-day-sat {
  color: #0070c0;
}
.fc .fc-daygrid-day-number {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 2px;
}
.fc .fc-event {
  font-size: 1.05rem;
  background: #45728d;
  color: #333;
  border: none;
  border-radius: 2px;
  margin-bottom: 2px;
  padding: 0 2px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fc .fc-daygrid-event-dot {
  display: none;
}
@media (max-width: 768px) {
  #calendar-board {
    margin: 16px 0 16px 0;
  }
  .fc .fc-toolbar-title {
    font-size: 1.3rem;
  }
  .fc .fc-daygrid-day {
    min-height: 56px;
  }
}

/* 2カレンダー横並び用 */
.calendar-row {
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: flex-start;
  margin: 24px 0 24px 0;
}
#calendar-left,
#calendar-right {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
.calendar-header {
  display: flex;
  align-items: center;
  margin: 0 0 8px 0;
}
.calendar-header-title {
  font-size: 2rem;
  font-weight: bold;
  color: #b38b00;
}
.calendar-header-nav button {
  background: #2c3e50;
  color: #fff;
  border: none;
  border-radius: 6px;
  width: 44px;
  height: 40px;
  font-size: 1.5rem;
  cursor: pointer;
  margin-left: 2px;
  transition: background 0.2s;
}
.calendar-header-nav button:hover {
  background: #3b4a5a;
}
@media (max-width: 900px) {
  .calendar-row {
    flex-direction: column;
    gap: 16px;
  }
  #calendar-left,
  #calendar-right {
    min-width: 0;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .calendar-row,
  .calendar-header {
    display: none !important;
  }
}

/* 投稿一覧のレスポンシブグリッドレイアウト */
.userColumnItemWrap .js-post-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 32px;
  margin-top: 24px;
  box-sizing: border-box;
  width: 100%;
}
.userColumnItem {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.userColumnMoreBtn {
  display: inline-block;
  background: #189b7a;
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 14px 0;
  width: 90%;
  max-width: 320px;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  margin: 16px auto 0 auto;
  box-shadow: 0 2px 8px rgba(24, 155, 122, 0.08);
  letter-spacing: 0.05em;
  transition: background 0.2s;
}
.userColumnMoreBtn:hover {
  background: #12705a;
}
@media (max-width: 768px) {
  .userColumnItemWrap .js-post-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 16px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
  }
  .userColumnItem {
    margin: 0;
    box-sizing: border-box;
  }
  .userColumnWrap {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }
  .wrap.w1000 {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.icon-pin:before {
  content: "\1F4CC"; /* 📌 Unicode for pushpin */
}

.mypageMessageBoxTray__pin-icon {
  margin-left: auto;
}

.mypageMessageBoxTray__pin {
  border: 1px solid #f53e3b;
  color: #f53e3b;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  font-size: 1.6rem;
  height: 4rem;
  width: 12rem;
  transition: background-color 0.5s, opacity 0.5s;
}

.mypageMessageBoxTray__pin:hover {
  background-color: #fcafae;
  opacity: 0.7;
}

/* エントリー制限メッセージ */
.recEntryLimit {
  background-color: #fff0f0;
  border: 2px solid #ff6666;
  border-radius: 6px;
  padding: 20px;
  margin: 20px 0 30px;
  text-align: center;
}

.recEntryLimit p {
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .recEntryLimit {
    padding: 15px;
    margin: 15px 0 25px;
  }

  .recEntryLimit p {
    font-size: 14px;
  }
}

/* メール検索モーダルのスタイル */
.mailSearchHead__section {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.mailSearchHead__sectionTitle {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.4rem;
  color: #333;
}

.datepicker {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* リセットボタン */
.mailSearchFooter__btn--reset {
  background-color: #f2f2f2;
  color: #666;
  border: 1px solid #ccc;
  text-decoration: none;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mailSearchFooter__btn--reset:hover {
  background-color: #e5e5e5;
  color: #333;
}

/* 絞り込みボタン */
.mailSearchFooter__btn--search {
  background-color: #0071bc;
  color: #fff;
  border: none;
}

.mailSearchFooter__btn--search:hover {
  background-color: #005a95;
}

.mailSearchFooter__next {
  margin-top: 15px;
}

#mypageFavoriteItemWrap {
  height: auto !important;
  overflow: visible !important;
}

/* フォルダ管理のスタイル */
.folderControl {
  align-items: center;
  display: flex;
  margin: 0 0 15px;
  padding: 10px 15px;
  background: #f8f8f8;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  gap: 10px;
}

.folderSelect {
  width: 100%;
  padding: 4px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  height: 32px;
  font-size: 1.4rem;
}

.folderControl__btn {
  padding: 8px 15px;
  font-size: 13px;
  margin-left: 10px;
  white-space: nowrap;
}

.folderControl__btn i {
  margin-right: 5px;
}

/* フォルダ管理モーダルのスタイル改善 */
.mailListModal {
  padding: 15px;
}

.mailListModal__body {
  padding: 0 10px;
}

.folderManageForm {
  margin-bottom: 20px;
}

.folderManageForm__row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.folderManageForm__input {
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.folderManageForm__btn {
  width: auto;
  min-width: 80px;
  max-width: 100px;
  padding: 8px 15px;
  white-space: nowrap;
}

.folderList__title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}

.folderList__items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.folderList__item {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.folderList__item:last-child {
  border-bottom: none;
}

.folderList__name {
  display: flex;
  align-items: center;
  gap: 5px;
}

.folderList__name i {
  color: #1e88e5;
  margin-right: 5px;
}

.folderAction__btn {
  background: none;
  border: none;
  color: #666;
  padding: 5px 8px;
  cursor: pointer;
}

.folderAction__btn:hover {
  color: #333;
}

.folderList__empty {
  padding: 15px 0;
  text-align: center;
  color: #777;
}

.folderDeleteConfirm {
  text-align: center;
  padding: 20px 0;
}

.folderDeleteConfirm__text {
  font-size: 16px;
  margin-bottom: 10px;
}

.folderDeleteConfirm__note {
  font-size: 13px;
  color: #777;
  margin-bottom: 20px;
}

.folderDeleteConfirm__actions {
  gap: 10px;
}

.folderMoveSelect {
  margin-bottom: 20px;
}

.folderMoveSelect__select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.folderMoveConfirm__actions {
  gap: 10px;
}

.mypageMessageBoxTray__info--folder {
  font-size: 12px;
  color: #666;
  margin-right: 10px;
  background-color: #f0f8ff;
  padding: 2px 6px;
  border-radius: 3px;
}

.mypageMessageBoxTray__info--folder i {
  color: #1e88e5;
  margin-right: 3px;
  font-size: 12px;
}

.mypageMessageBoxTray__folder-btn {
  align-items: center;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #383838;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  height: 2.8rem;
  justify-content: center;
  margin-left: 8px;
  padding: 0 10px;
  transition: all 0.3s ease;
}

.mypageMessageBoxTray__folder-btn:hover {
  background-color: #e4eaf5;
  border-color: #00588b;
  color: #00588b;
}

.mypageMessageBoxTray__folder-btn i {
  font-size: 1.6rem;
  margin-right: 4px;
}

@media screen and (max-width: 767px) {
  .mypageMessageBoxTray__folder-btn {
    font-size: 1.2rem;
    height: 2.4rem;
    padding: 0 6px;
  }

  .mypageMessageBoxTray__folder-btn i {
    font-size: 1.4rem;
    margin-right: 2px;
  }
}

/* モーダルのサイズ調整 */
.js-modal--folderManage .modal__box {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}

.js-modal--folderManage .mailListModal__body {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .folderManageForm__row {
    flex-direction: column;
    gap: 15px;
  }

  .folderManageForm__btn {
    width: 100%;
    max-width: none;
  }

  .folderList__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* メッセージアイテムのアクションスタイル */
.mailItem__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.mailItem__action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  color: #555;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mailItem__action:hover {
  background: #f2f2f2;
  color: #333;
}

.mailItem__folderTag {
  font-size: 12px;
  color: #777;
  margin-left: 5px;
  background: #eee;
  padding: 2px 6px;
  border-radius: 10px;
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 480px) {
  .mailItem__actions {
    flex-direction: column;
    gap: 8px;
  }

  .mailItem__action {
    width: 100%;
    justify-content: center;
  }
}

/* フォルダ管理のスタイル */

.folderControl__btn {
  margin-left: 10px;
}

.folderControl__select {
  display: flex;
  align-items: center;
  width: 100%;
}

.folderManageForm {
  margin-bottom: 20px;
}

.folderManageForm__row {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

.folderManageForm__input {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 10px;
}

.folderManageForm__btn {
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f8f8f8;
  cursor: pointer;
  margin-right: 5px;
}

.folderManageForm__btn:hover {
  background: #e9e9e9;
}

.folderManageForm__btn--create,
.folderManageForm__btn--rename,
.folderDeleteConfirm__btn--delete,
.folderMoveSelect__btn--move,
.bulkFolderMoveSelect__btn--move {
  background: #4a90e2;
  color: white;
  border-color: #3a80d2;
}

.folderManageForm__btn--create:hover,
.folderManageForm__btn--rename:hover,
.folderDeleteConfirm__btn--delete:hover,
.folderMoveSelect__btn--move:hover,
.bulkFolderMoveSelect__btn--move:hover {
  background: #3a80d2;
}

.folderList {
  margin-top: 20px;
}

.folderList__title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}

.folderList__items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.folderList__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.folderList__name {
  display: flex;
  align-items: center;
}

.folderList__actions {
  display: flex;
}

.folderAction__btn {
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f8f8f8;
  cursor: pointer;
  margin-left: 5px;
  font-size: 12px;
}

.folderAction__btn:hover {
  background: #e9e9e9;
}

.folderMoveSelect,
.bulkFolderMoveSelect {
  margin-bottom: 20px;
}

.folderMoveSelect__select,
.folderMoveSelect__select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 15px;
}

.folderMoveConfirm__actions,
.folderDeleteConfirm__actions,
.bulkFolderMoveConfirm__actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 15px;
}

.folderDeleteConfirm__text {
  font-size: 16px;
  margin-bottom: 10px;
}

.folderDeleteConfirm__note {
  font-size: 12px;
  color: #666;
  margin-bottom: 15px;
}

/* メッセージリストでのフォルダ情報表示 */
.mypageMessageBoxTray__info--folder {
  background: #f0f7ff;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 5px;
  color: #4a90e2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .mypageMessageBoxTray__info--folder {
    max-width: 100px;
  }
}

/* チェックボックス付きのフォルダ移動機能 */
.mypageMessageBoxTray__info--folder-check {
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.folder-move-checkbox {
  margin-right: 4px;
}

.bulk-actions {
  margin-bottom: 15px;
  padding: 10px 15px;
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
}

.toggle-all-checkbox {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}

.toggle-all-checkbox:hover {
  background: #f0f0f0;
}

.bulk-move-actions {
  display: flex;
  align-items: center;
}

.selected-count-text {
  margin-right: 10px;
  font-weight: bold;
}

.bulk-move-folder-btn {
  padding: 5px 10px;
  background: #4a90e2;
  color: white;
  border: 1px solid #3a80d2;
  border-radius: 4px;
  cursor: pointer;
}

.bulk-move-folder-btn:hover {
  background: #3a80d2;
}

.mypageMessageBoxTray__info--folder-check {
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.folder-move-checkbox {
  margin-right: 5px;
}

.bulk-actions {
  margin: 10px 0;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.toggle-all-checkbox {
  background: #f5f5f5;
  border: 1px solid #ddd;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.toggle-all-checkbox:hover {
  background: #eee;
}

.bulk-move-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.selected-count-text {
  margin-right: 10px;
  font-size: 14px;
  color: #555;
}

.bulk-move-folder-btn {
  background: #f5f5f5;
  border: 1px solid #0071bc;
  color: #0071bc;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.bulk-move-folder-btn:hover {
  background: #e6f2ff;
}

.cancel-folder-selection {
  background: #f5f5f5;
  border: 1px solid #999;
  color: #555;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.cancel-folder-selection:hover {
  background: #eee;
}

.mypageMessageBoxTray__info--folder-check {
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.folder-move-checkbox {
  margin-right: 5px;
}

.bulk-actions {
  margin: 10px 0;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.toggle-all-checkbox {
  background: #f5f5f5;
  border: 1px solid #ddd;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.toggle-all-checkbox:hover {
  background: #eee;
}

.bulk-move-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.selected-count-text {
  margin-right: 10px;
  font-size: 14px;
  color: #555;
}

.bulk-move-folder-btn {
  background: #f5f5f5;
  border: 1px solid #0071bc;
  color: #0071bc;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.bulk-move-folder-btn:hover {
  background: #e6f2ff;
}

.cancel-folder-selection {
  background: #f5f5f5;
  border: 1px solid #999;
  color: #555;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.cancel-folder-selection:hover {
  background: #eee;
}

/* フォルダ移動機能のスタイル */
.mypageMessageBoxTray__info--folder-check {
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.folder-move-checkbox {
  margin-right: 5px;
  accent-color: #0071bc;
  width: 16px;
  height: 16px;
}

.mypageMessageBoxTray__info--folder-check label {
  font-size: 13px;
  cursor: pointer;
  color: #555;
}

/* バルク操作UI */
.bulk-actions {
  margin: 10px 0;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8f9fa;
  border-radius: 5px;
  border: 1px solid #e6e9ec;
}

.bulk-actions__select {
  display: flex;
  align-items: center;
}

.toggle-all-checkbox {
  background: #fff;
  border: 1px solid #ddd;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
}

.toggle-all-checkbox:hover {
  background: #f5f5f5;
}

.show-folder-checkboxes {
  position: relative;
}

.bulk-move-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.selected-count-text {
  margin-right: 10px;
}

/* フォルダ管理UI */

.folderControl__btn {
  margin-left: 10px;
  background: #fff;
  border: 1px solid #3498db;
  color: #3498db;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
}

.folderControl__btn:hover {
  background: #3498db;
  color: #fff;
}

.bulk-move-actions {
  background: #f9f9f9;
  padding: 15px;
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
  border-radius: 4px;
}

.selected-count-text {
  margin-right: 10px;
  font-weight: bold;
  color: #333;
}

.mypageMessageBoxTray__info--folder-check {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.folder-move-checkbox {
  margin-right: 5px;
}

.folderMoveSelect__select {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-right: 5px;
}

/* アイコン表示の修正 */
.folderControl__btn span.icon-folder,
.folderControl__btn i.icon-folder,
button span.icon-folder,
button i.icon-folder {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../img/icon-folder.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

.folderControl__actions .folderControl__btn {
  margin-left: 0;
  font-size: 1.4rem;
}

.folderControl__btn {
  background: #fff;
  border: 1px solid #00588b;
  border-radius: 0.5rem;
  color: #00588b;
  padding: 5px 10px;
  font-size: 14px;
  white-space: nowrap;
}

.folderControl__btn:hover {
  background: #e4eaf5;
  opacity: 0.7;
}
/* フォルダ移動関連のスタイル */
.folder-move-button-container {
  padding: 0 10px 5px;
}

.folder-move-button-container .folderControl__btn {
  margin-left: 0;
  font-size: 1.4rem;
}

.bulk-move-actions {
  display: none;
  margin-top: 15px;
  background: #f8f8f8;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.bulk-move-count {
  margin-bottom: 15px;
}

.selected-count-text {
  font-weight: bold;
  margin: 0;
}

.bulk-move-select {
  margin-bottom: 15px;
  width: 100%;
}

#bulk-move-folder-select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.bulk-move-buttons {
  display: flex;
  align-items: center;
}

.bulk-move-folder-btn {
  margin-right: 10px;
}

/* メッセージいいね機能のスタイル */
.message-like-button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex !important; /* 強制表示 */
  align-items: center;
  color: #aaa;
  transition: all 0.2s ease;
  margin-left: 5px;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 16px;
  opacity: 1 !important; /* 強制表示 */
  visibility: visible !important; /* 強制表示 */
}

.message-like-button:hover {
  color: #ff6b6b;
}

/* アクティブ状態の強化 */
.message-like-button.active,
.message-like-button[data-is-liked="1"] {
  color: #ff6b6b !important;
  font-weight: bold;
}

.mypageMessageBoxTray__liked {
  display: inline-flex;
  align-items: center;
  color: #ff6b6b;
  margin-left: 5px;
  font-size: 1.8rem;
}

.like-count {
  font-size: 1.6rem;
}

/* ハートアイコンを一時的にUnicodeシンボルに置き換え */
.heart-symbol {
  font-style: normal;
  font-size: 1.8rem;
  transition: all 0.2s ease;
}

/* アクティブ状態のハートの大きさは変えない */
.message-like-button.active .heart-symbol,
.message-like-button[data-is-liked="1"] .heart-symbol {
  color: #ff6b6b;
}

/* 左のピンクラインを削除するためのリセット */
.mypageMessageBoxTray__item.liked {
  border-left: none !important;
}

.job-sort {
  padding-top: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.job-sort__label {
  margin-right: 10px;
}

.job-sort__link {
  padding: 5px 10px;
  margin-right: 5px;
  text-decoration: none;
}

.job-sort__link.active {
  background-color: #f0f0f0;
  font-weight: bold;
}

.entryBtn.disabled {
  background-image: linear-gradient(180deg, #d6d6d6, #949494) !important;
  cursor: default;
  color: #fff;
}

/* 本社所在地の表示に関するスタイル */
.js-clear-text--area,
.js-checkTrace-text--area {
  display: inline-block;
  word-break: break-all;
  margin-right: 5px;
}

/* 本社所在地のクリアボタンスタイル */
.js-clear-hide--area {
  display: none;
}

.js-clear-hide--area.active {
  display: inline-block;
}

/* チェックボックスを含む領域のスタイル改善 */
[data-trace-group="area"] {
  cursor: pointer;
}

/* エリアモーダルの選択表示スタイル */
.areaModal__check:checked + label {
  font-weight: bold;
}

/* 検索条件保存機能のスタイル */
.userSearch__savedSearch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 25px;
  width: 100%;
}

.userSearch__savedList {
  display: flex;
  align-items: center;
  flex: 1;
}

.userSearch__savedSelect {
  width: 220px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  margin-right: 10px;
}

.userSearch__buttons {
  display: flex;
  gap: 10px;
}

.userSearch__buttons-foot {
  margin: 20px auto 0;
  text-align: center;
}

.userSearch__applyButton {
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.userSearch__applyButton:hover {
  background: #f0f0f0;
}

.userSearch__saveButton {
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 15px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.userSearch__saveButton:hover {
  background: #f0f0f0;
}

.userSearch__send.highlight {
  animation: search-highlight 1.5s ease;
}

@keyframes search-highlight {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 128, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 128, 255, 0);
  }
}

/* 検索条件保存モーダルのスタイル */
.saveSearchModal {
  position: relative;
  width: 100%;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.saveSearchModal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: #999;
  transition: color 0.3s;
}

.saveSearchModal__close:hover {
  color: #666;
}

.saveSearchModal__head {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.saveSearchModal__title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.saveSearchModal__field {
  margin-bottom: 20px;
}

.saveSearchModal__label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
}

.saveSearchModal__input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

.saveSearchModal__input:focus {
  border-color: #2196f3;
  outline: none;
  box-shadow: 0 0 3px rgba(33, 150, 243, 0.3);
}

.saveSearchModal__list {
  margin-bottom: 20px;
}

.saveSearchModal__subTitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #444;
}

.saveSearchModal__conditions {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px;
  background: #f9f9f9;
}

.saveSearchModal__condition {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.saveSearchModal__condition:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.saveSearchModal__conditionHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.saveSearchModal__conditionName {
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.saveSearchModal__conditionActions {
  display: flex;
  gap: 8px;
}

.saveSearchModal__conditionEdit,
.saveSearchModal__conditionDelete {
  background: none;
  border: none;
  font-size: 12px;
  cursor: pointer;
  padding: 3px 8px;
  border-radius: 3px;
  transition: all 0.2s;
}

.saveSearchModal__conditionEdit {
  color: #2196f3;
}

.saveSearchModal__conditionEdit:hover {
  background: #e3f2fd;
}

.saveSearchModal__conditionDelete {
  color: #f44336;
}

.saveSearchModal__conditionDelete:hover {
  background: #ffebee;
}

.saveSearchModal__buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.saveSearchModal__submit {
  flex: 1;
  background: #2196f3;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s;
}

.saveSearchModal__submit:hover {
  background: #1976d2;
}

.saveSearchModal__cancel {
  flex: 1;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}

.saveSearchModal__cancel:hover {
  background: #e0e0e0;
}

/* モバイル対応 */
@media screen and (max-width: 768px) {
  .saveSearchModal {
    padding: 15px;
  }

  .saveSearchModal__buttons {
    flex-direction: column;
  }

  .saveSearchModal__submit,
  .saveSearchModal__cancel {
    width: 100%;
  }
}

.caution {
  font-size: 1.2rem;
  color: #ce003b;
  padding-left: 5px;
}

@media (max-width: 768px) {
  .send-modal {
    width: 100vw;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .send-modal .modal__box {
    height: 90dvh;
    max-height: 90dvh;
    width: 90vw;
    overflow: hidden;
  }
  .mailCancel.send {
    position: relative;
    right: initial;
    top: initial;
  }
  .mailModal.send-head {
    padding: 0;
  }
  .mypageMain {
    overflow-x: hidden;
  }
  body {
    max-width: 100vw;
    height: 100%;
  }
  .headerUser {
    max-width: 100vw;
  }
  .md-overlay {
    max-width: 100vw;
    left: 0;
  }
  .is-se-btn {
    font-size: 1.2rem;
    height: 3rem;
  }
  .is-se-text {
    font-size: 1.2rem;
  }
  .mypageMessageBoxReturnMail__head-buttonWrap {
    padding: 5px 5px 0 0;
  }
  .mypageMessageBoxReturnMail__head {
    padding: 1rem;
  }
  .mailInputText {
    padding: 0.8rem;
  }
  .mypageMessageBoxReturnMailAttached {
    padding: 0.8rem;
    font-size: 1.2rem;
    max-height: 100px;
    overflow-y: scroll;
  }
  .customFile__input {
    font-size: 1.2rem;
  }
  .customFile__text {
    font-size: 1.2rem;
  }
  .customFile__btn {
    font-size: 1.2rem;
  }
  .customFile__icon {
    font-size: 1.2rem;
  }
  .mailSendHead__body--frame {
    max-height: 80px;
    overflow-y: scroll;
  }
  .userSearch__savedSearch {
    flex-direction: column;
    gap: 10px;
  }
  .job-sort {
    padding-top: 0;
    font-size: 1.2rem;
  }
  .userColumn__subHead {
    padding: 20px;
    font-size: 1.2rem;
  }
}