<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*!
 * ress.css 窶｢ v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

.ss-main {
  position: relative;
  display: inline-block;
  user-select: none;
  color: #666;
  width: 100%;
}

.ss-main .ss-single-selected {
  display: flex;
  cursor: pointer;
  width: 100%;
  height: 30px;
  padding: 6px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  background-color: #fff;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.2s;
}

.ss-main .ss-single-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed;
}

.ss-main .ss-single-selected.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main .ss-single-selected.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-single-selected .placeholder {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: calc(100% - 30px);
  line-height: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ss-main .ss-single-selected .placeholder * {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

.ss-main .ss-single-selected .placeholder .ss-disabled {
  color: #dedede;
}

.ss-main .ss-single-selected .ss-deselect {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  margin: 0 6px 0 6px;
  font-weight: bold;
}

.ss-main .ss-single-selected .ss-deselect.ss-hide {
  display: none;
}

.ss-main .ss-single-selected .ss-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  margin: 0 6px 0 6px;
}

.ss-main .ss-single-selected .ss-arrow span {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transition: transform 0.2s, margin 0.2s;
}

.ss-main .ss-single-selected .ss-arrow span.arrow-up {
  transform: rotate(-135deg);
  margin: 3px 0 0 0;
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down {
  transform: rotate(45deg);
  margin: -3px 0 0 0;
}

.ss-main .ss-multi-selected {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  min-height: 30px;
  width: 100%;
  padding: 0 0 0 3px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  background-color: #fff;
  outline: 0;
  box-sizing: border-box;
  transition: background-color 0.2s;
}

.ss-main .ss-multi-selected.ss-disabled {
  background-color: #dcdee2;
  cursor: not-allowed;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
  color: #666;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main .ss-multi-selected.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main .ss-multi-selected.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-multi-selected .ss-values {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex: 1 1 100%;
  width: calc(100% - 30px);
}

.ss-main .ss-multi-selected .ss-values .ss-disabled {
  display: flex;
  padding: 4px 5px;
  margin: 2px 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: #dedede;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes scaleIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-main .ss-multi-selected .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  font-size: 12px;
  padding: 3px 5px;
  margin: 3px 5px 3px 0px;
  color: #fff;
  background-color: #5897fb;
  border-radius: 4px;
  animation-name: scaleIn;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
  animation-name: scaleOut;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
  margin: 0 0 0 5px;
  cursor: pointer;
}

.ss-main .ss-multi-selected .ss-add {
  display: flex;
  flex: 0 1 3px;
  margin: 9px 12px 0 5px;
}

.ss-main .ss-multi-selected .ss-add .ss-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #666;
  position: relative;
  height: 10px;
  width: 2px;
  transition: transform 0.2s;
}

.ss-main .ss-multi-selected .ss-add .ss-plus:after {
  background: #666;
  content: "";
  position: absolute;
  height: 2px;
  width: 10px;
  left: -4px;
  top: 4px;
}

.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
  transform: rotate(45deg);
}

.ss-content {
  position: absolute;
  width: 100%;
  margin: -1px 0 0 0;
  box-sizing: border-box;
  border: solid 1px #dcdee2;
  z-index: 1010;
  background-color: #fff;
  transform-origin: center top;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  transform: scaleY(0);
}

.ss-content.ss-open {
  display: block;
  opacity: 1;
  transform: scaleY(1);
}

.ss-content .ss-search {
  display: flex;
  flex-direction: row;
  padding: 8px 8px 6px 8px;
}

.ss-content .ss-search.ss-hide {
  height: 0px;
  opacity: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.ss-content .ss-search.ss-hide input {
  height: 0px;
  opacity: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  height: 30px;
  padding: 6px 8px;
  margin: 0;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  background-color: #fff;
  outline: 0;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: textfield;
}

.ss-content .ss-search input::placeholder {
  color: #8a8a8a;
  vertical-align: middle;
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px #5897fb;
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
  flex: 0 0 30px;
  height: 30px;
  margin: 0 0 0 8px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  box-sizing: border-box;
}

.ss-content .ss-addable {
  padding-top: 0px;
}

.ss-content .ss-list {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  padding: 6px 10px 6px 10px;
  font-weight: bold;
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: 6px 6px 6px 25px;
}

.ss-content .ss-list .ss-optgroup-label-selectable {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup-label-selectable:hover {
  color: #fff;
  background-color: #5897fb;
}

.ss-content .ss-list .ss-option {
  padding: 6px 10px 6px 10px;
  cursor: pointer;
  user-select: none;
}

.ss-content .ss-list .ss-option * {
  display: inline-block;
}

.ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted {
  color: #fff;
  background-color: #5897fb;
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  color: #dedede;
  background-color: #fff;
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
  color: #666;
  background-color: rgba(88, 151, 251, 0.1);
}

.ss-content .ss-list .ss-option.ss-hide {
  display: none;
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: #fffb8c;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-focus_outline: rgba(45, 172, 195, .35);
  --color-bg_white: #FFF;
  --color-bg_gray: #F8F8F8;
  --color-bg_lightBlue: #F4F6F9;
  --color-category_1: #628FE5;
  --color-category_2: #65BCAB;
  --color-category_3: #A68DE8;
  --color-category_4: #8FC175;
  --color-category_5: #D1798A;
  --cont-width: 1000px;
  --cont-width_main: 710px;
  --cont-padding: 2rem;
  --header-height: 70px;
  --header-height_narrow: 50px;
  --header-height_sp: 53px;
  --font-size: 16px;
  --font-size_xs: 10px;
  --font-size_sm: 12px;
  --font-size_md: 16px;
  --font-family-heading_en: "Dosis", sans-serif;
  --thumb-ratio: 56.25%;
  --thumb-ratio_thin: 40%;
  --box-shadow_xs: 0 0 3px rgba(0, 0, 0, .16);
  --box-shadow_sm: 0 3px 6px rgba(0, 0, 0, .16);
  --bdr-radius_sm: 5px;
  --bdr-radius_md: 10px;
  --opacity_80: .8;
  --opacity_70: .7;
  --transition_ease: all .3s ease;
}

@media (max-width: 599px) {
  :root {
    --font-size: 16px;
    --cont-padding: 5.3333vw;
    --header-heigth: var(--header-height_sp);
  }
}
/* Legacy constants
   ----------------------------------------------------------------- */
/* ==========================================================================
   Base
   ========================================================================== */
/* Default settings
   ----------------------------------------------------------------- */
body {
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif;
  color: var(--color-txt);
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

a {
  color: var(--color-txt);
  text-decoration: none;
}

img {
  max-width: 100%;
}

ul, li {
  list-style: none;
}

p {
  font-size: 0.75rem;
}

table {
  border-collapse: collapse;
}

/* ==========================================================================
   Layout
   ========================================================================== */
/* Header
   ----------------------------------------------------------------- */
.ly_header {
  position: fixed;
  background-color: #fff;
  width: 100%;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  z-index: 20;
}
.ly_header .ly_header_inner {
  width: calc(var(--cont-width) + var(--cont-padding) * 2);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cont-padding);
  padding-right: var(--cont-padding);
}

@media (max-width: 599px) {
  body.is_headerSearch__open .ly_header,
body.is_noticeMenu__open .ly_header,
body.is_menu__open .ly_header,
body.is_headerLoginMenu__open .ly_header {
    border-bottom: 1px solid #E6E6E6;
    box-shadow: none;
  }
}
/* Content
   ----------------------------------------------------------------- */
.ly_mainWrapper {
  padding-top: var(--header-height);
}

@media (max-width: 599px) {
  .ly_mainWrapper {
    padding-top: var(--header-height_sp);
    overflow: hidden;
  }
}
.ly_cont_wrapper {
  border-top: 1px solid transparent;
  margin-top: -1px;
}
.ly_cont_wrapper.ly_cont_wrapper__bgGray {
  background-color: var(--color-bg_gray);
}
.ly_cont_wrapper.ly_cont_wrapper__bgLightBlue {
  background-color: var(--color-bg_lightBlue);
}

.ly_cont {
  width: calc(var(--cont-width) + var(--cont-padding) * 2);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cont-padding);
  padding-right: var(--cont-padding);
}
.ly_cont .ly_cont_inner {
  padding: 35px 0;
}
.ly_cont.ly_cont__full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.ly_cont.ly_cont__col2 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0 25px;
}

@media (min-width: 1000px) {
  .ly_cont.ly_cont__col2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .ly_cont.ly_cont__col2 .ly_cont_main {
    flex-grow: 1;
    padding-top: 25px;
  }
  .ly_cont.ly_cont__col2 .ly_cont_side {
    padding-top: 25px;
    flex-basis: 265px;
    flex-shrink: 0;
    margin-bottom: 25px;
  }
}
/* Footer
   ----------------------------------------------------------------- */
.ly_footer {
  background-color: #525252;
}
.ly_footer .ly_footer_inner {
  width: calc(var(--cont-width) + var(--cont-padding) * 2);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cont-padding);
  padding-right: var(--cont-padding);
  padding-top: 15px;
  padding-bottom: 30px;
}

/* ==========================================================================
   Element
   ========================================================================== */
/* Lv1 heading
  ----------------------------------------------------------------- */
.el_lv1Heading {
  display: flex;
  align-items: center;
  background: var(--color-main);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.6rem var(--cont-padding);
  line-height: 1.7;
}

@media (min-width: 1000px) {
  .el_lv1Heading {
    font-size: 1.125rem;
    padding: 0.61rem 1.625rem;
  }
}
/* Lv2 heading
  ----------------------------------------------------------------- */
.el_lv2Heading {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--color-main);
  padding-top: 1.25rem;
  padding-left: 0.875rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.38;
}
.el_lv2Heading::before {
  position: absolute;
  display: block;
  content: "";
  background-color: var(--color-main);
  width: 3px;
  left: 0;
  top: calc(1.25rem + 2px);
  bottom: 2px;
}
.el_lv2Heading::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  border-top: 1px dotted;
  left: 0;
  bottom: -10px;
}

@media (min-width: 1000px) {
  .el_lv2Heading {
    padding-top: 1.5rem;
    margin-bottom: 3rem;
  }
  .el_lv2Heading::after {
    bottom: -1rem;
  }
}
/* Lv3 heading
  ----------------------------------------------------------------- */
.el_lv3Heading {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #333;
  padding-left: 0.875rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.38;
}
.el_lv3Heading::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #333;
  width: 1px;
  left: 0;
  top: 2px;
  bottom: 2px;
}

@media (min-width: 1000px) {
  .el_lv3Heading {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
/* Paragraph
  ----------------------------------------------------------------- */
.el_p + .el_p {
  margin-top: 1rem;
}

@media (min-width: 1000px) {
  .el_p {
    font-size: 0.875rem;
  }
}
/* Span
  ----------------------------------------------------------------- */
.el_span {
  display: block;
  font-size: 10px;
}

@media (min-width: 1000px) {
  .el_span {
    font-size: 12px;
  }
}
/* Text
  ----------------------------------------------------------------- */
.el_txt {
  font-size: var(--font-size);
}

/* Text
  ----------------------------------------------------------------- */
.el_link {
  color: var(--color-main);
  text-decoration: underline;
}
.el_link:hover {
  opacity: var(--opacity_70);
}

/* Button
  ----------------------------------------------------------------- */
.el_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 100%;
  height: 45px;
  max-width: 100%;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  padding: 0.5rem 1rem;
  border-radius: var(--bdr-radius_md);
  box-shadow: var(--box-shadow_sm);
  cursor: pointer;
}
.el_btn:focus {
  box-shadow: 0 0 0 2px var(--color-focus_outline);
}
.el_btn:hover {
  opacity: var(--opacity_70);
}
.el_btn.-arw::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_btn_green-9529bb3a17cbfb1036cd506b04b02f0912ad22956f5e515a64b0f3f10787fab2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.el_btn.-round {
  border-radius: 30px;
}
.el_btn.-bgGray {
  background-color: #f5f5f5;
}
.el_btn.-bgGrad {
  background: linear-gradient(110deg, #47d1bf, #00b7c5);
  color: #fff;
  box-shadow: none;
}
.el_btn.-bgGrad.-pink {
  background: linear-gradient(110deg, #e17394, #ec3cb0);
}

@media (max-width: 599px) {
  .el_btn {
    font-size: 1rem;
  }
}
/* Button 2
  ----------------------------------------------------------------- */
.el_btn2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3;
  cursor: pointer;
}
.el_btn2:focus {
  box-shadow: 0 0 0 2px var(--color-focus_outline);
}
.el_btn2:hover {
  opacity: var(--opacity_70);
}
.el_btn2.-arw::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}
.el_btn2.-arw.-pink::before {
  background-image: url(/assets/common/icon_btn_pink2-d032efdd1d8cd1deef1c9f378996f256c22b33920b2b44addaaa4492a1374ae5.svg);
}
.el_btn2.-bgGrad.-pink {
  background: linear-gradient(90deg, #F0728A, #D63BA5);
}
.el_btn2.-bgGrad.-green {
  background: linear-gradient(90deg, #B1E4EF, #D2F0CF);
  color: var(--color-txt);
}

@media (min-width: 768px) {
  .el_btn2 .el_btn2:hover {
    opacity: var(--opacity_80);
  }
}
/* Button 3
  ----------------------------------------------------------------- */
.el_btn3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #f5f5f5;
  color: #484B4B;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  border-radius: 50px;
  cursor: pointer;
}
.el_btn3:focus {
  box-shadow: 0 0 0 2px var(--color-focus_outline);
}
.el_btn3:hover {
  opacity: var(--opacity_70);
}
.el_btn3.-bgWhite {
  background: #fff;
}
.el_btn3.-sm {
  width: auto;
  font-size: 10px;
  padding: 0.25rem 0.5rem;
}
.el_btn3.-icnSwitch::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_btn_switch-71a455f9ecd665ddac15aae6960f0474766a81a990b6e544fcd2f915f4d4ca03.svg);
  background-size: 80%;
  background-position: center;
  background-color: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.el_btn3.-icnEdit::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_edit-838eae5a394b3b791deaa7eb3f821b65dc35ed2f94ab7e3f4281f182c2f62b60.svg);
  background-size: 80%;
  background-position: center;
  background-color: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

/* Button 4
  ----------------------------------------------------------------- */
.el_btn4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #B1E4EF, #D2F0CF);
  width: 100%;
  color: #404040;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  line-height: 1.5;
  border-radius: 50px;
  cursor: pointer;
}
.el_btn4:focus {
  box-shadow: 0 0 0 2px var(--color-focus_outline);
}
.el_btn4:hover:not(.-disabled) {
  opacity: var(--opacity_70);
}
.el_btn4.-disabled {
  pointer-events: none;
}
.el_btn4:disabled {
  background: #DEDEDE;
  color: #fff;
  pointer-events: none;
}
.el_btn4.-pink {
  background: linear-gradient(90deg, #FFE8F2, #FFF5D1);
}
.el_btn4.-deepPink {
  background: linear-gradient(110deg, #F0728A, #D63AA6);
  color: #fff;
}
.el_btn4.-icn::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background-size: contain;
  margin-right: 10px;
}
.el_btn4.-icnPdf::before {
  background-image: url(/assets/common/icon_pdf-abf236e2b5bdd8fc038419dbab70734120351c9fb9ef8eaea02754b8cb25d45e.svg);
  width: 16px;
  height: 18px;
}
.el_btn4.-icnSave::before {
  background-image: url(/assets/common/icon_save-2ec55316d265e6f5c68576070dd8df9b8c4cfca099099f25180e62c86c10138e.svg);
  width: 14.5px;
  height: 14.5px;
}
.el_btn4.-icnArw::before {
  background-image: url(/assets/common/icon_btn_green2-35063630c7aeb3e81ccb598d707a54f62954ef3fda0022f8d478be3bbcb56029.svg);
  width: 16px;
  height: 16px;
}
.el_btn4.-icnArw.-pink::before {
  background-image: url(/assets/common/icon_btn_pink2-d032efdd1d8cd1deef1c9f378996f256c22b33920b2b44addaaa4492a1374ae5.svg);
}
.el_btn4.-icnCircleArw::before {
  background-image: url(/assets/common/icon_btn_circleArw__green-89f7e1969958a0d867138ee308d1b7cfa9c0091440ee4722a7e82c925338c9bb.svg);
  width: 16px;
  height: 16px;
}
.el_btn4.-icnCircleArw.-pink::before {
  background-image: url(/assets/common/icon_btn_circleArw__pink-d032efdd1d8cd1deef1c9f378996f256c22b33920b2b44addaaa4492a1374ae5.svg);
}
.el_btn4.-icnCircleArw.-deepPink::before {
  background-image: url(/assets/common/icon_btn_circleArw__pink-d032efdd1d8cd1deef1c9f378996f256c22b33920b2b44addaaa4492a1374ae5.svg);
}
.el_btn4.-icnSearch::before {
  background-image: url(/assets/common/icon_btn_search-b5304d297e993da1ce9865a8083248d9b35025d81a43f66d8b7ae101053efaf9.svg);
  width: 13px;
  height: 14px;
}

/* Button pr balloon
  ----------------------------------------------------------------- */
.el_btnPrBalloon {
  position: absolute;
  display: block;
  top: 0;
  left: inherit;
  right: inherit;
  background: #fff;
  color: #DE4B9D;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 2px 14px;
  border-radius: 20px;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transform: translateY(-17px);
}
.el_btnPrBalloon::after {
  position: absolute;
  display: block;
  content: "";
  top: 100%;
  left: 50%;
  right: auto;
  border-top: 6px solid #fff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: translateX(-50%);
}
.el_btnPrBalloon.-amzn {
  background: #FFE19D;
  color: var(--color-txt);
}
.el_btnPrBalloon.-amzn::after {
  border-top-color: #FFE19D;
}
.el_btnPrBalloon + .el_btnPrBalloon {
  transform: translateY(-42px);
}

/* Tag
  ----------------------------------------------------------------- */
.el_tag {
  font-size: 11px;
  border: 1px solid;
  border-radius: 5px;
}
.el_tag .el_tag_link {
  display: block;
  color: currentColor;
  padding: 0.25em 0.75em;
}

/* Label
  ----------------------------------------------------------------- */
.el_lbl {
  --lblHeight: 26px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eee;
  height: var(--height);
  padding: 0 10px;
  font-size: 0.75rem;
  font-weight: 700;
}
.el_lbl.-new {
  background: #D73DA4;
  color: #fff;
  font-size: 0.9375rem;
}
.el_lbl.-ranking {
  background: #FCE8A6;
  align-items: flex-end;
  letter-spacing: 0.15em;
  padding-bottom: 2px;
  padding-right: 5px;
  margin-right: 5px;
}
.el_lbl.-ranking::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 100%;
  border-width: calc(var(--lblHeight) / 2) 5px 0px 5px;
  border-color: #FCE8A6 transparent transparent transparent;
  border-style: solid;
  transform: translateX(-50%);
}
.el_lbl.-ranking::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 100%;
  border-width: 0 5px calc(var(--lblHeight) / 2) 5px;
  border-color: transparent transparent #FCE8A6 transparent;
  border-style: solid;
  transform: translateX(-50%);
}
.el_lbl.-ranking .__num {
  font-size: 0.9375rem;
  margin: 0 2px;
  line-height: 1.4;
}
.el_lbl.-award {
  background: linear-gradient(-75deg, #D7F6EB, #EFFCF7 50%, #D8F6EC);
  color: #0387C7;
  min-width: 118px;
}

@media (min-width: 768px) {
  .el_lbl {
    --lblHeight: 23px;
    font-size: 0.625rem;
  }
  .el_lbl.-new {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.85);
    border-radius: var(--bdr-radius_sm);
  }
  .el_lbl.-ranking {
    padding-bottom: 1px;
  }
  .el_lbl.-ranking .__num {
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .el_lbl.-award {
    min-width: 118px;
  }
}
/* Message category
  ----------------------------------------------------------------- */
.el_mesCat {
  display: inline-block;
  background: var(--color-main);
  color: #fff;
  min-width: 53px;
  font-size: 0.625rem;
  text-align: center;
  padding: 0.1rem 0.5rem;
}
.el_mesCat.-green {
  background: #67B48D;
}
.el_mesCat.-pink {
  background: #D17195;
}
.el_mesCat.-blue {
  background: #4686DE;
}

/* Resume progress
   ----------------------------------------------------------------- */
.el_resumeProgress {
  display: block;
  background-image: url(/assets/charts/img_resumeProgress_100per-283a78e108993b29eeb7fef0229f3a9fbb533f0e18b5af9f3467b1833dcdfb77.svg);
  background-size: contain;
  background-position: center;
}
.el_resumeProgress.-per0 {
  background-image: url(/assets/charts/img_resumeProgress_0per-18e880c83349d9ed7e17231897253948156ede8dbe655fb1456ad92b971b68b5.svg);
}
.el_resumeProgress.-per10 {
  background-image: url(/assets/charts/img_resumeProgress_10per-65d2f7128ac46a8fc2bbcb6a104431a3c89a05ab74b9751ab8652a50451b7c55.svg);
}
.el_resumeProgress.-per20 {
  background-image: url(/assets/charts/img_resumeProgress_20per-81321fd930125bce5bae3efe1d50fce50a61a648ffb89bfba0aad0bd949da794.svg);
}
.el_resumeProgress.-per30 {
  background-image: url(/assets/charts/img_resumeProgress_30per-f336406ea7980b277cf53ce874e7979c36e0ab1b913850d710eb51476c7802ef.svg);
}
.el_resumeProgress.-per40 {
  background-image: url(/assets/charts/img_resumeProgress_40per-35ef18830021df2adb86f4db11ad2ef044a54f2b18275c71474469f49e4b6772.svg);
}
.el_resumeProgress.-per50 {
  background-image: url(/assets/charts/img_resumeProgress_50per-97b1f232fc67dfa954649f43e44afc04bf994ac0cdfeef8ce6cfb1ee55388b2a.svg);
}
.el_resumeProgress.-per60 {
  background-image: url(/assets/charts/img_resumeProgress_60per-d376ea6e354449c4c0bf8d96458e250e80f31fa1f2a7f03d7dd1b3cb5338f64d.svg);
}
.el_resumeProgress.-per70 {
  background-image: url(/assets/charts/img_resumeProgress_70per-1a64e9adcc05e2f2f61cb3c24fef3f0fa0023218332c81b427b096d62b65060b.svg);
}
.el_resumeProgress.-per80 {
  background-image: url(/assets/charts/img_resumeProgress_80per-7bda282d7d2e82956b7b2889048192d2e01f4df0d56bf1382466e90a698c7560.svg);
}
.el_resumeProgress.-per90 {
  background-image: url(/assets/charts/img_resumeProgress_90per-1ef91dda45533a0892ce4c7d3241ce2bcbfe955abd86d0e4daea651876dba8f5.svg);
}
.el_resumeProgress.-per100 {
  background-image: url(/assets/charts/img_resumeProgress_100per-283a78e108993b29eeb7fef0229f3a9fbb533f0e18b5af9f3467b1833dcdfb77.svg);
}
.el_resumeProgress.-red.-per0 {
  background-image: url(/assets/charts/img_resumeProgress_0per__red-3ec7bc0b5659aac36d904c72fc83bed7068c9736ea980cdfd0cb7caedf575470.svg);
}
.el_resumeProgress.-red.-per10 {
  background-image: url(/assets/charts/img_resumeProgress_10per__red-195121d1244523f103f9108cc079bcbd55da6cbeea3c08524dd922b570456fda.svg);
}
.el_resumeProgress.-red.-per20 {
  background-image: url(/assets/charts/img_resumeProgress_20per__red-3a36ca62bbe0a7032b61532585c13767807dfc4628e4ef2157abaaf1019af25c.svg);
}
.el_resumeProgress.-red.-per30 {
  background-image: url(/assets/charts/img_resumeProgress_30per__red-843de9d64b6ca1cb9a3186cacf7830cbb3acc1903e4120b5a827225985b3069e.svg);
}
.el_resumeProgress.-red.-per40 {
  background-image: url(/assets/charts/img_resumeProgress_40per__red-bae2bffb72c1eeca5296ad9866f0a032f6639d9fb83b773665b6258bb5958a99.svg);
}
.el_resumeProgress.-red.-per50 {
  background-image: url(/assets/charts/img_resumeProgress_50per__red-4667fcbc13b2f2c2158a10455498048f88211dd72ae6e7a512077f5eb6a4d502.svg);
}
.el_resumeProgress.-red.-per60 {
  background-image: url(/assets/charts/img_resumeProgress_60per__red-10c75ed1d8e0021b6f2f6582bbe42db0393beb57e7972d7b474b63c7c7dd3344.svg);
}
.el_resumeProgress.-red.-per70 {
  background-image: url(/assets/charts/img_resumeProgress_70per__red-5cde82e2d6edff88180e6cf9c31c498d8c5c30b773e3e4388d668cece26ec307.svg);
}
.el_resumeProgress.-red.-per80 {
  background-image: url(/assets/charts/img_resumeProgress_80per__red-392bea62a21d3ab2fe61f9764918a2dc27890780322b0fcfa2429ac05685bbd2.svg);
}
.el_resumeProgress.-red.-per90 {
  background-image: url(/assets/charts/img_resumeProgress_90per__red-4331811c6d919e4b8b17ab86e3ec7766d66d8efab09735965772c385022f3876.svg);
}
.el_resumeProgress.-red.-per100 {
  background-image: url(/assets/charts/img_resumeProgress_100per__red-0fc85978da1f8eeef86cabed813bf6ee8851a0a12285fa5b334a86613b54a697.svg);
}

/* invalid message
   ----------------------------------------------------------------- */
.el_invalidMes {
  display: flex;
  align-items: baseline;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FF0000;
  line-height: 1.5;
}
.el_invalidMes::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background-image: url(/assets/common/icon_invalidMes_excl-04566d33a0d7f72d37b0ce0820a0d43132a24e6d3d8119e0438588921ab5041d.svg);
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  transform: translateY(2px);
}

@media (min-width: 768px) {
  .el_invalidMes {
    font-size: 0.875rem;
  }
}
/* ==========================================================================
   Block
   ========================================================================== */
/* Header copy text
  ----------------------------------------------------------------- */
.bl_headerCopy {
  align-self: center;
  font-size: 10px;
  color: #5F5E5E;
  letter-spacing: 0.12em;
  transform: scale(0.8) translateY(3px);
  transform-origin: bottom left;
}

.bl_headerLogo_dev {
  margin-left: 6px;
  font-size: 16px;
  font-weight: bold;
  color: #2196F3;
}

.bl_headerLogo_stg {
  margin-left: 6px;
  font-size: 16px;
  font-weight: bold;
  color: #F16872;
}

/* Header contents
  ----------------------------------------------------------------- */
.bl_headerConts {
  position: relative;
  display: flex;
  width: 100%;
  height: var(--header-height);
  transition: var(--transition_ease);
}

@media (max-width: 599px) {
  .bl_headerConts {
    height: var(--header-height_sp);
  }
}
@media (min-width: 600px) {
  body:not(.is_headerSearch__open):not(.is_menu__open):not(.is_noticeMenu__open):not(.is_headerLoginMenu__open) .ly_header.-fixed .bl_headerConts {
    height: var(--header-height_narrow);
  }
}
/* Header logo
  ----------------------------------------------------------------- */
.bl_headerLogo .bl_headerLogo_link {
  display: flex;
  align-items: center;
  width: calc(145px + 0.35rem);
  height: 100%;
  padding-right: 1rem;
  transition: var(--transition_ease);
}
.bl_headerLogo .bl_headerLogo_link:hover {
  opacity: var(--opacity_70);
}

@media (max-width: 599px) {
  .bl_headerLogo .bl_headerLogo_link {
    width: calc(112px + 0.35rem);
  }
}
@media (min-width: 600px) {
  body:not(.is_headerSearch__open):not(.is_menu__open):not(.is_noticeMenu__open):not(.is_headerLoginMenu__open) .ly_header.-fixed .bl_headerLogo .bl_headerLogo_link {
    width: calc(125px + 0.35rem);
  }
}
/* Header Nav
  ----------------------------------------------------------------- */
.bl_headerNav {
  position: relative;
  display: flex;
  margin-left: auto;
  z-index: 1;
}
.bl_headerNav .bl_btnWrapper {
  margin-left: 1.5rem;
  gap: 0;
}
.bl_headerNav .bl_btnWrapper .el_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size_sm);
  border-radius: var(--bdr-radius_sm);
  width: 90px;
  height: 30px;
}

@media (max-width: 599px) {
  .bl_headerNav {
    margin-right: calc(-1 * var(--cont-padding));
  }
}
/* Global nav
  ----------------------------------------------------------------- */
.bl_gnav {
  display: flex;
  align-items: center;
}
.bl_gnav .bl_gnav_item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.5rem;
  height: 100%;
}
.bl_gnav .bl_gnav_item:hover {
  opacity: var(--opacity_70);
}
.bl_gnav .bl_gnav_item .__badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: 700;
  top: 5px;
  left: 35px;
  background-color: var(--color-main);
  color: #fff;
  min-width: 14px;
  font-size: 10px;
  line-height: 10px;
  padding: 2px 3px;
  text-indent: 0.05em;
  border-radius: 20px;
}
.bl_gnav .bl_gnav_item .__badge.-red {
  background-color: #D12C2C;
}

@media (max-width: 599px) {
  .bl_gnav .bl_gnav_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 100%;
    font-size: 10px;
    padding: 0;
  }
  .bl_gnav .bl_gnav_item::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    border-left: 1px solid #E6E6E6;
  }
  .bl_gnav .bl_gnav_item.is_active {
    background: var(--color-bg_gray);
    box-shadow: 0 1px 0 var(--color-bg_gray);
  }
  .bl_gnav .bl_gnav_item.is_active.-menu .bl_gnav_itemTxt::before {
    background-image: url(/assets/common/header_icon_close_sp-0581e5c108314616aaa936b5e2ae04b84faec2668b750348de5dd6f98219626b.svg);
  }
  .bl_gnav .bl_gnav_item .bl_gnav_itemTxt {
    transform: scale(0.8);
    white-space: nowrap;
  }
  .bl_gnav .bl_gnav_item .bl_gnav_itemTxt::before {
    display: block;
    content: "";
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 35px;
  }
  .bl_gnav .bl_gnav_item.-search .bl_gnav_itemTxt::before {
    background-size: 21px;
    background-image: url(/assets/common/header_icon_search-3b3bebebad3ee86f356df93a9ff016f320d10c8042a29f979bbaaa0b1bbc3ca4.svg);
  }
  .bl_gnav .bl_gnav_item.-notice .bl_gnav_itemTxt::before {
    background-size: 18px;
    background-image: url(/assets/common/header_icon_bell-cd0757fd74eca3e7fe5fb8c7ae702f3c1f0940a9cf5ed1f0576e7c095288ae75.svg);
  }
  .bl_gnav .bl_gnav_item.-message .bl_gnav_itemTxt::before {
    background-size: 24px;
    background-image: url(/assets/common/header_icon_mail-dc807e6cde99ac4c6b3728a0e145997e15b1481ab57bce04f7be297c1ac1c654.svg);
  }
  .bl_gnav .bl_gnav_item.-menu .bl_gnav_itemTxt::before {
    background-size: 21px;
    background-image: url(/assets/common/header_icon_bars-ca3f80a165a822e15443c9817df7e91e13554b66863a6379bfbaf5368a7c662e.svg);
  }
  .bl_gnav .bl_gnav_item.-heart .bl_gnav_itemTxt::before {
    background-size: 22px;
    background-image: url(/assets/common/header_icon_heart-89054a2d046918ae69ef189c75873ed3618ac3be7af8eba4a6dbf87cb85af74d.svg);
  }
  .bl_gnav .bl_gnav_item.-person .bl_gnav_itemTxt::before {
    background-size: 21px;
    background-image: url(/assets/common/header_icon_person-c7cbff762e2ea5cb58ea36fcf294d85fba4520547265b6d22a8104892600ccaf.svg);
  }
}
@media (min-width: 600px) {
  .bl_gnav .bl_gnav_item:hover {
    cursor: pointer;
  }
  .bl_gnav .bl_gnav_item::after {
    display: block;
    content: "";
    border-top: 10px solid #C7C7C7;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 5px;
    transform: translateY(1px);
  }
  .bl_gnav .bl_gnav_item:not(:last-of-type) {
    margin-right: 1rem;
  }
  .bl_gnav .bl_gnav_item.is_active {
    color: var(--color-main);
  }
  .bl_gnav .bl_gnav_item.is_active::after {
    border-top-color: var(--color-main);
  }
}
/* Header menu
   ----------------------------------------------------------------- */
.bl_headerMenu {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: 20px;
}
.bl_headerMenu .bl_headerMenu_item {
  position: relative;
  display: block;
  background-size: contain;
  background-position: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(40, 142, 160, 0.2);
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
}
.bl_headerMenu .bl_headerMenu_item .__badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  color: #fff;
  /* bugfix: 繝偵Λ繧ｮ繝手ｧ偵ざ縺ｧ縺ｯ繝悶Λ繧ｦ繧ｶ縺ｫ繧医▲縺ｦ隕九◆逶ｮ縺ｫ蟾ｮ逡ｰ縺後〒縺ｦ縺励∪縺�◆繧∬恭譁�ヵ繧ｩ繝ｳ繝域欠螳� */
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: 700;
  top: -5px;
  left: 22px;
  min-width: 17.5px;
  font-size: 11px;
  line-height: 11px;
  padding: 3px 5px;
  text-indent: 0.05em;
  border-radius: 20px;
}
.bl_headerMenu .bl_headerMenu_item .__badge.-red {
  background-color: #D12C2C;
}
.bl_headerMenu .bl_headerMenu_item.-bookmark {
  background-image: url(/assets/common/header_icon_heart-89054a2d046918ae69ef189c75873ed3618ac3be7af8eba4a6dbf87cb85af74d.svg);
  background-size: 15px 13px;
}
.bl_headerMenu .bl_headerMenu_item.-message {
  background-image: url(/assets/common/header_icon_mail-dc807e6cde99ac4c6b3728a0e145997e15b1481ab57bce04f7be297c1ac1c654.svg);
  background-size: 16px 12px;
}
.bl_headerMenu .bl_headerMenu_item.-message.is_active {
  background-image: url(/assets/common/header_icon_mail__white-933c734cec91caea728429e8bb163ab532b2450d07859df9689c02ef73a43f16.svg);
  background-color: var(--color-main);
}
.bl_headerMenu .bl_headerMenu_item.-menu {
  background-image: url(/assets/common/header_icon_bars-ca3f80a165a822e15443c9817df7e91e13554b66863a6379bfbaf5368a7c662e.svg);
  background-size: 13px 10px;
}
.bl_headerMenu .bl_headerMenu_item.-menu.is_active {
  background-image: url(/assets/common/header_icon_close-89a90cad0e1215e4b1c890c981782ee8eaf10d68cf268c12897eb4fecb21cb08.svg);
  background-color: var(--color-main);
}

/* Header search
   ----------------------------------------------------------------- */
.bl_headerSearch {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  padding-top: var(--header-height);
  z-index: 10;
  opacity: 1;
  transition: var(--transition_ease);
}
.bl_headerSearch:not(.is_active) {
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.bl_headerSearch:not(.is_active) .bl_headerSearch_inner {
  transform: translateY(-20px);
}
.bl_headerSearch .bl_headerSearch_inner {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  max-height: 100%;
  overflow: scroll;
  overscroll-behavior: contain;
  transition: var(--transition_ease);
}
.bl_headerSearch .bl_headerSearch_tabs {
  display: flex;
  background: var(--color-bg_gray);
  padding-top: 10px;
}
.bl_headerSearch .bl_headerSearch_tabItem {
  display: flex;
  flex: 1 0 50%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  opacity: 0.5;
}
.bl_headerSearch .bl_headerSearch_tabItem.is_active {
  background: #fff;
  opacity: 1;
}
.bl_headerSearch .bl_headerSearch_tabItem.is_active .bl_headerSearch_tabItemTxt::after {
  position: absolute;
  display: block;
  content: "";
  background-color: var(--color-main);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.bl_headerSearch .bl_headerSearch_tabItemTxt {
  position: relative;
  line-height: 2;
  padding: 0 1px;
  font-size: 0.75rem;
  font-weight: 700;
}
.bl_headerSearch .bl_headerSearch_body {
  height: 100%;
  padding: 17px 0 0;
}
.bl_headerSearch .bl_headerSearch_cont {
  padding-left: var(--cont-padding);
  padding-right: var(--cont-padding);
  margin-left: auto;
  margin-right: auto;
  height: auto;
  opacity: 1;
  transition: var(--transition_ease);
}
.bl_headerSearch .bl_headerSearch_cont:not(.is_active) {
  height: 0 !important;
  min-height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: inherit;
}
.bl_headerSearch .bl_headerSearch_cont .bl_searchForm {
  margin-bottom: 5px;
}
.bl_headerSearch .bl_headerSearch_list {
  position: relative;
  margin-bottom: 14px;
}
.bl_headerSearch .bl_headerSearch_listItem {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
}
.bl_headerSearch .bl_headerSearch_listItem:not(:last-child) {
  border-bottom: 1px solid #E6E6E6;
}
.bl_headerSearch .bl_headerSearch_listItem .__link {
  display: flex;
  align-items: center;
  padding: 0.82rem 0;
}
.bl_headerSearch .bl_headerSearch_listItem .__link:hover {
  opacity: var(--opacity_70);
}
.bl_headerSearch .bl_headerSearch_listItem .__link::after {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_link_arw-85ed1f8e2ae6651bdf59dfcd32ff84870721509163ea14dd4b47a2138a1d2ba7.svg);
  width: 7px;
  height: 11px;
  margin-left: auto;
  margin-right: 3px;
}

@media (max-width: 599px) {
  .bl_headerSearch {
    padding-top: var(--header-height_sp);
  }
  .bl_headerSearch .bl_headerSearch_body {
    background-color: #fff;
  }
}
@media (min-width: 600px) {
  .bl_headerSearch .bl_headerSearch_tabs {
    display: none;
  }
  .bl_headerSearch .bl_headerSearch_body {
    padding: 30px 0 0;
  }
  .bl_headerSearch .bl_headerSearch_cont .bl_searchForm {
    margin-bottom: 22px;
  }
  .bl_headerSearch .bl_headerSearch_cont .bl_headerSearch_list {
    display: flex;
    justify-content: space-between;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
  }
  .bl_headerSearch .bl_headerSearch_cont .bl_headerSearch_listItem {
    border-bottom: none;
  }
  .bl_headerSearch .bl_headerSearch_cont .bl_headerSearch_listItem .__link {
    flex-direction: row-reverse;
    padding: 0;
  }
  .bl_headerSearch .bl_headerSearch_cont .bl_headerSearch_listItem .__link::after {
    margin-left: 5px;
    margin-right: 10px;
  }
  .bl_headerSearch .bl_searchForm_wrapper {
    width: 410px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 999px) {
  .bl_headerSearch .bl_headerSearch_cont.-jobOffer.is_active {
    padding-bottom: 180px;
  }
}
@media (min-width: 1000px) {
  .bl_headerSearch .bl_headerSearch_cont {
    width: calc(795px + var(--cont-padding) * 2);
    min-height: auto !important;
  }
  .bl_headerSearch .bl_jobOfferSearch {
    margin-top: 20px;
  }
  .bl_headerSearch .bl_jobOfferSearch_basics {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .bl_headerSearch .bl_jobOfferSearch_basics .bl_selectBox_wrapper {
    width: 230px;
    min-width: 230px;
  }
  .bl_headerSearch .bl_jobOfferSearch_basics .bl_selectBox_wrapper.-wFull {
    width: 100%;
  }
  .bl_headerSearch .bl_jobOfferSearch_basics .bl_btnWrapper {
    width: 100%;
  }
  .bl_headerSearch .bl_jobOfferSearch_basics_inputs.-jobType .bl_jobOfferSearch_basics_lbl {
    display: none;
  }
  .bl_headerSearch .bl_jobOfferSearch .bl_jobOfferSearch_submit {
    padding-top: 0px;
  }
}
/* Header notice
   ----------------------------------------------------------------- */
.bl_headerNotice {
  position: absolute;
  top: calc(var(--header-height) + 1rem);
  width: 100%;
  z-index: 10;
  transition: top 0.3s ease;
}
.bl_headerNotice .bl_headerNotice_alert {
  box-shadow: var(--box-shadow_sm);
}
.bl_headerNotice.-fixed {
  position: fixed;
  z-index: 20;
}

header.-fixed + .bl_headerNotice.-fixed {
  top: calc(var(--header-height_narrow) + 1rem);
}

@media (max-width: 599px) {
  .bl_headerNotice {
    top: calc(var(--header-height_sp) + 14px);
  }

  header.-fixed + .bl_headerNotice.-fixed {
    top: calc(var(--header-height_sp) + 14px);
  }
}
/* Menu
   ----------------------------------------------------------------- */
.bl_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-bg_gray);
  padding-top: var(--header-height);
  z-index: 2;
  transform: translateX(0);
  transition: var(--transition_ease);
}
.bl_menu:not(.is_active) {
  opacity: 0;
  z-index: -1;
  overflow: hidden;
  transform: translateX(100%);
}
.bl_menu .bl_userMenu {
  height: 100%;
  overflow-y: scroll;
}

@media (max-width: 599px) {
  .bl_menu {
    padding-top: var(--header-height_sp);
    height: 100vh;
  }
}
@media (min-width: 1000px) {
  .bl_menu {
    --menuWidth: 380px;
    width: var(--menuWidth);
    height: calc(100vh - var(--header-height));
    top: var(--header-height);
    left: auto;
    right: 0;
    background: #fff;
    padding-top: 0;
    box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 19;
    transition: var(--transition_ease);
  }
  .bl_menu:not(.is_active) {
    transform: translateX(var(--menuWidth));
  }
  .bl_menu .bl_menu_closeBtn {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 17px;
    right: 100%;
    width: 42px;
    background: var(--color-main);
    color: #fff;
    padding: 15px 5px 9px;
    border-radius: 5px 0 0 5px;
    box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .bl_menu .bl_menu_closeBtn::before {
    display: block;
    content: "";
    background-image: url(/assets/common/icon_userMenu_closeBtn-d05a02335253af761f623df77bcf2178b5ec6f4593694d60831d004f334fb092.svg);
    background-size: contain;
    width: 14px;
    height: 14px;
    font-size: 10px;
  }
  .bl_menu .bl_menu_closeBtn .__txt {
    font-size: 10px;
    color: #fff;
    margin-top: 4px;
    transform: scale(0.9);
  }
}
/* User menu
   ----------------------------------------------------------------- */
.bl_userMenu {
  width: 100%;
  z-index: 2;
  transform: translateX(0);
  transition: var(--transition_ease);
}
.bl_userMenu .bl_userMenu_inner {
  padding-top: var(--cont-padding);
  padding-bottom: var(--cont-padding);
}
.bl_userMenu .bl_userMenu_inner &gt; *:not(:first-child) {
  margin-top: 15px;
}
.bl_userMenu .bl_btnWrapper .el_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  border-radius: var(--bdr-radius_sm);
  height: 40px;
}
.bl_userMenu.-mypage {
  background-color: #fff;
  border-radius: var(--bdr-radius_md);
}
.bl_userMenu.-mypage .bl_userOV {
  padding: 0;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_heading {
  font-size: 0.8125rem;
  padding: 0;
  margin-bottom: 5px;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_heading::before {
  display: none;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_heading::after {
  display: none;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_heading:not(.is_active) + .bl_userMenuItems_body {
  height: auto;
  opacity: 1;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_body {
  padding-left: 15px;
  padding-right: 0;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_item .__link {
  font-weight: 400;
  padding: 0.75rem 0 !important;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_item .__link::after {
  display: none;
}
.bl_userMenu.-mypage .bl_userMenuItems .bl_userMenuItems_item .__count {
  margin-left: auto;
}

@media (max-width: 999px) {
  .bl_userMenu {
    background: var(--color-bg_gray);
    max-height: calc(100vh - var(--header-height_sp));
  }
  .bl_userMenu .bl_userMenu_inner &gt; *:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) {
  .bl_userMenu {
    background: #F8F8F8;
  }
  .bl_userMenu .bl_userMenu_inner {
    padding: 20px;
  }
}
/* header login menu
   ----------------------------------------------------------------- */
.bl_headerLoginMenu {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  padding-top: var(--header-height_sp);
  z-index: 10;
  opacity: 1;
  transition: var(--transition_ease);
}
.bl_headerLoginMenu .bl_headerLoginMenu_inner {
  background: #F8F8F8;
  padding-left: var(--cont-padding);
  padding-right: var(--cont-padding);
}
.bl_headerLoginMenu .bl_headerLoginMenu_body {
  padding: 20px 0;
}
.bl_headerLoginMenu .bl_headerLoginMenu_btnWrapper .el_btn {
  margin: 0 !important;
  font-size: 0.875rem;
  border-radius: var(--bdr-radius_sm);
}
.bl_headerLoginMenu:not(.is_active) {
  padding-top: var(--header-height_sp);
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

/* User menu login btn
   ----------------------------------------------------------------- */
.bl_userMenuLoginBtns {
  margin-bottom: 20px;
  gap: 0 !important;
}

/* User overview
   ----------------------------------------------------------------- */
.bl_userOV {
  position: relative;
  display: flex;
  background: #fff;
  padding: 18px 20px;
  border-radius: var(--bdr-radius_md);
}
.bl_userOV .bl_userOV_icnWrapper {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  margin-right: 10px;
}
.bl_userOV .bl_userOV_name {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 9px;
  line-height: 1.1;
  letter-spacing: 0.1em;
}
.bl_userOV .bl_userOV_name .__txt {
  display: inline-block;
  color: var(--color-main);
  font-size: 1.125rem;
  line-height: 1.2;
  border-bottom: 1px solid;
}
.bl_userOV .bl_userOV_name .__txtSmall {
  display: inline-block;
  font-size: 10px;
  transform: translateY(1px);
}
.bl_userOV .bl_userOV_point {
  background-color: rgba(45, 172, 195, 0.08);
  display: flex;
  align-items: center;
  font-size: 10px;
  padding: 0.18rem 0.65rem;
  white-space: nowrap;
  border-radius: 20px;
  letter-spacing: 0.1em;
}
.bl_userOV .bl_userOV_point:hover {
  opacity: var(--opacity_70);
}
.bl_userOV .bl_userOV_point .__num {
  color: var(--color-main);
  font-weight: 700;
}
.bl_userOV .bl_userOV_point::after {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_btn_green-9529bb3a17cbfb1036cd506b04b02f0912ad22956f5e515a64b0f3f10787fab2.svg);
  background-size: contain;
  background-position: center;
  width: 11px;
  height: 11px;
  margin-left: 8px;
}
.bl_userOV .bl_userOV_op {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

@media (min-width: 1000px) {
  .bl_userOV {
    margin-bottom: 15px;
  }
  .bl_userOV .bl_userOV_op {
    font-size: 11px;
    margin-top: 5px;
  }
}
/* User menu button list
   ----------------------------------------------------------------- */
.bl_userMenuBtns {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
}
.bl_userMenuBtns .bl_userMenuBtns_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 100%;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 0.65rem 0.25rem 0.65rem 0.875rem;
  border-radius: 5px;
}
.bl_userMenuBtns .bl_userMenuBtns_item::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 15px;
  height: 15px;
  margin-right: 0.5rem;
  margin-left: -1rem;
}
.bl_userMenuBtns .bl_userMenuBtns_item .__badge {
  position: absolute;
  display: block;
  top: -6px;
  right: -6px;
  color: #fff;
  font-size: 10px;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  border-radius: 50%;
}
.bl_userMenuBtns .bl_userMenuBtns_item.-follow::before {
  background-image: url(/assets/common/icon_menu_bookmark-6e74d77dbbb5f1ef41b16a0fd9911600241c1312b94d6fe2a878e4024ab025e3.svg);
}
.bl_userMenuBtns .bl_userMenuBtns_item.-follow .__badge {
  background-color: var(--color-main);
}
.bl_userMenuBtns .bl_userMenuBtns_item.-follow.-disabled {
  background: #D9D9D9;
  color: #fff;
}
.bl_userMenuBtns .bl_userMenuBtns_item.-follow.-disabled::before {
  background-image: url(/assets/common/icon_menu_bookmark__white-d2d212fdb7010f513d11d0c7aec48fe28e7f2fa284e239210c50b6f09fd185b5.svg);
}
.bl_userMenuBtns .bl_userMenuBtns_item.-bookmark::before {
  background-image: url(/assets/common/icon_menu_heart-404f73fab3ba3b7b6f5eaaa6d2ce1fce48b37ef1b5f1a8eaafabdcc82993eac6.svg);
}
.bl_userMenuBtns .bl_userMenuBtns_item.-bookmark .__badge {
  background-color: #E89F9F;
}

/* Resume overview
   ----------------------------------------------------------------- */
.bl_resumeOV {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 0;
  margin-bottom: 20px;
}
.bl_resumeOV::before, .bl_resumeOV::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: -20px;
  background-color: var(--color-bg_gray);
  width: calc(100% + 40px);
  height: 2px;
}
.bl_resumeOV::after {
  top: 100%;
}
.bl_resumeOV .bl_resumeOV_chartWrapper {
  background-size: contain;
  width: 82px;
  height: 82px;
  margin-left: 10px;
  margin-right: 15px;
  flex-shrink: 0;
}
.bl_resumeOV .bl_resumeOV_link {
  display: block;
}
.bl_resumeOV .bl_resumeOV_link:hover {
  opacity: var(--opacity_70);
}

/* User menu items
   ----------------------------------------------------------------- */
.bl_userMenuItems {
  background-color: #fff;
  border-radius: 10px;
}
.bl_userMenuItems .bl_userMenuItems_heading {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 15px 20px;
  cursor: pointer;
}
.bl_userMenuItems .bl_userMenuItems_heading .__lblLoginRequired {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  color: #D0B468;
  border: 1px solid;
  padding: 0.1rem 0.5rem;
  margin-left: 10px;
}
.bl_userMenuItems .bl_userMenuItems_heading .__lblLoginRequired::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_menu_lock-b1b76a555eb9200aafc8c98b111b01e2d09f9c4f62b77f32fbb8eebc580331a4.svg);
  background-size: contain;
  width: 8px;
  height: 11px;
  margin-right: 5px;
}
.bl_userMenuItems .bl_userMenuItems_heading::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.bl_userMenuItems .bl_userMenuItems_heading::after {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_btn_plus-e6ce98e89cf791b0f2bc7d3c6912ab5ee24685bfb56cbe7e35387ebb2a461a7a.svg);
  background-color: var(--color-bg_gray);
  background-position: center;
  margin-left: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: translateX(8px);
}
.bl_userMenuItems .bl_userMenuItems_heading.is_active::after {
  background-image: url(/assets/common/icon_btn_mainas-4a40864a065cfb39c99b5a0f2b0a6511f24b00df33111896eb1111e48ecc05bc.svg);
}
.bl_userMenuItems .bl_userMenuItems_heading:not(.is_active) + .bl_userMenuItems_body {
  height: 0;
  opacity: 0;
}
.bl_userMenuItems .bl_userMenuItems_heading:not(.is_active) + .bl_userMenuItems_body .bl_userMenuItems_item .__link {
  padding: 0;
}
.bl_userMenuItems .bl_userMenuItems_heading.-myMenu::before {
  background-image: url(/assets/common/icon_menu_myMenu-1d440e24cce8bd2645f86d95103c82529ae62ae2e8d5b9bafcbc271c27647084.svg);
  background-size: 17px 16px;
}
.bl_userMenuItems .bl_userMenuItems_heading.-comment::before {
  background-image: url(/assets/common/icon_menu_comment-70c707d5463b4975449ee468fb22b6bb0bd66c57d417599136170b9c6d5e6de1.svg);
  background-size: 21px 15px;
}
.bl_userMenuItems .bl_userMenuItems_heading.-jobOffer::before {
  background-image: url(/assets/common/icon_menu_jobOffer-57511b08dce3df917a95a3b54dcc2b19014a745bf4f72f8da48bd7b6aa589fe7.svg);
  background-size: 19px 22px;
}
.bl_userMenuItems .bl_userMenuItems_heading.-about::before {
  background-image: url(/assets/common/icon_menu_about-ad03bfc5f2b69d77988b0df5c42b1883adbcc6a25c509512f063eabdaea530ab.svg);
  background-size: 15px 17px;
}
.bl_userMenuItems .bl_userMenuItems_body {
  padding: 0 20px;
  overflow: hidden;
  transition: var(--transition_ease);
}
.bl_userMenuItems .bl_userMenuItems_body.-disabled {
  filter: grayscale(100%);
  opacity: 0.5;
}
.bl_userMenuItems .bl_userMenuItems_body .bl_btnWrapper {
  padding-top: 5px;
  padding-bottom: 18px;
}
.bl_userMenuItems .bl_userMenuItems_item {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #D0D0D0;
}
.bl_userMenuItems .bl_userMenuItems_item .__link {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75rem 0;
  font-size: 0.75rem;
  font-weight: 700;
  transition: var(--transition_ease);
}
.bl_userMenuItems .bl_userMenuItems_item .__link:hover {
  opacity: var(--opacity_70);
}
.bl_userMenuItems .bl_userMenuItems_item .__link::after {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_menu_arw-16902767663b9d76dbb5973edbc6774ad0fe1fb207157bba19d5479a231b153b.svg);
  background-size: contain;
  margin-left: auto;
  width: 7px;
  height: 12px;
}
.bl_userMenuItems .bl_userMenuItems_item .__count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background: var(--color-main);
  color: #fff;
  padding: 0.5em 0.75em;
  line-height: 1;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
}
.bl_userMenuItems .bl_userMenuItems_item:last-of-type {
  border-bottom: none;
}
.bl_userMenuItems .bl_userMenuItems_item.-disabled {
  filter: grayscale(100%);
  opacity: 0.5;
}
.bl_userMenuItems .bl_userMenuItems_item.-disabled .__link {
  pointer-events: none;
}
.bl_userMenuItems .bl_userMenuItems_item.-disabled .__link:hover {
  opacity: initial;
}
.bl_userMenuItems + .bl_userMenuItems {
  margin-top: 15px;
}

/* User menu banners
   ----------------------------------------------------------------- */
.bl_userMenuBnrs {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 0;
  margin-bottom: 15px;
}
.bl_userMenuBnrs .bl_userMenuBnrs_item {
  display: block;
}
.bl_userMenuBnrs .bl_userMenuBnrs_img {
  width: 100%;
}

/* User menu link
   ----------------------------------------------------------------- */
.bl_userMenuLink {
  display: flex;
  align-items: center;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 15px 20px;
  border-radius: 10px;
}
.bl_userMenuLink::after {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_menu_arw-16902767663b9d76dbb5973edbc6774ad0fe1fb207157bba19d5479a231b153b.svg);
  background-size: contain;
  margin-left: auto;
  width: 7px;
  height: 12px;
}

/* Breadcrumb
   ----------------------------------------------------------------- */
.bl_breadcrumb {
  background-color: #EDEDED;
  width: 100%;
  overflow: hidden;
}
.bl_breadcrumb .bl_breadcrumb_inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: calc(var(--cont-width) + var(--cont-padding) * 2);
  max-width: auto;
  padding-left: var(--cont-padding);
  padding-right: var(--cont-padding);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
}
.bl_breadcrumb .bl_breadcrumb_item {
  display: flex;
  align-items: baseline;
}
.bl_breadcrumb .bl_breadcrumb_item:not(:last-of-type)::after {
  display: block;
  content: "&gt;";
  font-size: 10px;
  font-weight: 700;
  margin: 0 0.5rem;
}
.bl_breadcrumb .bl_breadcrumb_link {
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 8px 0;
}
.bl_breadcrumb .bl_breadcrumb_link.-currentLink {
  opacity: 0.5;
}
.bl_breadcrumb .bl_breadcrumb_link:not(.-currentLink):hover {
  opacity: var(--opacity_70);
}
.bl_breadcrumb .bl_breadcrumb_txt {
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 599px) {
  .bl_breadcrumb .bl_breadcrumb_inner {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .bl_breadcrumb .bl_breadcrumb_item:not(:last-of-type)::after {
    color: #C4C4C4;
  }
}
/* Comment slider
  ----------------------------------------------------------------- */
.bl_commentSlider .bl_commentSlider_itemList {
  padding-bottom: 0px;
}
.bl_commentSlider .bl_commentSlider_itemWrapper {
  border-radius: var(--bdr-radius_md);
  background-color: #fff;
  margin: 20px 10px;
  padding: 17px;
}
.bl_commentSlider .slick-arrow {
  position: absolute;
  display: block;
  background-image: url(/assets/common/slick_arrow-928ab060847da6c2533b224a26f71c0ef35435fda6e83f88c617538b86ae3d8f.svg);
  background-position: center;
  background-color: #fff;
  top: 50%;
  width: 50px;
  height: 54px;
  font-size: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 0 10px 10px 0;
  transform: translateY(-50%);
  z-index: 1;
}
.bl_commentSlider .slick-arrow.slick-prev {
  left: 0;
}
.bl_commentSlider .slick-arrow.slick-next {
  right: 0;
  transform: translateY(-50%) scaleX(-1);
}

@media (min-width: 600px) {
  .bl_commentSlider .bl_commentSlider_itemWrapper {
    width: 350px !important;
  }
}
/* Comment slider item
  ----------------------------------------------------------------- */
.bl_commentSliderItem .bl_commentSliderItem_ttl {
  text-align: center;
  margin-bottom: 15px;
}
.bl_commentSliderItem .bl_commentSliderItem_ttlTxt {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}
.bl_commentSliderItem .bl_commentSliderItem_ttlRate {
  display: flex;
}
.bl_commentSliderItem .bl_commentSliderItem_cont {
  display: flex;
  justify-content: space-between;
}
.bl_commentSliderItem .bl_commentSliderItem_icnWrapper {
  flex: 0 0 70px;
  max-width: 70px;
}
.bl_commentSliderItem .bl_commentSliderItem_icn {
  width: 45px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}
.bl_commentSliderItem .bl_commentSliderItem_icnTxt {
  font-size: 9px;
  line-height: 1.6;
  color: #5C5C5C;
  text-align: center;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi {
  position: relative;
  flex: 1 0 100px;
  background-color: #F8F8F8;
  margin-left: 8px;
  padding: 15px;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #F8F8F8 transparent transparent;
  position: absolute;
  top: 20px;
  left: -10px;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiTtl {
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 2px;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiRate {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiRate:before {
  content: "";
  color: #fff;
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiRateTxt {
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  color: #628FE5;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category1 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_1);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category2 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_2);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category3 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_3);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category4 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_4);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category5 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_5);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category6 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_1);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category7 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_1);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category8 .bl_commentSliderItem_fukidashiTtl {
  color: var(--color-category_1);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category1 .bl_commentSliderItem_fukidashiRate:before {
  background-image: url(/assets/common/icon_category1-33304fbf60f7e0cdb2a59e36be69379573e81aa6a521e19831bf72bda5106ba7.svg);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category2 .bl_commentSliderItem_fukidashiRate:before {
  background-image: url(/assets/common/icon_category2-0cd2c3933066c34bc471a6a64c497d6f776082c625522bcb860b6b7e93c0ed39.svg);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category3 .bl_commentSliderItem_fukidashiRate:before {
  background-image: url(/assets/common/icon_category3-f7b0e9c18f10401173fbeed505a0444bb0c7bccfd15729993e79ce3ec90ea000.svg);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category4 .bl_commentSliderItem_fukidashiRate:before {
  background-image: url(/assets/common/icon_category4-7631ecda74699aa124b886f806d6d20b638a44aecfe43463775f23387c9d8d6e.svg);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi.-category5 .bl_commentSliderItem_fukidashiRate:before {
  background-image: url(/assets/common/icon_category5-8eb279a83c784ce1665e25b96a048033422b4f909880d10266449afb57c264cb.svg);
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiTxt {
  font-size: 11px;
  line-height: 1.7;
  color: #050505;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiTxt a {
  text-decoration: underline;
}
.bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiTxt a:hover {
  opacity: var(--opacity_70);
}

@media (max-width: 599px) {
  .bl_commentSliderItem .bl_commentSliderItem_icnWrapper {
    max-width: 55px;
    margin-right: 5px;
  }
  .bl_commentSliderItem .bl_commentSliderItem_ttlTxt {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  .bl_commentSliderItem .bl_commentSliderItem_ttlRate {
    justify-content: center;
  }
}
@media (min-width: 600px) {
  .bl_commentSliderItem .bl_commentSliderItem_ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .bl_commentSliderItem .bl_commentSliderItem_icnWrapper {
    flex: 0 0 60px;
    max-width: 60px;
  }
  .bl_commentSliderItem .bl_commentSliderItem_icn {
    margin-left: 3px;
  }
  .bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiTtlWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
  .bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiRate {
    text-align: right;
  }
  .bl_commentSliderItem .bl_commentSliderItem_fukidashi .bl_commentSliderItem_fukidashiTxt {
    font-size: 10px;
  }
}
/* Footer contents
   ----------------------------------------------------------------- */
.bl_footerConts {
  display: flex;
  gap: 30px;
  padding-top: 20px;
  margin-bottom: 10px;
}
.bl_footerConts .bl_footerCont {
  width: calc(33.3333% - 20px);
}

@media (max-width: 599px) {
  .bl_footerConts {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
  }
  .bl_footerConts .bl_footerCont {
    width: 100%;
  }
}
/* Footer content
  ----------------------------------------------------------------- */
.bl_footerCont {
  color: #fff;
}
.bl_footerCont .bl_footerCont_heading {
  font-family: var(--font-family-heading_en);
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid;
  padding: 5px 0;
  margin-bottom: 10px;
}

/* Footer nav
  ----------------------------------------------------------------- */
.bl_footerNav {
  display: flex;
  flex-wrap: wrap;
}
.bl_footerNav .bl_footerNav_item {
  width: 50%;
  font-size: 10px;
}
.bl_footerNav .bl_footerNav_link {
  display: flex;
  align-items: flex-start;
  color: #fff;
  padding: 10px 20px 10px 0;
}
.bl_footerNav .bl_footerNav_link::before {
  display: block;
  content: "";
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-right: 10px;
  transform: translateY(5px) rotate(45deg);
}
.bl_footerNav .bl_footerNav_link:hover {
  opacity: var(--opacity_80);
}

/* Footer share buttons
  ----------------------------------------------------------------- */
.bl_footerShareBtns {
  position: relative;
  text-align: center;
}
.bl_footerShareBtns .bl_footerShareBtns_heading {
  font-family: var(--font-family-heading_en);
  font-size: 1rem;
  font-weight: 700;
  color: #FFF;
  margin-bottom: 15px;
}
.bl_footerShareBtns .bl_footerShareBtns_items {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.bl_footerShareBtns .bl_footerShareBtns_item {
  width: 45px;
}
.bl_footerShareBtns .bl_footerShareBtns_link {
  display: block;
}
.bl_footerShareBtns .bl_footerShareBtns_link:hover {
  opacity: var(--opacity_70);
}

/* Footer copyright
  ----------------------------------------------------------------- */
.bl_footerCopy {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  margin-top: 15px;
}

/* Content heading
  ----------------------------------------------------------------- */
.bl_contHeading_wrapper {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}
.bl_contHeading_wrapper .bl_contHeading {
  font-size: 1.25rem;
}
.bl_contHeading_wrapper .bl_contHeading_sub {
  font-family: var(--font-family-heading_en);
  font-size: 0.875rem;
  font-weight: 700;
}

/* Button wrapper
  ----------------------------------------------------------------- */
.bl_btnWrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.bl_btnWrapper.-col3 {
  --gap-size: 18px;
  flex-wrap: wrap;
  gap: var(--gap-size);
}
.bl_btnWrapper.-col3 .el_btn {
  width: calc((100% - var(--gap-size) * 2) / 3);
}
.bl_btnWrapper .el_btn:not(:first-of-type) {
  margin-left: 1rem;
}
.bl_btnWrapper.-alignC {
  justify-content: center;
}
.bl_btnWrapper.-alignR {
  justify-content: flex-end;
}
.bl_btnWrapper.-directionV {
  flex-direction: column;
}

/* Button list
  ----------------------------------------------------------------- */
.bl_btnList {
  --gap-size: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-size);
}

@media (max-width: 599px) {
  .bl_btnList .bl_btnList_item {
    width: 100%;
  }
  .bl_btnList.-col2sp {
    --gap-size: 16px;
  }
  .bl_btnList.-col2sp .bl_btnList_item {
    width: calc((100% - var(--gap-size) * 1) / 2);
  }
}
@media (min-width: 600px) {
  .bl_btnList.-col3 {
    --gap-size: 18px;
  }
  .bl_btnList.-col3 .bl_btnList_item {
    width: calc((100% - var(--gap-size) * 2) / 3);
  }
  .bl_btnList.-col4 {
    --gap-size: 25px;
  }
  .bl_btnList.-col4 .bl_btnList_item {
    width: calc((100% - var(--gap-size) * 3) / 4);
  }
  .bl_btnList.-col5 {
    --gap-size: 18px;
  }
  .bl_btnList.-col5 .bl_btnList_item {
    width: calc((100% - var(--gap-size) * 4) / 5);
  }
}
/* Tag list
  ----------------------------------------------------------------- */
.bl_tagList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Search tabs
  ----------------------------------------------------------------- */
.bl_searchTabs {
  margin: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.bl_searchTabs .bl_searchTabs_inner {
  position: relative;
}
.bl_searchTabs .bl_searchTabs_btnList {
  display: flex;
  width: 100%;
}
.bl_searchTabs .bl_searchTabs_btnItem {
  flex: 0 0 50%;
  height: 43px;
  background-color: var(--color-main);
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bl_searchTabs .bl_searchTabs_btnItem.left {
  border-radius: 10px 1px 1px 1px;
}
.bl_searchTabs .bl_searchTabs_btnItem.right {
  border-radius: 1px 10px 1px 1px;
}
.bl_searchTabs .bl_searchTabs_btnItem:not(.-active) {
  cursor: pointer;
}
.bl_searchTabs .bl_searchTabs_btnItem:not(.-active) .bl_searchTabs_btnTxt {
  color: #fff;
}
.bl_searchTabs .bl_searchTabs_btnItem:not(.-active):hover {
  opacity: var(--opacity_70);
}
.bl_searchTabs .bl_searchTabs_btnItem.-active {
  background-color: rgba(255, 255, 255, 0.9);
}
.bl_searchTabs .bl_searchTabs_btnTxt {
  font-size: 14px;
  font-weight: bold;
}
.bl_searchTabs .bl_searchTabs_contList {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
}
.bl_searchTabs .bl_searchTabs_contItem {
  display: block;
}
.bl_searchTabs .bl_searchTabs_contItem:not(.-active) {
  display: none;
}
.bl_searchTabs .bl_searchTabs_formJobOffer {
  display: flex;
  align-items: center;
}
.bl_searchTabs .bl_searchTabs_formJobOffer .bl_selectBox_wrapper {
  flex-grow: 1;
  flex-basis: 100%;
  align-self: stretch;
}
.bl_searchTabs .bl_searchTabs_formJobOffer .bl_selectBox_wrapper .bl_selectBox {
  min-width: auto;
  color: #333;
  padding: 0.5rem;
}
.bl_searchTabs .bl_searchTabs_formJobOffer .__crossMark {
  position: relative;
  display: block;
  content: "";
  width: 0;
  height: 0;
  padding: 0 14px;
}
.bl_searchTabs .bl_searchTabs_formJobOffer .__crossMark::before, .bl_searchTabs .bl_searchTabs_formJobOffer .__crossMark::after {
  position: absolute;
  display: block;
  content: "";
  background: #aaa;
  width: 17px;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.bl_searchTabs .bl_searchTabs_formJobOffer .__crossMark::after {
  transform: translateX(-50%) rotate(-45deg);
}
.bl_searchTabs .bl_searchTabs_formJobOffer_submitBtn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-main);
  color: #fff;
  height: 38px;
  width: 62px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 5px;
  margin-left: 10px;
}
.bl_searchTabs .bl_searchTabs_formJobOffer_submitBtn:hover {
  opacity: var(--opacity_70);
}
.bl_searchTabs .bl_searchTabs_formJobOffer_submitBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_search_white-1738278fca884f0c58f264d47c12818eafe0be07f2571941d72fbc922bbb56ba.svg);
  background-size: contain;
  margin-right: 5px;
  width: 12px;
  height: 12px;
}
.bl_searchTabs .bl_searchTabs_formJobOffer_submitBtnTxt {
  letter-spacing: 0.1em;
}

@media (max-width: 767px) {
  .bl_searchTabs .bl_searchTabs_btnItem.left,
.bl_searchTabs .bl_searchTabs_btnItem.right {
    border-radius: 10px 10px 0 0;
  }
}
@media (min-width: 768px) {
  .bl_searchTabs {
    width: 600px;
    height: 138px;
    border-radius: 10px;
  }
  .bl_searchTabs .bl_searchTabs_btnItem {
    background-color: var(--color-main);
    height: 48px;
  }
  .bl_searchTabs .bl_searchTabs_contList {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 22px 30px 25px;
  }
  .bl_searchTabs .bl_searchTabs_formJobOffer .bl_selectBox {
    font-size: 0.875rem;
  }
  .bl_searchTabs .bl_searchTabs_formJobOffer .__crossMark {
    padding: 0 20px;
  }
  .bl_searchTabs .bl_searchTabs_formJobOffer_submitBtn {
    height: 44px;
    width: 95px;
    font-size: 0.875rem;
    border-radius: 25px;
    margin-left: 1rem;
  }
  .bl_searchTabs .bl_searchTabs_formJobOffer_submitBtn::before {
    width: 14px;
    height: 14px;
  }
}
/* Search form
  ----------------------------------------------------------------- */
.bl_searchForm .bl_searchForm_inner {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}
.bl_searchForm .bl_searchForm_input {
  display: block;
  flex: 1 1 auto;
  height: 38px;
  color: #333;
  background-color: #fff;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
  padding: 15px;
  border-radius: 0;
  font-size: 0.875rem;
  line-height: 1;
}
.bl_searchForm .bl_searchForm_input:focus {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16) inset;
}
.bl_searchForm .bl_searchForm_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 70px;
  max-width: 70px;
  height: 38px;
  outline: none;
  border-radius: 0 20px 20px 0;
  padding-right: 8px;
  margin-left: -1px;
  background-color: var(--color-main);
  line-height: 1;
  font-weight: bold;
  color: #fff;
  transition: var(--transition_ease);
}
.bl_searchForm .bl_searchForm_btn:hover {
  opacity: 0.8;
}
.bl_searchForm .bl_searchForm_btn::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_search_white-1738278fca884f0c58f264d47c12818eafe0be07f2571941d72fbc922bbb56ba.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.bl_searchForm .bl_searchForm_btnTxt {
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
}

@media (min-width: 768px) {
  .bl_searchForm .bl_searchForm_input {
    height: 44px;
    padding: 15px 20px;
  }
  .bl_searchForm .bl_searchForm_btn {
    flex: 0 0 90px;
    max-width: 90px;
    height: 44px;
    border-radius: 0 22px 22px 0;
    padding-right: 0;
    margin-left: 0;
  }
  .bl_searchForm .bl_searchForm_btn::before {
    width: 14px;
    height: 14px;
  }
  .bl_searchForm .bl_searchForm_btnTxt {
    font-size: 0.875rem;
  }
}
/* Select box
  ----------------------------------------------------------------- */
.bl_selectBox_wrapper {
  position: relative;
  font-size: 0;
  width: 100%;
  max-width: 100%;
  border-radius: var(--bdr-radius_sm);
}
.bl_selectBox_wrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 0.75rem;
  border-top: 8px solid var(--color-main);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 0;
}
.bl_selectBox_wrapper .bl_selectBox {
  position: relative;
  padding: 0.5rem 0.75rem;
  border: 1px solid #E2E2E2;
  font-size: 12px;
  color: var(--color-txt);
  width: 100%;
  height: 100%;
  border-radius: var(--bdr-radius_sm);
  z-index: 1;
  cursor: pointer;
}
.bl_selectBox_wrapper .bl_selectBox:placeholder-shown {
  text-overflow: ellipsis;
}
.bl_selectBox_wrapper .bl_selectBox:focus {
  outline: 2px solid var(--color-focus_outline);
}
.bl_selectBox_wrapper .bl_selectBox:disabled {
  color: #D1D1D1;
  background: rgba(0, 0, 0, 0.1);
}
.bl_selectBox_wrapper .bl_selectBox:invalid {
  color: #666;
}
.bl_selectBox_wrapper.-disabled::after {
  border-top-color: #EAEAEA;
}
.bl_selectBox_wrapper.-disabled::after .bl_selectBox {
  color: #898989;
}
.bl_selectBox_wrapper.-bgWhite {
  background: #FFF;
}
.bl_selectBox_wrapper.-bgWhite .bl_selectBox {
  border-color: #EFEFEF;
}
.bl_selectBox_wrapper.-bgGray {
  background: #F7F7F7;
}
.bl_selectBox_wrapper.-bgGray .bl_selectBox {
  border-color: #EFEFEF;
}
.bl_selectBox_wrapper.-bgLightBlue {
  background: #F4F6F9;
}
.bl_selectBox_wrapper.-bgLightBlue .bl_selectBox {
  border-color: #F4F6F9;
}
.bl_selectBox_wrapper.-arwPink::after {
  border-top-color: #D73CA4;
}

/* Select box list
  ----------------------------------------------------------------- */
.bl_selectBoxList {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  font-size: 0;
}

@media (min-width: 1000px) {
  .bl_selectBoxList {
    flex-direction: row;
    gap: 15px;
  }
}
/* Job offer search
  ----------------------------------------------------------------- */
.bl_jobOfferSearch .bl_jobOfferSearch_basics_jobType .bl_jobOfferSearch_basics_lbl {
  justify-content: flex-start !important;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_lbl {
  display: flex;
  align-items: center;
  color: #A3A3A3;
  font-size: 0.875rem;
  font-weight: 700;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_lbl .bl_btnWrapper {
  margin-left: auto;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs {
  display: flex;
  flex-direction: column;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs:not(.is_active) {
  display: none;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs &gt; *:not(:last-child) {
  margin-bottom: 12px;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs .bl_jobOfferSearch_basics_inputGrp &gt; *:not(:last-child) {
  margin-bottom: 12px;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs.-jobType {
  display: block;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs.-jobType .bl_jobOfferSearch_basics_lbl {
  justify-content: flex-start;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs.-route .bl_jobOfferSearch_basics_inputGrp {
  display: flex;
  flex-wrap: wrap;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics_inputs.-route .bl_jobOfferSearch_basics_inputGrp .__fromToMark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  flex-grow: 1;
  font-size: 12px;
}
.bl_jobOfferSearch .bl_jobOfferSearch_details {
  margin-top: 15px;
  margin-bottom: 15px;
}
.bl_jobOfferSearch .bl_jobOfferSearch_details .bl_selectTagUnit:first-of-type {
  margin-top: -1rem;
}
.bl_jobOfferSearch .bl_jobOfferSearch_submit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_jobOfferSearch .bl_jobOfferSearch_submit .__resultCount {
  min-width: 120px;
  margin-right: 1rem;
  text-align: right;
}
.bl_jobOfferSearch .bl_jobOfferSearch_submit .__resultCountNum {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-main);
}
.bl_jobOfferSearch .bl_jobOfferSearch_submit .__resultCountUnit {
  font-size: 14px;
  color: #898989;
}
.bl_jobOfferSearch .bl_jobOfferSearch_submit .bl_btnWrapper {
  flex-grow: 1;
}
.bl_jobOfferSearch .bl_jobOfferSearch_submit .bl_btnWrapper .el_btn2 {
  width: 300px;
  background-color: var(--color-main);
}
.bl_jobOfferSearch .bl_jobOfferSearch_submit .bl_btnWrapper .el_btn2::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_search_white-1738278fca884f0c58f264d47c12818eafe0be07f2571941d72fbc922bbb56ba.svg);
  background-position: center;
  background-size: contain;
  margin-right: 0.5rem;
  width: 15px;
  height: 15px;
}
.bl_jobOfferSearch .bl_jobOfferSearch_recommendTagList {
  margin-bottom: 2rem;
}
.bl_jobOfferSearch .bl_jobOfferSearch_recommendTagList .__heading {
  color: #a3a3a3;
  font-weight: 700;
  margin-bottom: 10px;
}
.bl_jobOfferSearch .bl_jobOfferSearch_recommendTagList .bl_tagList .el_tag {
  font-size: 10px;
  color: #676767;
}
.bl_jobOfferSearch .bl_jobOfferSearch_basics + .bl_btnWrapper {
  margin-top: 10px;
}

@media (max-width: 999px) {
  .bl_jobOfferSearch .bl_jobOfferSearch_basics &gt; *:not(:last-child) {
    margin-bottom: 12px;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_selectBox_wrapper {
    height: 38px;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_selectBoxList.-route {
    width: calc(100% - 30px);
    flex-direction: row;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_selectBoxList.-route .bl_selectBox_wrapper {
    flex-direction: row;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_details {
    padding: 15px 0;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_submit {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: var(--color-bg_gray);
    padding: var(--cont-padding);
    margin-left: calc(-1 * var(--cont-padding));
    margin-right: calc(-1 * var(--cont-padding));
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_submit .bl_btnWrapper .el_btn2 {
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .bl_jobOfferSearch .bl_jobOfferSearch_basics {
    align-items: flex-start;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_jobOfferSearch_basics_lbl {
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    min-width: 90px;
    height: 38px;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_jobOfferSearch_basics_body {
    flex-grow: 1;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_jobOfferSearch_basics_inputs {
    align-items: flex-start;
    flex-direction: row;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_jobOfferSearch_basics_inputs .bl_jobOfferSearch_basics_inputGrp .bl_selectBoxList.-route {
    flex-direction: column;
    gap: 12px;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_jobOfferSearch_basics_inputs .bl_jobOfferSearch_basics_inputGrp .bl_selectBoxList.-route .bl_selectBox_wrapper {
    width: 218px;
    min-width: 218px;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_jobOfferSearch_basics_inputs .bl_jobOfferSearch_basics_inputGrp .__fromToMark {
    width: auto;
    font-size: 14px;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_basics .bl_jobOfferSearch_basics_inputs .el_btn3.-sm {
    min-width: 120px;
  }
  .bl_jobOfferSearch .bl_jobOfferSearch_submit {
    padding: 25px;
  }
}
/* Select tag
  ----------------------------------------------------------------- */
.bl_selectTag_wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.bl_selectTag_wrapper .bl_selectTag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.bl_selectTag_wrapper .bl_selectTag input[type=checkbox] {
  display: none;
}
.bl_selectTag_wrapper .bl_selectTag input[type=checkbox]:checked + label {
  color: var(--color-main);
  border-color: currentColor;
  background: #E6FBFF;
}
.bl_selectTag_wrapper .bl_selectTag label {
  display: flex;
  align-items: center;
  padding: 2px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  cursor: pointer;
}
.bl_selectTag_wrapper .bl_selectBox_wrapper {
  width: auto;
}
.bl_selectTag_wrapper .bl_selectBox_wrapper ::after {
  right: 0.5rem;
}
.bl_selectTag_wrapper .bl_selectBox {
  padding: 3px 25px 3px 10px;
  border: 1px solid #E2E2E2;
  color: inherit;
  min-width: auto;
  border-radius: 20px;
  font-size: 10px;
}

/* Select tag unit
  ----------------------------------------------------------------- */
.bl_selectTagUnit {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.bl_selectTagUnit + .bl_selectTag_wrapper {
  margin-top: 10px;
}
.bl_selectTagUnit:not(:last-of-type) {
  border-bottom: 1px dotted #E0E0E0;
}
.bl_selectTagUnit .bl_selectTagUnit_headingGrp {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.bl_selectTagUnit .bl_selectTagUnit_heading {
  color: #A3A3A3;
  font-weight: 700;
}
.bl_selectTagUnit .bl_selectTagUnit_resetBtn {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  margin-left: auto;
  cursor: pointer;
}
.bl_selectTagUnit .bl_selectTagUnit_resetBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_btn_cross-30066cd388cbb5deab9aa726b28075a942cb7aa85a73a565d9d65d59129d63a9.svg);
  background-position: center;
  background-color: #EDEDED;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
}
.bl_selectTagUnit .bl_selectTagUnit_detailAccordion.bl_accordion {
  display: flex;
  flex-direction: column-reverse;
}
.bl_selectTagUnit .bl_selectTagUnit_detailAccordion.bl_accordion .bl_accordion_btn {
  margin-top: 10px;
}
.bl_selectTagUnit .bl_selectTagUnit_detailAccordion.bl_accordion .bl_accordion_btn::after {
  display: none;
}
.bl_selectTagUnit .bl_selectTagUnit_detailAccordion.bl_accordion .bl_accordion_btn:not(.is_active) .bl_accordion_btnTxt.-detailClose {
  display: none;
}
.bl_selectTagUnit .bl_selectTagUnit_detailAccordion.bl_accordion .bl_accordion_btn.is_active + .bl_accordion_body {
  margin-top: 0;
  max-height: inherit;
}
.bl_selectTagUnit .bl_selectTagUnit_detailAccordion.bl_accordion .bl_accordion_btn.is_active .bl_accordion_btnTxt.-detailOpen {
  display: none;
}
.bl_selectTagUnit .bl_selectTagUnit_detailAccordion.bl_accordion .bl_accordion_body {
  height: auto;
  max-height: 55px;
  opacity: 1;
}
.bl_selectTagUnit .el_txt {
  font-size: 0.75rem;
  display: flex;
  align-items: flex-end;
}

/* Icon Person
  ----------------------------------------------------------------- */
.bl_icnPerson {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.bl_icnPerson.-color1 {
  background-color: rgba(98, 143, 229, 0.1);
}
.bl_icnPerson.-color2 {
  background-color: rgba(101, 188, 171, 0.1);
}
.bl_icnPerson.-color3 {
  background-color: rgba(166, 141, 232, 0.1);
}
.bl_icnPerson.-color4 {
  background-color: rgba(143, 193, 117, 0.1);
}
.bl_icnPerson.-color5 {
  background-color: rgba(209, 121, 138, 0.1);
}
.bl_icnPerson .bl_icnPerson_img {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.bl_icnPerson .bl_icnPerson_img.-icon1 {
  background-image: url(/assets/icon_people/icon_person1-08d0041ec8f77f31149cf69efc9c7b90fc7ed1bb02ab6531d729527f47c012ae.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon2 {
  background-image: url(/assets/icon_people/icon_person2-e934c9757488ca4650321115869acdb791b5913a053e19d6b9472559e8144499.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon3 {
  background-image: url(/assets/icon_people/icon_person3-948072f939f76e491457df275470927eb55d83f8bf91381a7ac08089dbbe396d.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon4 {
  background-image: url(/assets/icon_people/icon_person4-e5470d9c2570471781d8d8de483da82b98580c57840ee193904753ae46d0838f.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon5 {
  background-image: url(/assets/icon_people/icon_person5-7fb33c92f4ca6b056aa94e0cc4f44eeef487e55bec1d15ff6c50d5b8af48dd75.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon6 {
  background-image: url(/assets/icon_people/icon_person6-a4077b6a6cab504e64217b400de6245c625445668043231a610b5249e3a45eff.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon7 {
  background-image: url(/assets/icon_people/icon_person7-52066510237773ab72eb4db53cc69d3f333b93476d616e8b4b0b00814ef5b08b.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon8 {
  background-image: url(/assets/icon_people/icon_person8-0f0363cec0ce294b40e163cc5e10e381255651285771b9dad4ec18a5f7439ca4.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon9 {
  background-image: url(/assets/icon_people/icon_person9-de7200a834b7e584fc4465d5673769ad6ded7be30c86b1ad94f517a84ac551c6.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon10 {
  background-image: url(/assets/icon_people/icon_person10-59ce02358a391f247318a3b8f14efbb9cd576d6a694dd69f7b082ef13eb5ac80.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon11 {
  background-image: url(/assets/icon_people/icon_person11-e0077e104fcbf5017acb62a381de8b41e464596bf6f27d4522580f88c74f0362.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon12 {
  background-image: url(/assets/icon_people/icon_person12-7c97623253c7e2d241b03b6f3b52c303f608dd28230095523d2fc21e22a4a543.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon13 {
  background-image: url(/assets/icon_people/icon_person13-f220a2df8d2ceda933a0ec8550b7be611e67cc8b4171fbf3e59c89f51f518fbf.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon14 {
  background-image: url(/assets/icon_people/icon_person14-4f1b481e56a896640e4bee142ec9c979a31a5023bd85b247ed3b687fb7abcb37.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon15 {
  background-image: url(/assets/icon_people/icon_person15-729782e083bca691e8bf95cd09f90c6716330be96fdf89b316eee0f5a7778737.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon16 {
  background-image: url(/assets/icon_people/icon_person16-6aaf2e1c58fb2f625d841b1e25ccc1918201b762695781f516f85724fe79b495.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon17 {
  background-image: url(/assets/icon_people/icon_person17-f80430e7fb07df3c32d47e29ea4f28b8e0095c8f3ad934db6fbf01828be111b3.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon18 {
  background-image: url(/assets/icon_people/icon_person18-9a9e75c6859eb488947e089569ec98ccc822f31588a28c52c187442c831d7605.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon19 {
  background-image: url(/assets/icon_people/icon_person19-2f00c1692a90de586fead7b9ef717152280325e67d749ce2e4f58c0e3c4a928d.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon20 {
  background-image: url(/assets/icon_people/icon_person20-9949f56e5b9a23ca0b3a960bc057d5f7a20d14606856435b9b055d9c5784f796.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon21 {
  background-image: url(/assets/icon_people/icon_person21-49060abe8dcf4ea48819cbe4ce3a0049b174ab1b00f4823391022dbc65f95a12.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon22 {
  background-image: url(/assets/icon_people/icon_person22-a7732c731d7ad48ec9516afa8b69e5c219daea77088ca6ca1aeffe251aa3213d.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon23 {
  background-image: url(/assets/icon_people/icon_person23-adb3176f1e2bf7b356a81e7930cf8592f6c91ccb0e95694858cd2bd680055aaa.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon24 {
  background-image: url(/assets/icon_people/icon_person24-be2f32ef865acf9b6e1577fff6ebf43e72c0d755ae9c14ca821aff5b34f0d86c.png);
}
.bl_icnPerson .bl_icnPerson_img.-icon25 {
  background-image: url(/assets/icon_people/icon_person25-c388715b918ed727cfba2719c4c1b5e0750a183fdf81db65a18cb523050c8539.png);
}

/* Area Search
  ----------------------------------------------------------------- */
.bl_areaSearch .bl_areaSearch_body {
  display: flex;
  flex-wrap: wrap;
}
.bl_areaSearch .bl_areaSearch_grp {
  margin-bottom: 20px;
}
.bl_areaSearch .bl_areaSearch_areaName {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  padding-left: 20px;
}

@media (max-width: 599px) {
  .bl_areaSearch .bl_areaSearch_areaName {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .bl_areaSearch .bl_areaSearch_grp {
    width: 50%;
  }
}
/* Area list
  ----------------------------------------------------------------- */
.bl_areaList {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
}
.bl_areaList .bl_areaList_item {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
}
.bl_areaList .bl_areaList_item:not(:last-of-type)::after {
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  background-color: currentColor;
}
.bl_areaList .bl_areaList_link {
  display: block;
  text-decoration: underline;
  padding: 2px 10px;
}
.bl_areaList .bl_areaList_link:hover {
  text-decoration: none;
  opacity: var(--opacity_70);
}

@media (max-width: 599px) {
  .bl_areaList {
    margin-left: -10px;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .bl_areaList {
    padding-right: 20px;
  }
}
/* Card list
  ----------------------------------------------------------------- */
.bl_cardList {
  --col-count: 3;
  --gap-size: 50px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--gap-size);
}
.bl_cardList .bl_cardList_item {
  width: 100%;
}

@media (min-width: 768px) {
  .bl_cardList {
    flex-direction: row;
  }
  .bl_cardList .bl_cardList_item {
    width: calc(100% / var(--col-count) - var(--gap-size) * (var(--col-count) - 1) / var(--col-count));
  }
}
/* Post card
  ----------------------------------------------------------------- */
.bl_postCard {
  position: relative;
}
.bl_postCard .bl_postCard_link {
  display: block;
}
.bl_postCard .bl_postCard_link:hover {
  opacity: var(--opacity_70);
}
.bl_postCard .bl_thumb {
  margin-bottom: 10px;
}
.bl_postCard .bl_postCard_date {
  font-size: 0.8125rem;
  color: #8B8B8B;
  margin-bottom: 5px;
}
.bl_postCard .bl_postCard_ttl {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.6;
}

/* Thumbnail
  ----------------------------------------------------------------- */
.bl_thumb {
  position: relative;
  overflow: hidden;
}
.bl_thumb::before {
  display: block;
  content: "";
  padding-top: var(--thumb-ratio);
}
.bl_thumb .bl_thumb_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Rate
  ----------------------------------------------------------------- */
.bl_rate {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bl_rate::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 105px;
  height: 16px;
  margin-right: 0.5rem;
}
.bl_rate.-num-null::before {
  background-image: url(/assets/common/rate_star__gray-9ee37d9858d26a782448076b62d3a1cdc58236696070d90f7d09ef64f124c536.svg);
}
.bl_rate.-num0::before {
  background-image: url(/assets/common/rate_star0-d26081058821ddc3a8eee2cf381278a7844aaa6aba5bb497a0dfa48f3810de7c.svg);
}
.bl_rate.-num0-5::before {
  background-image: url(/assets/common/rate_star0-5-d1c44a1d1ae7ada10c24144b33b8bb14e1e45c70642583f59d44e82d8fbdaf32.svg);
}
.bl_rate.-num1::before {
  background-image: url(/assets/common/rate_star1-0e61d28b97a5e72fdb87888977fe04ddc8abf49fe7a57dd84d880294dbd82802.svg);
}
.bl_rate.-num1-5::before {
  background-image: url(/assets/common/rate_star1-5-0a8dbf37ee835736d01c7d5b26ffb44fb7bc423488d1c6941dc66531b230cf3a.svg);
}
.bl_rate.-num2::before {
  background-image: url(/assets/common/rate_star2-b667fad27792061ae5f7cdbb20f014a8447b520a17e7a1c3cd1702012a07dca4.svg);
}
.bl_rate.-num2-5::before {
  background-image: url(/assets/common/rate_star2-5-d50cd03f8d920b09cd43b55be2edb797e14a0a2ef87c3b2be65d57fc699dbb62.svg);
}
.bl_rate.-num3::before {
  background-image: url(/assets/common/rate_star3-28c2aa0c6e2963db6d445b6edf471914a8a52c6bb1b59f713ed71bafc1017796.svg);
}
.bl_rate.-num3-5::before {
  background-image: url(/assets/common/rate_star3-5-c2aaf32852f420afd133f40224d4b7dc67380c6b828a4f80cab9c42503187bce.svg);
}
.bl_rate.-num4::before {
  background-image: url(/assets/common/rate_star4-12fe27e74bed188c6f70d2ac1d63a05b712ce734cd68ffdc8817064d75c7c321.svg);
}
.bl_rate.-num4-5::before {
  background-image: url(/assets/common/rate_star4-5-c6a6f4c732e0b2350dad7b21b64bb6f3e055042fc6ba6b1af604bc5372cb64d2.svg);
}
.bl_rate.-num5::before {
  background-image: url(/assets/common/rate_star5-ab7fa5dc44282a77b521d594731632557de1fe4574c5c4e19a3d3cc743265e06.svg);
}
.bl_rate .bl_rate_num {
  font-weight: bold;
  font-size: 1.125rem;
  color: #F09C3B;
  padding-top: 1px;
}
.bl_rate.-num-null .bl_rate_num {
  color: #A7A7A7;
}

@media (min-width: 768px) {
  .bl_rate::before {
    width: 94px;
    height: 16px;
  }
  .bl_rate .bl_rate_num {
    font-size: 1rem;
  }
}
/* Rate input
  ----------------------------------------------------------------- */
.bl_rateInput {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}
.bl_rateInput .bl_rateInput_lbl {
  flex-shrink: 0;
  align-self: center;
  min-width: 38px;
  font-size: 0.75rem;
  padding-right: 5px;
  line-height: 1.2;
}
.bl_rateInput .bl_rateInput_lbl:last-of-type {
  padding-right: 0;
  padding-left: 5px;
  text-align: right;
}
.bl_rateInput .bl_rateInput_body {
  position: relative;
  display: flex;
  align-self: center;
  align-items: center;
  background-image: url(/assets/common/img_rateInput_star0-e4fa636e513a801a86997aab8501059140844db9c56ddc1f4f1aa74a562e4228.svg);
  background-size: contain;
  background-position: center;
  flex-basis: 100%;
  max-width: 185px;
  height: 27px;
}
.bl_rateInput .bl_rateInput_body:hover {
  opacity: var(--opacity_80);
}
.bl_rateInput .bl_rateInput_body[data-rate-val="0"] {
  background-image: url(/assets/common/img_rateInput_star0-e4fa636e513a801a86997aab8501059140844db9c56ddc1f4f1aa74a562e4228.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-val="1"] {
  background-image: url(/assets/common/img_rateInput_star1-76d0a22df2722178321ed161d04974bb544f71bdb1397799fd23e9580ea0b702.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-val="2"] {
  background-image: url(/assets/common/img_rateInput_star2-2e0314c84ca6ee1c62556ab507ec788057896e8e477542e05c289de26263d649.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-val="3"] {
  background-image: url(/assets/common/img_rateInput_star3-5a597f7ff77162dc5da921336627cac6c3e6d339c74e463ad16017f05fb82532.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-val="4"] {
  background-image: url(/assets/common/img_rateInput_star4-b93f7e7896b44ab84bd951e250a08427a73c92a336b9d7408716f1640312c691.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-val="5"] {
  background-image: url(/assets/common/img_rateInput_star5-a17df4ff48e37ca2056fdeeca5604453808dabcc18307bffe3ad73b0f4897393.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-hover-val="0"] {
  background-image: url(/assets/common/img_rateInput_star0-e4fa636e513a801a86997aab8501059140844db9c56ddc1f4f1aa74a562e4228.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-hover-val="1"] {
  background-image: url(/assets/common/img_rateInput_star1-76d0a22df2722178321ed161d04974bb544f71bdb1397799fd23e9580ea0b702.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-hover-val="2"] {
  background-image: url(/assets/common/img_rateInput_star2-2e0314c84ca6ee1c62556ab507ec788057896e8e477542e05c289de26263d649.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-hover-val="3"] {
  background-image: url(/assets/common/img_rateInput_star3-5a597f7ff77162dc5da921336627cac6c3e6d339c74e463ad16017f05fb82532.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-hover-val="4"] {
  background-image: url(/assets/common/img_rateInput_star4-b93f7e7896b44ab84bd951e250a08427a73c92a336b9d7408716f1640312c691.svg);
}
.bl_rateInput .bl_rateInput_body[data-rate-hover-val="5"] {
  background-image: url(/assets/common/img_rateInput_star5-a17df4ff48e37ca2056fdeeca5604453808dabcc18307bffe3ad73b0f4897393.svg);
}
.bl_rateInput .bl_rateInput_item {
  display: block;
  flex-basis: 100%;
  height: 100%;
  cursor: pointer;
}
.bl_rateInput .bl_rateInput_item input[type=radio] {
  position: absolute;
  opacity: 0;
}

@media (max-width: 599px) {
  .bl_rateInput .bl_rateInput_lbl.-fz_sm__sp {
    font-size: 0.625rem;
  }
}
@media (min-width: 768px) {
  .bl_rateInput .bl_rateInput_lbl {
    padding-right: 10px;
  }
  .bl_rateInput .bl_rateInput_lbl:last-of-type {
    padding-left: 10px;
  }
}
/* Comment count
  ----------------------------------------------------------------- */
.bl_commentCount {
  position: relative;
  display: flex;
  align-items: center;
}
.bl_commentCount::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_comment-2e5c1feec6b258cbebc3955e4eeb0e765ce3e0d468ba9a1da415d02b607f9a76.svg);
  background-size: contain;
  background-position: center bottom;
  flex-shrink: 0;
  width: 15px;
  height: 13px;
  margin-right: 6px;
}
.bl_commentCount .bl_commentCount_txt {
  color: var(--color-main);
  font-size: 0.9375rem;
  font-weight: bold;
}
.bl_commentCount .bl_commentCount_link {
  color: var(--color-main);
  font-size: 0.9375rem;
  font-weight: bold;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .bl_commentCount::before {
    width: 21.5px;
    height: 18px;
  }
}
/* Accordion
  ----------------------------------------------------------------- */
.bl_accordion {
  position: relative;
}
.bl_accordion .bl_accordion_btn {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  background: #F5F5F5;
  border-radius: 20px;
  text-align: center;
  font-size: 0.75rem;
  padding: 0.5rem;
  cursor: pointer;
}
.bl_accordion .bl_accordion_btn::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 0.5rem;
  background-image: url(/assets/common/icon_btn_plus-e6ce98e89cf791b0f2bc7d3c6912ab5ee24685bfb56cbe7e35387ebb2a461a7a.svg);
  background-color: #fff;
  background-position: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.bl_accordion .bl_accordion_btn.is_active::after {
  background-image: url(/assets/common/icon_btn_mainas-4a40864a065cfb39c99b5a0f2b0a6511f24b00df33111896eb1111e48ecc05bc.svg);
}
.bl_accordion .bl_accordion_btn.is_active + .bl_accordion_body {
  opacity: 1;
  height: auto;
  margin-top: 1rem;
}
.bl_accordion .bl_accordion_body {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: var(--transition_ease);
}

/* Alert
  ----------------------------------------------------------------- */
.bl_alert_wrapper {
  margin-bottom: 18px;
}

.bl_alert {
  --color: #28623C;
  --bgColor: #DBF2E3;
  --bdrColor: #CDEDD8;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--color);
  border: 1px solid var(--bdrColor);
  background-color: var(--bgColor);
  border-radius: var(--bdr-radius_sm);
  padding: 0.8rem 0.75rem 0.8rem 1rem;
  gap: 0.75rem;
}
.bl_alert a {
  color: currentColor;
  text-decoration: underline;
}
.bl_alert a:hover {
  opacity: var(--opacity_70);
}
.bl_alert .bl_alert_body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-weight: 700;
}
.bl_alert .bl_alert_heading {
  font-size: 0.8125rem;
  color: currentColor;
  line-height: 1.65;
  text-align: left;
}
.bl_alert .bl_alert_txt {
  font-size: 10px;
  color: #050505;
  text-align: left;
}
.bl_alert .bl_alert_removeBtn {
  display: block;
  flex-shrink: 0;
  content: "";
  background-image: url(/assets/common/icon_cross__bgGray-4a372f899e85bb80945e747ab6078079fc5437b96bfaa4031b9bcac5c1a68f82.svg);
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-left: auto;
  cursor: pointer;
}
.bl_alert .bl_alert_removeBtn:hover {
  opacity: var(--opacity_70);
}
.bl_alert.-gray {
  --color: #FFF;
  --bgColor: #D5D5D5;
  --bdrColor: #D5D5D5;
}
.bl_alert.-green {
  --color: #28623C;
  --bgColor: #DBF2E3;
  --bdrColor: #CDEDD8;
}
.bl_alert.-red {
  --color: #D12C2C;
  --bgColor: #FEE2E1;
  --bdrColor: #FDD6D6;
}
.bl_alert.-blue {
  --color: #115770;
  --bgColor: #D2EEF7;
  --bdrColor: #C1E7F4;
}
.bl_alert.-yellow {
  --color: #856404;
  --bgColor: #FFF3CD;
  --bdrColor: #FFEEBA;
}
.bl_alert.-orange {
  --color: #F09C3B;
  --bgColor: #fcecdd;
  --bdrColor: #F09C3B;
}
.bl_alert.-bgWhite {
  --bgColor: #fff;
}
.bl_alert.-icnExcl::before {
  background-image: url(/assets/common/icon_alert_excl-d67837ea733472d6dd87a5ee1f431d6e872d4ed67fb7c043e42d5edc3677d4c2.svg);
}
.bl_alert.-icnCheck::before {
  background-image: url(/assets/common/icon_alert_check-d31d4ac0d7989cca5580d53ad416603fb57efd2eba94e6974466b68760a6b3b5.svg);
}
.bl_alert.-icnCheck.-orange::before {
  background-image: url(/assets/common/icon_alert_check__orange-4bcab9425a7eeb4e14215ac66897cad0eb7db59db8f1bcae84d2514b64a8226b.svg);
}
.bl_alert.-icnCheck.-disabled::before {
  background-image: url(/assets/common/icon_alert_check__disabled-17bea6fc8a5f6b01db63d8dc17d224d1bba1b9bd1081c7d79e1566e3faab2eb9.svg);
}
.bl_alert.-icnInfo::before {
  background-image: url(/assets/common/icon_alert_info-7a989d6c61f5ba28c57e9dc3cd2917b671927ae0e611efc74cad7ec5fd565832.svg);
}
.bl_alert.-icnWarning::before {
  background-image: url(/assets/common/icon_alert_warning-36e50e7ef4028aa7b0b3fd68446c9fae28bc44108bd6fa3dffe828923a930895.svg);
}
.bl_alert:not(.-noIcn)::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background-size: contain;
  width: 18px;
  height: 18px;
}
.bl_alert + .bl_alert {
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .bl_alert:not(.-noIcn)::before {
    margin-top: 1px;
  }
}
@media (min-width: 768px) {
  .bl_alert .bl_alert_body {
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }
  .bl_alert .bl_alert_heading {
    font-size: 0.75rem;
  }
  .bl_alert .bl_alert_removeBtn {
    width: 24px;
    height: 24px;
  }
  .bl_alert + .bl_alert {
    margin-top: 0.75rem;
  }
}
/* Job offer card slider
  ----------------------------------------------------------------- */
.bl_jobOfferCardSlider_wrapper {
  position: relative;
}

.bl_jobOfferCardSlider,
.bl_jobOfferCardSlider.slick-slider {
  --slick-arrow-size: 17px;
}
.bl_jobOfferCardSlider .slick-list,
.bl_jobOfferCardSlider.slick-slider .slick-list {
  width: calc(100% + 6px);
  transform: translateX(-3px);
  padding-left: 3px;
  margin-top: -15px;
}
.bl_jobOfferCardSlider .slick-track,
.bl_jobOfferCardSlider.slick-slider .slick-track {
  margin: 0;
}
.bl_jobOfferCardSlider .slick-arrow.slick-prev,
.bl_jobOfferCardSlider .slick-arrow.slick-next,
.bl_jobOfferCardSlider.slick-slider .slick-arrow.slick-prev,
.bl_jobOfferCardSlider.slick-slider .slick-arrow.slick-next {
  position: absolute;
  width: var(--slick-arrow-size);
  height: var(--slick-arrow-size);
  font-size: 0;
  background-color: #fff;
  background-image: url(/assets/common/icon_arw_green-2092a891a9d05faa5fcdcf3c081982b57c49c93a2612bf3ef29db94a77d36e81.svg);
  background-size: 5px 8px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  top: calc(100% - var(--slick-arrow-size));
  right: calc(50% - var(--slick-arrow-size) / 2 - 45px) !important;
  left: inherit;
  border-radius: 50%;
  transform: none;
  z-index: 1;
}
.bl_jobOfferCardSlider .slick-arrow.slick-prev::before,
.bl_jobOfferCardSlider .slick-arrow.slick-next::before,
.bl_jobOfferCardSlider.slick-slider .slick-arrow.slick-prev::before,
.bl_jobOfferCardSlider.slick-slider .slick-arrow.slick-next::before {
  display: none !important;
}
.bl_jobOfferCardSlider .slick-arrow.slick-prev,
.bl_jobOfferCardSlider.slick-slider .slick-arrow.slick-prev {
  right: inherit;
  left: calc(50% - var(--slick-arrow-size) / 2 - 45px) !important;
  transform: rotate(180deg);
}
.bl_jobOfferCardSlider .slick-dots,
.bl_jobOfferCardSlider.slick-slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  height: var(--slick-arrow-size);
  bottom: inherit;
  top: 100%;
}
.bl_jobOfferCardSlider .slick-dots li,
.bl_jobOfferCardSlider.slick-slider .slick-dots li {
  width: 9px;
  height: 9px;
  margin: 0;
  font-size: 0;
}
.bl_jobOfferCardSlider .slick-dots li button,
.bl_jobOfferCardSlider.slick-slider .slick-dots li button {
  content: "";
  background-color: #D3D3D3;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 1;
}
.bl_jobOfferCardSlider .slick-dots li button::before,
.bl_jobOfferCardSlider.slick-slider .slick-dots li button::before {
  display: none;
}
.bl_jobOfferCardSlider .slick-dots li.slick-active button,
.bl_jobOfferCardSlider.slick-slider .slick-dots li.slick-active button {
  background-color: var(--color-main);
}
.bl_jobOfferCardSlider .bl_jobOfferCard,
.bl_jobOfferCardSlider.slick-slider .bl_jobOfferCard {
  width: 220px !important;
  margin: 15px 7.5px 20px;
}
.bl_jobOfferCardSlider .bl_jobOfferCard:hover,
.bl_jobOfferCardSlider.slick-slider .bl_jobOfferCard:hover {
  opacity: var(--opacity_70);
}

@media (max-width: 599px) {
  .bl_jobOfferCardSlider,
.bl_jobOfferCardSlider.slick-dotted.slick-slider {
    margin-left: calc(-1 * (var(--cont-padding)));
    margin-right: calc(-1 * (var(--cont-padding)));
  }
}
/* Job offer card
  ----------------------------------------------------------------- */
.bl_jobOfferCard {
  position: relative;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: var(--box-shadow_xs);
}
.bl_jobOfferCard .bl_thumb::before {
  padding-top: var(--thumb-ratio_thin);
}
.bl_jobOfferCard .bl_jobOfferCard_body {
  padding: 0.75rem 1rem;
}
.bl_jobOfferCard .bl_jobOfferCard_tagList {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.bl_jobOfferCard .bl_jobOfferCard_tagList .__tagItem {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-weight: 700;
}
.bl_jobOfferCard .bl_jobOfferCard_tagList .__tagItem.-regular {
  background-color: rgba(255, 204, 204, 0.35);
}
.bl_jobOfferCard .bl_jobOfferCard_tagList .__tagItem.-midCareer {
  background-color: #F0F0F0;
}
.bl_jobOfferCard .bl_jobOfferCard_tagList .__tagItem .__txt {
  font-size: 10px;
  line-height: 1;
  transform: scale(0.9);
}
.bl_jobOfferCard .bl_jobOfferCard_ttl {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 7px;
}
.bl_jobOfferCard .bl_jobOfferCard_rateBox {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.bl_jobOfferCard .bl_rate {
  flex-basis: 100%;
  line-height: 1;
}
.bl_jobOfferCard .bl_rate::before {
  flex-basis: 90px;
}
.bl_jobOfferCard .bl_rate_num {
  font-size: 12px;
}
.bl_jobOfferCard .bl_jobOfferCard_commentCount {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--color-main);
  font-size: 12px;
  font-weight: 700;
}
.bl_jobOfferCard .bl_jobOfferCard_commentCount::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_comment-2e5c1feec6b258cbebc3955e4eeb0e765ce3e0d468ba9a1da415d02b607f9a76.svg);
  background-size: contain;
  width: 14px;
  height: 12px;
  margin-right: 5px;
}
.bl_jobOfferCard .bl_jobOfferCard_op {
  font-size: 0.75rem;
  line-height: 1.3;
  margin-bottom: 10px;
}
.bl_jobOfferCard .bl_jobOfferCard_meta {
  color: #888888;
  font-size: 10px;
  margin-top: 10px;
}
.bl_jobOfferCard .bl_jobOfferCard_meta .__metaItem {
  display: flex;
  align-items: center;
}
.bl_jobOfferCard .bl_jobOfferCard_meta .__metaItem::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.bl_jobOfferCard .bl_jobOfferCard_meta .__metaItem.-income::before {
  background-image: url(/assets/common/icon_yen-163ed8235da042ffc281336e9b7c9f4ced17b2443b0c6404b0b4c477fded56c5.svg);
}
.bl_jobOfferCard .bl_jobOfferCard_meta .__metaItem.-address::before {
  background-image: url(/assets/common/icon_pin-0bde8ebcf64452a0e5934cdc7cca20dd1a3eb46bc51e147d09dab3d9723d0f5c.svg);
}
.bl_jobOfferCard .bl_jobOfferCard_meta .__metaItem + .__metaItem {
  margin-top: 5px;
}
.bl_jobOfferCard .bl_bookmarkBtn {
  position: absolute;
  top: 10px;
  right: 10px;
}

@media (max-width: 999px) {
  .bl_jobOfferCard .bl_rate {
    border-right: 1px dotted #A0A0A0;
    margin-right: 8px;
  }
}
@media (min-width: 1000px) {
  .bl_jobOfferCard .bl_rate {
    margin-right: 5px;
  }
  .bl_jobOfferCard .bl_rate::before {
    flex-shrink: 1;
  }
  .bl_jobOfferCard .bl_jobOfferCard_commentCount {
    color: #727272;
    font-size: 10px;
    font-weight: 400;
  }
}
/* Job offer detail card
  ----------------------------------------------------------------- */
.bl_jobOfferDetailCard {
  position: relative;
  background: #fff;
  box-shadow: var(--box-shadow_xs);
  overflow: hidden;
}
.bl_jobOfferDetailCard:hover {
  opacity: var(--opacity_80);
}
.bl_jobOfferDetailCard + .bl_jobOfferDetailCard {
  margin-top: 20px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_inner {
  position: relative;
  display: flex;
  flex-direction: column;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumb {
  position: relative;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumb.bl_thumb::before {
  padding-top: 43.4666%;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumb .bl_bookmarkBtn {
  position: absolute;
  top: 14px;
  right: 13px;
  width: 31px;
  height: 31px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumb .__badge {
  position: absolute;
  top: 14px;
  left: 13px;
  background: #D73DA4;
  border-radius: var(--bdr-radius_sm);
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 2px 10px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumbOverlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(41, 41, 41, 0.77);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumbOverlay .__overlayTxt {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumbOverlay .__overlayTxt.-icnChecked::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background-image: url(/assets/common/icon_jobOfferDetailCard_thumbOverlay__checked-fa5558f529c583ade95f207b9f4e35c5be3ecdbbb2afa99a0475d53c111ab499.svg);
  background-size: contain;
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumbOverlay .__overlayTxt.-icnExcl::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background-image: url(/assets/common/icon_jobOfferDetailCard_thumbOverlay__excl-14ad263c2011fe40f6fe9f7224586e189cd4033f1a875bcd549444a8f9259513.svg);
  background-size: contain;
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_body {
  position: relative;
  padding: 15px var(--cont-padding) 18px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_hospName {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 3px;
  letter-spacing: 0;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_rate {
  display: flex;
  margin-bottom: 8px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_rate .bl_rate {
  margin-right: 10px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_rate .bl_rate::before {
  width: 96px;
  height: 16px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_rate .bl_rate .bl_rate_num {
  font-size: 0.9375rem;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_access {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_access .__accessItem {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  line-height: 1.3;
  color: #888888;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_access .__accessItem::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center center;
  width: 9px;
  height: 9px;
  margin-right: 5px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_access .__accessItem.-address::before {
  background-image: url(/assets/common/icon_jobOfferDetailCard_map-4f468dbb12e7b3c193bf950f2fea2b63768c9777b9d724865f5b0942cc3dd6e7.svg);
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_access .__accessItem.-station::before {
  background-image: url(/assets/common/icon_jobOfferDetailCard_train-65a3c4269657d7a62fa3195b242a86aa7956cf644602cdf4dc6004d393b45968.svg);
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_access .__accessItem:not(:first-of-type) {
  border-left: 1px dotted #B7B7B7;
  margin-left: 5px;
  padding-left: 5px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_ttl {
  color: var(--color-main);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.5385;
  margin-bottom: 8px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont {
  display: flex;
  align-items: flex-start;
  font-size: 0.75rem;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont + .__metaCont {
  margin-top: 5px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont .__lbl {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont .__lbl::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: left center;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont .__lbl.-jobDesc::before {
  background-image: url(/assets/common/icon_jobOfferDetailCard_note-3b6e8502cbf3c6ce0546bb6359eb6f9463d59a3a730fd245566062188fe4ce01.svg);
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont .__lbl.-salary::before {
  background-image: url(/assets/common/icon_jobOfferDetailCard_yen-42f718958a421b5e1e683939bf9631183e915918264852b1e7e31e3e54ab9440.svg);
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont .__deli {
  display: block;
  margin: 0 3px;
}
.bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont .__txt {
  font-weight: 400;
}
.bl_jobOfferDetailCard .un_jobOfferSearchResult_more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #050505;
  border-top: 1px solid #050505;
  border-bottom: 1px solid #050505;
  height: 50px;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  .bl_jobOfferDetailCard {
    border-radius: var(--bdr-radius_md);
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_inner {
    flex-direction: row;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumb {
    width: 225px;
    flex-shrink: 0;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_thumb .__badge {
    padding: 1px 8px;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_body {
    padding: 15px 21px 22px;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_hospName {
    font-size: 1.25rem;
    margin-bottom: 2px;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_rate {
    margin-bottom: 10px;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_rate .bl_commentCount::before {
    width: 17px;
    height: 16px;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_access {
    margin-bottom: 15px;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_ttl {
    font-size: 1rem;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont {
    font-size: 0.625rem;
  }
  .bl_jobOfferDetailCard .bl_jobOfferDetailCard_meta .__metaCont:not(:last-of-type) {
    margin-bottom: 7px;
  }
}
/* Bookmark button
  ----------------------------------------------------------------- */
.bl_bookmarkBtn {
  position: relative;
  background-image: url(/assets/common/icon_bookmark_heart__gray-b83abb2527894e1392ea5c05c08861af0b1d77b1aed5ac0a2eca660c20b6e27d.svg);
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 25px;
}
.bl_bookmarkBtn:hover {
  background-image: url(/assets/common/icon_bookmark_heart__pink-9f32f089529a7398f0468f0543f504af56a380b3363147c03cfba710fb122d5f.svg);
}
.bl_bookmarkBtn.is_active {
  background-image: url(/assets/common/icon_bookmark_heart__pink-9f32f089529a7398f0468f0543f504af56a380b3363147c03cfba710fb122d5f.svg);
}

/* Bookmark balloon
  ----------------------------------------------------------------- */
.bl_bookmarkBalloon {
  position: relative;
  display: inline-block;
  background: #E89F9F;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  padding: 4px 10px;
  line-height: 1.5;
  border-radius: var(--bdr-radius_sm);
}
.bl_bookmarkBalloon::after {
  position: absolute;
  display: block;
  content: "";
  top: 100%;
  left: 50%;
  border-top: 8px solid #E89F9F;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  transform: translateX(-50%);
}

/* Table
  ----------------------------------------------------------------- */
.bl_table {
  width: 100%;
  border: 2px solid #D5D5D5;
  margin-bottom: 0.75rem;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--bdr-radius_md);
  overflow: hidden;
}
.bl_table tr {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bl_table th {
  position: relative;
  background: #F0F0F0;
  border-bottom: 1px solid #DBDBDB;
  padding: 0.8rem 1.25rem;
  font-size: 1rem;
  line-height: 1.68;
  text-align: left;
}
.bl_table td {
  position: relative;
  padding: 1rem;
  font-size: 0.75rem;
}

@media (max-width: 767px) {
  .bl_table tr:not(:first-of-type) &gt; th {
    border-top: 1px solid #DBDBDB;
  }
}
@media (min-width: 768px) {
  .bl_table {
    margin-bottom: 1.875rem;
  }
  .bl_table tr {
    display: table-row;
  }
  .bl_table tr &gt; th {
    align-items: center;
    width: 255px;
    height: 90px;
    font-size: 0.875rem;
    border-right: 1px solid #DBDBDB;
  }
  .bl_table tr &gt; td {
    font-size: 0.875rem;
  }
  .bl_table tr:last-of-type &gt; th {
    border-bottom: none;
  }
  .bl_table tr:not(:last-of-type) &gt; td {
    border-bottom: 1px solid #DBDBDB;
  }
}
/* Unordered list
  ----------------------------------------------------------------- */
.bl_ul {
  position: relative;
  margin-top: 1.875rem;
  margin-bottom: 1rem;
  padding-left: 15px;
}
.bl_ul &gt; li {
  position: relative;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
}
.bl_ul &gt; li::before {
  position: absolute;
  display: block;
  content: "";
  background: #333;
  top: 0.5em;
  left: -0.7em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.bl_ul &gt; li &gt; ul {
  padding: 0.5rem 0 0.5rem 0.625rem;
}
.bl_ul &gt; li &gt; ul &gt; li {
  position: relative;
  font-size: 0.75rem;
  line-height: 1.6;
  font-weight: 400;
  padding: 0.25em 0;
}
.bl_ul &gt; li &gt; ul &gt; li::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 0;
  border-left: 1px solid;
  border-bottom: 1px solid;
  width: 6px;
  height: 6px;
  transform: translate(-1em, -50%);
}

@media (min-width: 1000px) {
  .bl_ul {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
/* Form
  ----------------------------------------------------------------- */
.bl_form {
  position: relative;
  color: #333;
  /* Input text */
  /* Input text area */
  /* Input button */
  /* Btn wrapper */
}
.bl_form &gt; *:not(:last-child) {
  margin-bottom: 20px;
}
.bl_form .bl_form_itemLbl {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
}
.bl_form .bl_form_itemLbl .__subTxt {
  margin-left: auto;
}
.bl_form .bl_form_itemLbl + .bl_form_itemBody {
  margin-top: 10px;
}
.bl_form .bl_form_itemBody {
  position: relative;
}
.bl_form .bl_form_itemRow {
  display: flex;
  align-items: center;
  gap: 14px;
}
.bl_form .bl_form_itemRow + .bl_form_itemRow {
  margin-top: 10px;
}
.bl_form .bl_form_itemTxt {
  font-size: 0.75rem;
  flex-shrink: 0;
}
.bl_form .bl_form_itemFoot {
  position: relative;
}
.bl_form .bl_form_linkUnit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px 15px;
}
.bl_form .bl_form_linkItem {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: var(--color-txt);
  text-decoration: none;
}
.bl_form .bl_form_linkItem::before {
  display: block;
  content: "";
  flex-shrink: 0;
  border-top: 2px solid #DA50AB;
  border-right: 2px solid #DA50AB;
  margin-right: 8px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
.bl_form input[type=text],
.bl_form input[type=email],
.bl_form input[type=password] {
  background-color: #fff;
  border: 1px solid #DBDBDB;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  width: 100%;
  border-radius: var(--bdr-radius_sm);
}
.bl_form input[type=text]:disabled,
.bl_form input[type=email]:disabled,
.bl_form input[type=password]:disabled {
  background: #F8F8F8;
}
.bl_form input[type=text]:focus,
.bl_form input[type=email]:focus,
.bl_form input[type=password]:focus {
  outline: 2px solid var(--color-focus_outline);
}
.bl_form input[type=text].-bgGray,
.bl_form input[type=email].-bgGray,
.bl_form input[type=password].-bgGray {
  background: #F7F7F7;
  border-color: #EFEFEF;
}
.bl_form input[type=text].-bgLightBlue,
.bl_form input[type=email].-bgLightBlue,
.bl_form input[type=password].-bgLightBlue {
  background: #F4F6F9;
  border-color: #F4F6F9;
}
.bl_form textarea {
  display: block;
  border: 1px solid #DBDBDB;
  width: 100%;
  font-size: 0.75rem;
  padding: 0.75rem 0.75rem;
  border-radius: var(--bdr-radius_sm);
}
.bl_form textarea:focus {
  outline: 2px solid var(--color-focus_outline);
}
.bl_form textarea.-bgWhite {
  background: #FFF;
  border-color: #EFEFEF;
}
.bl_form textarea.-bgGray {
  background: #F7F7F7;
  border-color: #EFEFEF;
}
.bl_form textarea.-bgLightBlue {
  background: #F4F6F9;
  border-color: #F4F6F9;
}
.bl_form input[type=button] {
  display: block;
  background: linear-gradient(40deg, #B1E4EE, #CDEED2);
  width: 100%;
  padding: 0.875rem;
  line-height: 1.28;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 30px;
}
.bl_form input[type=button]:disabled {
  background: #DEDEDE;
  color: #fff;
}
.bl_form input[type=button]:focus {
  border-color: var(--color-main);
  outline: 2px solid rgba(45, 172, 195, 0.1);
}
.bl_form .bl_form_btnWrapper {
  margin-top: 35px;
}
.bl_form .bl_form_btnWrapper input[type=button] + input[type=button] {
  margin-top: 1.5rem;
}
.bl_form.-type_std input[type=text],
.bl_form.-type_std input[type=email],
.bl_form.-type_std input[type=password] {
  font-size: 0.75rem;
  padding: 0.75rem 0.85rem;
}
.bl_form.-type_std textarea {
  font-size: 0.75rem;
  padding: 0.75rem 0.85rem;
}
.bl_form.-type_std .bl_selectBox_wrapper .bl_selectBox {
  padding: 0.75rem 0.75rem;
}
.bl_form.-type_std .bl_form_item {
  margin-bottom: 0;
}
.bl_form.-type_std .bl_form_item + .bl_form_item {
  margin-top: 20px;
}
.bl_form.-type_std .bl_btnWrapper .el_btn4 {
  height: 40px;
}
.bl_form.-type_std &gt; .bl_btnWrapper {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .bl_form &gt; *:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .bl_form .bl_form_itemLbl + .bl_form_itemBody {
    margin-top: 12px;
  }
  .bl_form .bl_form_itemRow {
    gap: 20px;
  }
  .bl_form input[type=button] {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .bl_form.-type_std input[type=text],
.bl_form.-type_std input[type=email],
.bl_form.-type_std input[type=password] {
    font-size: 0.875rem;
    padding: 0.65rem 1rem;
  }
  .bl_form.-type_std textarea {
    font-size: 0.875rem;
    padding: 0.65rem 1rem;
  }
  .bl_form.-type_std .bl_selectBox_wrapper::after {
    border-top-width: 9px;
    border-right-width: 7px;
    border-left-width: 7px;
    right: 0.85rem;
  }
  .bl_form.-type_std .bl_selectBox_wrapper .bl_selectBox {
    font-size: 0.875rem;
    padding: 0.65rem 0.75rem;
  }
  .bl_form.-type_std .bl_btnWrapper .el_btn4 {
    height: 42px;
  }
  .bl_form.-type_std &gt; .bl_btnWrapper {
    margin-top: 25px;
  }
}
/* Radio button
  ----------------------------------------------------------------- */
.bl_radioBtn {
  position: relative;
}
.bl_radioBtn input[type=radio] {
  position: absolute;
  opacity: 0;
}
.bl_radioBtn input[type=radio]:checked + .bl_radioBtn_lbl::after {
  position: absolute;
  display: block;
  content: "";
  background: var(--color-main);
  top: 50%;
  left: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.bl_radioBtn input[type=radio]:focus + .bl_radioBtn_lbl::before {
  border-color: var(--color-main);
}
.bl_radioBtn .bl_radioBtn_lbl {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 65px;
  cursor: pointer;
}
.bl_radioBtn .bl_radioBtn_lbl::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background: #fff;
  border: 1px solid #DBDBDB;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 10px;
}
.bl_radioBtn:not(:last-of-type) .bl_radioBtn_lbl {
  margin-right: 10px;
}

/* Radio round button
  ----------------------------------------------------------------- */
.bl_radioRoundBtn_wrapper {
  --gap: 1.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap);
}
.bl_radioRoundBtn_wrapper.-col2 {
  flex-wrap: wrap;
}
.bl_radioRoundBtn_wrapper.-col2 .bl_radioRoundBtn {
  flex-basis: calc(100% - var(--gap) / 2);
}

.bl_radioRoundBtn {
  position: relative;
  flex-basis: 100%;
}
.bl_radioRoundBtn input[type=radio] {
  position: absolute;
  opacity: 0;
}
.bl_radioRoundBtn input[type=radio]:checked + .bl_radioRoundBtn_lbl {
  background: #FFE2E7;
  color: #E25598;
  border-color: #D63AA6;
}
.bl_radioRoundBtn input[type=radio]:focus + .bl_radioRoundBtn_lbl {
  box-shadow: 0 0 0 2px #FFE2E7;
}
.bl_radioRoundBtn .bl_radioRoundBtn_lbl {
  display: inline-block;
  width: 100%;
  background: #F7F7F7;
  border: 1px solid #F7F7F7;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.43rem;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .bl_radioRoundBtn .bl_radioRoundBtn_lbl {
    font-size: 0.875rem;
    padding: 0.63rem;
  }
}
/* Checkbox
  ----------------------------------------------------------------- */
.bl_checkbox {
  position: relative;
  display: inline-block;
}
.bl_checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.bl_checkbox input[type=checkbox]:checked + .bl_checkbox_lbl::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 3px;
  width: 10px;
  height: 7px;
  border-left: 3px solid var(--color-main);
  border-bottom: 3px solid var(--color-main);
  transform: translateY(calc(-50% - 1px)) rotate(-45deg);
}
.bl_checkbox input[type=checkbox]:focus + .bl_checkbox_lbl::before {
  box-shadow: 0 0 0 2px var(--color-focus_outline);
}
.bl_checkbox .bl_checkbox_lbl {
  position: relative;
  display: flex;
  align-items: center;
}
.bl_checkbox .bl_checkbox_lbl::before {
  display: block;
  content: "";
  background: #fff;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

/* Back to top
  ----------------------------------------------------------------- */
.bl_backToTop {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 25px auto 30px;
}
.bl_backToTop::after {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px solid transparent;
}
.bl_backToTop .bl_backToTop_btn {
  display: inline-block;
  width: 100%;
  padding: 0.875rem 1.25rem;
  background: #fff;
  font-size: 0.75rem;
  line-height: 1.25;
  text-align: center;
  border-radius: 30px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
}
.bl_backToTop .bl_backToTop_btn:hover {
  opacity: var(--opacity_70);
}
.bl_backToTop .bl_backToTop_btn + .bl_backToTop_btn {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .bl_backToTop {
    margin: 30px auto;
  }
  .bl_backToTop .bl_backToTop_btn {
    width: auto;
    min-width: 190px;
  }
}
/* Label list
  ----------------------------------------------------------------- */
.bl_lblList {
  display: flex;
  gap: 9px;
}

@media (min-width: 768px) {
  .bl_lblList {
    gap: 13px;
  }
}
/* Modal cover
   ----------------------------------------------------------------- */
.bl_modalCover {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 20;
  transition: opacity 0.7s ease;
}
.bl_modalCover.is_leave {
  opacity: 0;
}
.bl_modalCover:not(.is_active) {
  opacity: 0;
  z-index: -1;
}

/* Modal
   ----------------------------------------------------------------- */
.bl_modal {
  --modal-idel-offset_y: -50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% - var(--cont-padding) * 2);
  margin: 33px auto 37px;
  height: 100%;
  max-height: calc(100vh - 70px);
  z-index: 21;
  transition: opacity 0.3s ease, margin 0.3s ease, width 0.3s ease, top 0.3s ease, transform 0.3s ease;
}
.bl_modal.is_leave {
  opacity: 0;
}
.bl_modal.is_leave .bl_modal_body {
  transform: translateY(var(--modal-idel-offset_y));
}
.bl_modal.is_leave .bl_modal_closeBtn {
  transform: translateY(var(--modal-idel-offset_y)) !important;
}
.bl_modal:not(.is_active) {
  opacity: 0;
  z-index: -1;
}
.bl_modal:not(.is_active) .bl_modal_body {
  transform: translateY(var(--modal-idel-offset_y));
}
.bl_modal:not(.is_active) .bl_modal_closeBtn {
  transform: translateY(var(--modal-idel-offset_y)) !important;
}
.bl_modal.-alignC {
  height: auto;
}
.bl_modal .bl_modal_body {
  position: relative;
  height: 100%;
  overflow-y: scroll;
  border-radius: var(--bdr-radius_md);
  transition: var(--transition_ease);
}
.bl_modal .bl_modal_closeBtn {
  position: absolute;
  top: -14px;
  right: -11px;
  background-image: url(/assets/modal/img_btn_close-9824852b8297bfdf1900fd835cc3363f1ab80ede51a4523b894ecbfed99fa05f.svg);
  background-size: contain;
  width: 34px;
  height: 34px;
  cursor: pointer;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  transition: var(--transition_ease);
}
.bl_modal .bl_modal_closeBtn:hover {
  transform: scale(1.05);
}

@media (max-width: 767px) {
  .bl_modal.-wFullsp {
    width: 100%;
    margin: 0;
  }
  .bl_modal.-wFullsp .bl_modal_body {
    border-radius: 0;
  }
  .bl_modal .bl_modal_closeBtn.-selectModal {
    background-image: url(/assets/common/icon_modal_closeBtn__selectModal-39f02cccc52658e45023bf6b2ca18ef37788ceb061fe58ea600cb9ed91f1b7a4.svg);
    top: 1rem;
    right: 1rem;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) {
  .bl_modal {
    width: 700px;
    margin-top: 64px;
    margin-bottom: 64px;
    max-height: calc(100vh - 128px);
  }
  .bl_modal.-alignC {
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .bl_modal.-w900pc {
    width: 900px;
  }
}
/* User comment
   ----------------------------------------------------------------- */
.bl_userComment {
  position: relative;
}
.bl_userComment .bl_userComment_head {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
.bl_userComment .bl_userComment_statusLbl {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  color: var(--color-main);
  border: 1px solid currentColor;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.6;
  padding: 2px 8px;
  border-radius: 20px;
}
.bl_userComment .bl_userComment_icnWrapper {
  display: block;
  content: "";
  flex-shrink: 0;
  background-color: #ECF5FE;
  background-size: contain;
  width: 70px;
  height: 70px;
  margin-right: 12px;
  border-radius: 50%;
}
.bl_userComment .bl_userComment_icnWrapper.-icon1 {
  background-image: url(/assets/icon_people/icon_person1-08d0041ec8f77f31149cf69efc9c7b90fc7ed1bb02ab6531d729527f47c012ae.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon2 {
  background-image: url(/assets/icon_people/icon_person2-e934c9757488ca4650321115869acdb791b5913a053e19d6b9472559e8144499.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon3 {
  background-image: url(/assets/icon_people/icon_person3-948072f939f76e491457df275470927eb55d83f8bf91381a7ac08089dbbe396d.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon4 {
  background-image: url(/assets/icon_people/icon_person4-e5470d9c2570471781d8d8de483da82b98580c57840ee193904753ae46d0838f.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon5 {
  background-image: url(/assets/icon_people/icon_person5-7fb33c92f4ca6b056aa94e0cc4f44eeef487e55bec1d15ff6c50d5b8af48dd75.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon6 {
  background-image: url(/assets/icon_people/icon_person6-a4077b6a6cab504e64217b400de6245c625445668043231a610b5249e3a45eff.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon7 {
  background-image: url(/assets/icon_people/icon_person7-52066510237773ab72eb4db53cc69d3f333b93476d616e8b4b0b00814ef5b08b.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon8 {
  background-image: url(/assets/icon_people/icon_person8-0f0363cec0ce294b40e163cc5e10e381255651285771b9dad4ec18a5f7439ca4.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon9 {
  background-image: url(/assets/icon_people/icon_person9-de7200a834b7e584fc4465d5673769ad6ded7be30c86b1ad94f517a84ac551c6.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon10 {
  background-image: url(/assets/icon_people/icon_person10-59ce02358a391f247318a3b8f14efbb9cd576d6a694dd69f7b082ef13eb5ac80.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon11 {
  background-image: url(/assets/icon_people/icon_person11-e0077e104fcbf5017acb62a381de8b41e464596bf6f27d4522580f88c74f0362.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon12 {
  background-image: url(/assets/icon_people/icon_person12-7c97623253c7e2d241b03b6f3b52c303f608dd28230095523d2fc21e22a4a543.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon13 {
  background-image: url(/assets/icon_people/icon_person13-f220a2df8d2ceda933a0ec8550b7be611e67cc8b4171fbf3e59c89f51f518fbf.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon14 {
  background-image: url(/assets/icon_people/icon_person14-4f1b481e56a896640e4bee142ec9c979a31a5023bd85b247ed3b687fb7abcb37.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon15 {
  background-image: url(/assets/icon_people/icon_person15-729782e083bca691e8bf95cd09f90c6716330be96fdf89b316eee0f5a7778737.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon16 {
  background-image: url(/assets/icon_people/icon_person16-6aaf2e1c58fb2f625d841b1e25ccc1918201b762695781f516f85724fe79b495.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon17 {
  background-image: url(/assets/icon_people/icon_person17-f80430e7fb07df3c32d47e29ea4f28b8e0095c8f3ad934db6fbf01828be111b3.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon18 {
  background-image: url(/assets/icon_people/icon_person18-9a9e75c6859eb488947e089569ec98ccc822f31588a28c52c187442c831d7605.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon19 {
  background-image: url(/assets/icon_people/icon_person19-2f00c1692a90de586fead7b9ef717152280325e67d749ce2e4f58c0e3c4a928d.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon20 {
  background-image: url(/assets/icon_people/icon_person20-9949f56e5b9a23ca0b3a960bc057d5f7a20d14606856435b9b055d9c5784f796.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon21 {
  background-image: url(/assets/icon_people/icon_person21-49060abe8dcf4ea48819cbe4ce3a0049b174ab1b00f4823391022dbc65f95a12.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon22 {
  background-image: url(/assets/icon_people/icon_person22-a7732c731d7ad48ec9516afa8b69e5c219daea77088ca6ca1aeffe251aa3213d.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon23 {
  background-image: url(/assets/icon_people/icon_person23-adb3176f1e2bf7b356a81e7930cf8592f6c91ccb0e95694858cd2bd680055aaa.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon24 {
  background-image: url(/assets/icon_people/icon_person24-be2f32ef865acf9b6e1577fff6ebf43e72c0d755ae9c14ca821aff5b34f0d86c.png);
}
.bl_userComment .bl_userComment_icnWrapper.-icon25 {
  background-image: url(/assets/icon_people/icon_person25-c388715b918ed727cfba2719c4c1b5e0750a183fdf81db65a18cb523050c8539.png);
}
.bl_userComment .bl_userComment_prof {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px 8px;
  margin-bottom: 1px;
}
.bl_userComment .bl_userComment_jobLbl {
  background: #4F87D4;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 1px 9px;
  border-radius: 4px;
}
.bl_userComment .bl_userComment_meta {
  color: #707070;
  font-size: 0.75rem;
  line-height: 1.5;
}
.bl_userComment .bl_userComment_rate::before {
  width: 92px;
  height: 15px;
}
.bl_userComment .bl_userComment_rate .bl_rate_num {
  font-size: 0.875rem;
}
.bl_userComment .bl_userComment_body {
  position: relative;
  background: #fafafa;
  border: 1px solid #f7f7f7;
  padding: 15px 20px;
}
.bl_userComment .bl_userComment_body::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 100%;
  left: 25px;
  border-bottom: 8px solid #f7f7f7;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.bl_userComment .bl_userComment_body::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 100%;
  left: 26px;
  border-bottom: 7px solid #fafafa;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}
.bl_userComment .bl_userComment_cat {
  color: #628FE5;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1px;
}
.bl_userComment .bl_userComment_cat.-category1 {
  color: var(--color-category_1);
}
.bl_userComment .bl_userComment_cat.-category2 {
  color: var(--color-category_2);
}
.bl_userComment .bl_userComment_cat.-category3 {
  color: var(--color-category_3);
}
.bl_userComment .bl_userComment_cat.-category4 {
  color: var(--color-category_4);
}
.bl_userComment .bl_userComment_cat.-category5 {
  color: var(--color-category_5);
}
.bl_userComment .bl_userComment_cat.-category6 {
  color: var(--color-category_1);
}
.bl_userComment .bl_userComment_cat.-category7 {
  color: var(--color-category_1);
}
.bl_userComment .bl_userComment_cat.-category8 {
  color: var(--color-category_1);
}
.bl_userComment .bl_userComment_date {
  font-size: 0.625rem;
  color: #A7A7A7;
  margin-bottom: 9px;
  letter-spacing: 0;
}
.bl_userComment .bl_userComment_txt {
  font-size: 0.875rem;
  color: #707070;
  line-height: 1.7;
  word-break: break-all;
}
.bl_userComment .bl_userComment_txt + .bl_userComment_blurUnit {
  margin-top: 0.2em;
}
.bl_userComment .bl_userComment_foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
}
.bl_userComment .bl_userComment_yesNoUnit {
  display: flex;
  align-items: center;
  gap: 12px 12px;
}
.bl_userComment .bl_userComment_yesNoHeading {
  color: #555;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.5;
}
.bl_userComment .bl_userComment_yesNoBtns {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bl_userComment .bl_userComment_linksOpenCloseBtn {
  display: block;
  content: "";
  flex-shrink: 0;
  background-image: url(/assets/common/icon_userComment_linksOpenCloseBtn-7ae2c0d5053cb36ce9ec662e6976883c81d1e6146d71fc85b1f8f1266853cc46.svg);
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 25px;
}
.bl_userComment .bl_userComment_linksOpenCloseBtn.is_active {
  opacity: 0.5;
}
.bl_userComment .bl_userComment_links {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}
.bl_userComment .bl_userComment_shareBtns {
  display: flex;
  gap: 16px;
}
.bl_userComment .bl_userComment_shareBtns .__shareBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid #EAEAEA;
  border-radius: 50%;
}
.bl_userComment .bl_userComment_shareBtns .__shareBtn:hover {
  opacity: var(--opacity_70);
}
.bl_userComment .bl_userComment_shareBtns .__shareBtn::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 17px;
  height: 17px;
}
.bl_userComment .bl_userComment_shareBtns .__shareBtn.-twitter::before {
  background-image: url(/assets/hospital/icon_shareBtn_twitter-ecf66d0724d9cb3fbb9b21a84e2d921011194ceb8280dab4975c839ab398fa73.svg);
}
.bl_userComment .bl_userComment_shareBtns .__shareBtn.-facebook::before {
  background-image: url(/assets/hospital/icon_shareBtn_facebook-716694e90548f7b12e57e0d9a46ec3d72d8ee091512af2e6c899a87c925ae8ee.svg);
}
.bl_userComment .bl_userComment_shareBtns .__shareBtn.-link::before {
  background-image: url(/assets/hospital/icon_shareBtn_link-91633049c73365ea5c8bf4af89dd0c031f0c08e45813da274fd335c37d57a189.svg);
}
.bl_userComment .bl_userComment_report .__link {
  font-size: 0.75rem;
  text-decoration: underline;
}
.bl_userComment .bl_userComment_report .__link:hover {
  opacity: var(--opacity_70);
}
.bl_userComment .bl_userComment_blurUnit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.bl_userComment .bl_userComment_blurUnit::before {
  display: block;
  content: "";
  padding-top: 46.6%;
}
.bl_userComment .bl_userComment_blurTxtImg {
  position: absolute;
  display: block;
  content: "";
  background-image: url(/assets/common/img_userComment_blurImg__sp-69507b1638c645c38abb6d9321c76f4adbc89a9ec2de42c5d6c164b3be4fbbd7.png);
  background-size: 100%;
  top: 0;
  left: 0;
  width: calc(100% + 24px);
  height: 100%;
  margin-left: -12px;
}
.bl_userComment .bl_userComment_blurUnitBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  background: linear-gradient(90deg, #B1E4EF, #D2F0CF);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 10px 23px;
  line-height: 1.2857;
  border-radius: 40px;
}
.bl_userComment .bl_userComment_blurUnitBtn::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background-image: url(/assets/hospital/icon_btn_circleArw__black-e738f4de33030a8480cadecf7e0491ca30ed00d303380516ede8b45272f0dce4.svg);
  width: 23px;
  height: 23px;
  margin-right: 0.875rem;
  border-radius: 20px;
}
.bl_userComment .bl_userComment_blurUnitBtn.-pink {
  background: linear-gradient(90deg, #F0728A, #D63AA6);
  color: #fff;
}
.bl_userComment .bl_userComment_blurUnitBtn.-pink::before {
  background-image: url(/assets/hospital/icon_btn_circleArw__pink-3b95fd117b3c1be7762b47a833d2e680951c99ce77371d81025030954c3d2bed.svg);
}

@media (max-width: 599px) {
  .bl_userComment .bl_userComment_yesNoUnit .bl_yesNoBtn .bl_yesNoBtn_btn {
    margin-right: 0;
  }
  .bl_userComment .bl_userComment_links:not(.is_active) {
    display: none;
  }
}
@media (min-width: 600px) {
  .bl_userComment .bl_userComment_linksOpenCloseBtn {
    display: none;
  }
}
@media (min-width: 768px) {
  .bl_userComment .bl_userComment_head {
    margin-bottom: 10px;
  }
  .bl_userComment .bl_userComment_icnWrapper {
    width: 50px;
    height: 50px;
    margin-right: 16px;
  }
  .bl_userComment .bl_userComment_headCont {
    padding-top: 1px;
  }
  .bl_userComment .bl_userComment_prof {
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 3px;
  }
  .bl_userComment .bl_userComment_jobLbl {
    font-size: 0.75rem;
    padding: 1.5px 10px;
  }
  .bl_userComment .bl_userComment_rate::before {
    width: 100px;
    height: 17px;
  }
  .bl_userComment .bl_userComment_rate .bl_rate_num {
    font-size: 1rem;
  }
  .bl_userComment .bl_userComment_body {
    padding: 18px 22px;
  }
  .bl_userComment .bl_userComment_date {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .bl_userComment .bl_userComment_rate .bl_rate_num {
    font-size: 1rem;
  }
  .bl_userComment .bl_userComment_body::before {
    left: 14px;
    border-bottom-width: 10px;
  }
  .bl_userComment .bl_userComment_body::after {
    left: 15px;
    border-bottom-width: 9px;
  }
  .bl_userComment .bl_userComment_cat {
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
  .bl_userComment .bl_userComment_txt {
    font-size: 0.875rem;
  }
  .bl_userComment .bl_userComment_foot {
    flex-direction: row;
    justify-content: flex-end;
  }
  .bl_userComment .bl_userComment_yesNoUnit {
    border-right: 1px dotted #AFAFAF;
    padding-right: 15px;
    margin-bottom: 0;
  }
  .bl_userComment .bl_userComment_yesNoBtns {
    gap: 9px;
  }
  .bl_userComment .bl_userComment_links {
    gap: 16px;
    margin-top: 0;
  }
  .bl_userComment .bl_userComment_shareBtns {
    display: flex;
    gap: 9px;
    padding: 0 16px;
    border-right: 1px dotted #AFAFAF;
  }
  .bl_userComment .bl_userComment_shareBtns .__shareBtn {
    width: 25px;
    height: 25px;
  }
  .bl_userComment .bl_userComment_shareBtns .__shareBtn::before {
    width: 11.5px;
    height: 11.5px;
  }
  .bl_userComment .bl_userComment_report .__link {
    font-size: 0.625rem;
  }
  .bl_userComment .bl_userComment_blurUnit::before {
    padding-top: 13.492%;
  }
  .bl_userComment .bl_userComment_blurTxtImg {
    background-image: url(/assets/common/img_userComment_blurImg-dbb1a8f19e775a7a3c8430f96afae688e7233d015e4ffc00adcca186a930f399.png);
  }
  .bl_userComment .bl_userComment_blurUnitBtn {
    width: 350px;
    padding: 12px 18px;
  }
  .bl_userComment .bl_userComment_blurUnitBtn:hover {
    opacity: var(--opacity_70);
  }
}
/* Text link list
   ----------------------------------------------------------------- */
.bl_linkList {
  position: relative;
  margin-bottom: -10px;
}
.bl_linkList .bl_linkList_heading {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.bl_linkList .bl_linkList_body {
  display: flex;
  flex-wrap: wrap;
}
.bl_linkList .bl_linkList_item {
  font-size: 0.75rem;
  padding: 1px 8px;
  margin-bottom: 10px;
  line-height: 1;
}
.bl_linkList .bl_linkList_item:first-of-type {
  padding-left: 0;
}
.bl_linkList .bl_linkList_item:not(:first-of-type) {
  border-left: 1px solid;
}
.bl_linkList .bl_linkList_link {
  display: block;
  text-decoration: underline;
}
.bl_linkList .bl_linkList_link:hover:not(.-disabled) {
  opacity: var(--opacity_70);
  text-decoration: none;
}
.bl_linkList .bl_linkList_link.-disabled {
  color: #BEBEBE;
  text-decoration: none;
}
.bl_linkList + .bl_linkList {
  margin-top: 25px;
}

@media (min-width: 768px) {
  .bl_linkList .bl_linkList_heading {
    margin-bottom: 12px;
  }
}
/* Page navigation display
   ----------------------------------------------------------------- */
.bl_pageNavDisp {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4D4D4D;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  height: 50px;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 22px;
  margin-bottom: 30px;
}

@media (max-width: 599px) {
  .bl_pageNavDisp {
    margin-left: calc(-1 * var(--cont-padding));
    margin-right: calc(-1 * var(--cont-padding));
  }
}
@media (min-width: 768px) {
  .bl_pageNavDisp {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
/* Page navigation
   ----------------------------------------------------------------- */
.bl_pageNav_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bl_pageNav_wrapper.-alignC {
  justify-content: center;
}
.bl_pageNav_wrapper .bl_pageNav_txt {
  font-weight: 700;
}

.bl_pageNav {
  display: flex;
  gap: 17px;
}
.bl_pageNav .bl_pageNav_item {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
  width: 36px;
  height: 36px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
}
.bl_pageNav .bl_pageNav_item:hover {
  opacity: var(--opacity_70);
}
.bl_pageNav .bl_pageNav_item.-current {
  box-shadow: none;
}
.bl_pageNav .bl_pageNav_item.-current .bl_pageNav_itemLink {
  background: #C6C6C6;
  color: #fff;
}
.bl_pageNav .bl_pageNav_item.-prev .bl_pageNav_itemLink::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: calc(50% + 2px);
  width: 8px;
  height: 8px;
  border-top: 3px solid var(--color-main);
  border-left: 3px solid var(--color-main);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform-origin: center;
}
.bl_pageNav .bl_pageNav_item.-next .bl_pageNav_itemLink::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: calc(50% - 2px);
  width: 8px;
  height: 8px;
  border-top: 3px solid var(--color-main);
  border-left: 3px solid var(--color-main);
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
  transform-origin: center;
}
.bl_pageNav .bl_pageNav_itemLink {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #4B4B4B;
  width: 100%;
  height: 100%;
}
.bl_pageNav .bl_pageNav_space {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 36px;
  letter-spacing: 8px;
  text-indent: 8px;
  font-size: 0.875rem;
}
.bl_pageNav + .bl_pageNav_txt {
  margin-top: 12px;
}

@media (max-width: 767px) {
  .bl_pageNav .bl_pageNav_item {
    box-shadow: none;
  }
}
@media (min-width: 768px) {
  .bl_pageNav .bl_pageNav_space {
    width: 36px;
  }
}
/* Notice menu
   ----------------------------------------------------------------- */
.bl_noticeMenu {
  position: fixed;
  top: 0;
  left: 0;
  background: #F8F8F8;
  padding-top: var(--header-height_sp);
  width: 100%;
  height: 100vh;
  z-index: 2;
}
.bl_noticeMenu:not(.is_active) {
  opacity: 0;
  z-index: -1;
  overflow: hidden;
}
.bl_noticeMenu .bl_noticeMenu_inner {
  display: flex;
  flex-direction: column;
  padding: 18px 18px;
  height: 100%;
}
.bl_noticeMenu .bl_noticeMenu_body {
  height: 100%;
  overflow: scroll;
}
.bl_noticeMenu .bl_noticeMenu_chkBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 100%;
  height: 50px;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: var(--bdr-radius_sm);
}
.bl_noticeMenu .bl_noticeMenu_chkBtn:hover {
  opacity: var(--opacity_70);
}
.bl_noticeMenu .bl_noticeMenu_chkBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_btn_mailOpen-c5f9e7dec7be4b0651c02fc5d94361283a895e5de1b7f7d788899787f10d8bc9.svg);
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

@media (min-width: 1000px) {
  .bl_noticeMenu {
    position: fixed;
    top: calc(var(--header-height) - 6px);
    left: inherit;
    right: calc((100% - var(--cont-width)) / 2);
    border: 1px solid #E5E5E5;
    background: #fff;
    padding-top: 0;
    width: 290px;
    height: auto;
    z-index: 20;
  }
  .bl_noticeMenu::before {
    position: absolute;
    bottom: 100%;
    right: 55px;
    display: block;
    content: "";
    border-bottom: 11px solid #E5E5E5;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
  }
  .bl_noticeMenu::after {
    position: absolute;
    bottom: 100%;
    right: 56px;
    display: block;
    content: "";
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
  .bl_noticeMenu .bl_noticeMenu_inner {
    max-height: 650px;
    padding: 0;
  }
  .bl_noticeMenu .bl_noticeMenu_chkBtn {
    justify-content: flex-end;
    height: 33px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 0.625rem;
  }
  .bl_noticeMenu .bl_noticeMenu_chkBtn::before {
    width: 13px;
    height: 13px;
  }
}
/* Notice item
   ----------------------------------------------------------------- */
.bl_noticeItem {
  position: relative;
  display: block;
  padding: 20px;
  background: #fff;
  border-radius: var(--bdr-radius_sm);
  margin-bottom: 15px;
}
.bl_noticeItem.is_checked {
  opacity: 0.6;
}
.bl_noticeItem .bl_noticeItem_body {
  position: relative;
}
.bl_noticeItem .bl_noticeItem_ttl {
  font-size: 0.875rem;
  font-weight: 700;
  padding-left: 68px;
  line-height: 1.5;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bl_noticeItem .bl_noticeItem_ttl.-noCat {
  padding-left: 0;
}
.bl_noticeItem .bl_noticeItem_date {
  display: block;
  font-size: 0.75rem;
  color: #aaa;
  margin-bottom: 5px;
}
.bl_noticeItem .bl_noticeItem_txt {
  font-size: 0.75rem;
  line-height: 1.5;
}
.bl_noticeItem .bl_noticeItem_badge {
  position: absolute;
  top: 13px;
  right: 9px;
  background: #D12C2C;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.bl_noticeItem .el_mesCat {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 60px;
  padding-top: 1px;
  padding-bottom: 1px;
}

@media (min-width: 1000px) {
  .bl_noticeItem {
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0;
    margin-bottom: 0;
    padding: 13px 19px;
  }
  .bl_noticeItem .bl_noticeItem_ttl {
    font-size: 0.75rem;
    padding-left: 55px;
  }
  .bl_noticeItem .bl_noticeItem_date {
    display: block;
    font-size: 0.625rem;
  }
  .bl_noticeItem .bl_noticeItem_txt {
    font-size: 0.625rem;
  }
  .bl_noticeItem .bl_noticeItem_badge {
    top: 7px;
    right: 11px;
    width: 8px;
    height: 8px;
  }
  .bl_noticeItem .el_mesCat {
    min-width: 50px;
    width: 50px;
    padding-left: 0;
    padding-right: 0;
  }
}
/* Yes no button
   ----------------------------------------------------------------- */
.bl_yesNoBtn {
  display: flex;
  align-items: center;
  min-width: 70px;
}
.bl_yesNoBtn .bl_yesNoBtn_btn {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  min-width: 60px;
  color: #555;
  padding: 3.5px;
  line-height: 1.3;
  border: 1px solid #ddd;
  border-radius: 999px;
}
.bl_yesNoBtn .bl_yesNoBtn_btn:hover {
  opacity: var(--opacity_70);
}
.bl_yesNoBtn .bl_yesNoBtn_count {
  position: relative;
  display: block;
  border: 1px solid #ddd;
  background: #f7f7f7;
  font-size: 10px;
  line-height: 1;
  padding: 3px 3px;
  margin-left: 6px;
  letter-spacing: 0;
}
.bl_yesNoBtn .bl_yesNoBtn_count::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 100%;
  border-right: 5px solid #ddd;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: translateY(-50%);
}
.bl_yesNoBtn .bl_yesNoBtn_count::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 100%;
  border-right: 3.5px solid #f7f7f7;
  border-top: 2.5px solid transparent;
  border-bottom: 2.5px solid transparent;
  transform: translateY(-50%);
}
.bl_yesNoBtn.is_active .bl_yesNoBtn_btn {
  color: var(--color-main);
  border-color: currentColor;
  background: #E7F7FA;
}
.bl_yesNoBtn.is_active .bl_yesNoBtn_count {
  color: var(--color-main);
  border-color: currentColor;
  background-color: #E7F7FA;
}
.bl_yesNoBtn.is_active .bl_yesNoBtn_count::before {
  border-right-color: currentColor;
}
.bl_yesNoBtn.is_active .bl_yesNoBtn_count::after {
  border-right-color: #E7F7FA;
}

/* Hospital ranking card
   ----------------------------------------------------------------- */
.bl_hospRankCard {
  position: relative;
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: var(--cont-padding);
  padding-right: var(--cont-padding);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
}
.bl_hospRankCard .bl_hospRankCard_head {
  display: flex;
  align-items: flex-start;
}
.bl_hospRankCard .bl_hospRankCard_numWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-size: contain;
  width: 71px;
  height: 71px;
}
.bl_hospRankCard .bl_hospRankCard_numWrapper.-gold {
  background-image: url(/assets/common/img_hospRankCard_num__gold-8db7010dd45ec3c9876a5ffd282941517dd79d1a2d8b898108631a7364691b1a.png);
}
.bl_hospRankCard .bl_hospRankCard_numWrapper.-silver {
  background-image: url(/assets/common/img_hospRankCard_num__silver-f4c7ac239f5817ba7564eecf1e1129e21321b56e7ab67424616635ecbad923c5.png);
}
.bl_hospRankCard .bl_hospRankCard_numWrapper.-bronze {
  background-image: url(/assets/common/img_hospRankCard_num__bronze-5d31c497c900a012b7a0a5becb2a36c979f376ad9e47a7cfdb29410beae57733.png);
}
.bl_hospRankCard .bl_hospRankCard_numTxt {
  font-size: 0.75rem;
  font-weight: 700;
}
.bl_hospRankCard .bl_hospRankCard_numTxt .__num {
  font-size: 1.4375rem;
  margin: 0 1px;
  letter-spacing: 0;
}
.bl_hospRankCard .bl_hospRankCard_numTxt.-fz_sm {
  font-size: 0.625rem;
}
.bl_hospRankCard .bl_hospRankCard_numTxt.-fz_sm .__num {
  font-size: 1.125rem;
}
.bl_hospRankCard .bl_hospRankCard_headCont {
  flex-grow: 1;
  margin-left: 12px;
}
.bl_hospRankCard .bl_hospRankCard_headMain {
  position: relative;
  margin-bottom: 8px;
}
.bl_hospRankCard .bl_hospRankCard_headTtl {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2777;
  margin-bottom: 8px;
}
.bl_hospRankCard .bl_hospRankCard_headTtl .el_link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.bl_hospRankCard .bl_hospRankCard_headAddr {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  color: #888888;
}
.bl_hospRankCard .bl_hospRankCard_headAddr::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_mapPin-19311ee9ea488b09fe499f5610574f03a7f2f58626ee905549dc7eb67febb2d0.svg);
  background-size: contain;
  width: 8px;
  height: 10px;
  margin-right: 6px;
}
.bl_hospRankCard .bl_hospRankCard_headMeta {
  display: flex;
  line-height: 1;
}
.bl_hospRankCard .bl_hospRankCard_headMeta .bl_rate::before {
  width: 92px;
  height: 15px;
}
.bl_hospRankCard .bl_hospRankCard_headMeta .bl_rate::after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px dotted #A0A0A0;
}
.bl_hospRankCard .bl_hospRankCard_headMeta .bl_rate .bl_rate_num {
  font-size: 0.75rem;
}
.bl_hospRankCard .bl_hospRankCard_headRes {
  font-size: 0.625rem;
  color: #727272;
}
.bl_hospRankCard .bl_commentCount .bl_commentCount_txt {
  color: #727272;
  font-size: 0.75rem;
  font-weight: 400;
}
.bl_hospRankCard .bl_hospRankCard_body {
  position: relative;
  margin-top: 18px;
}
.bl_hospRankCard .bl_hospRankCard_chartWrapper {
  position: relative;
}
.bl_hospRankCard .bl_hospRankCard_cont {
  position: relative;
}
.bl_hospRankCard .bl_hospRankCard_btnWrapper {
  margin-top: 18px;
}
.bl_hospRankCard .bl_hospRankCard_btn {
  background: #FCFCFC;
  border: 1px solid #F2F2F2;
  border-radius: 100px;
  box-shadow: none;
}
.bl_hospRankCard .bl_hospRankCard_blurImgWrapper {
  position: relative;
  font-size: 0;
}
.bl_hospRankCard .bl_hospRankCard_blurImg {
  width: 360px;
  max-width: 100%;
}
.bl_hospRankCard .bl_hospRankCard_goSignupUnit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bl_hospRankCard .bl_hospRankCard_goSignupBtn {
  width: auto;
  min-width: 240px;
  padding: 0.6rem 1.45rem;
  line-height: 1.28;
}
.bl_hospRankCard .bl_hospRankCard_goSignupBtn.-icnCircleArw::before {
  width: 23px;
  height: 23px;
}
.bl_hospRankCard .bl_hospRankCard_viewCommentUnit {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bl_hospRankCard .bl_hospRankCard_viewCommentBtn {
  width: auto;
  min-width: 240px;
  padding: 0.6rem 1.45rem;
  line-height: 1.28;
}
.bl_hospRankCard .bl_hospRankCard_viewCommentBtn.-icnCircleArw::before {
  width: 23px;
  height: 23px;
}
.bl_hospRankCard .bl_userComment .bl_rate::before {
  width: 99px;
  height: 17px;
}

@media (max-width: 999px) {
  .bl_hospRankCard .bl_hospRankCard_cont {
    margin-top: 20px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_head {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 0;
    left: 0;
    width: 65px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_meta {
    font-size: 0.625rem;
    color: #5C5C5C;
    text-align: center;
    margin-top: 8px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_icnWrapper {
    width: 50px;
    height: 50px;
    margin-right: 0;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_body {
    margin-left: 78px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_body::before {
    top: 20px;
    left: -14px;
    border-color: #f7f7f7 #f7f7f7 transparent transparent;
    border-style: solid;
    border-width: 7px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_body::after {
    top: 21px;
    left: -12px;
    border-color: #fafafa #fafafa transparent transparent;
    border-style: solid;
    border-width: 6px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_cat {
    font-size: 0.75rem;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_date {
    display: none;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_txt {
    font-size: 0.625rem;
  }
  .bl_hospRankCard .bl_userComment .bl_rate {
    display: none;
  }
  .bl_hospRankCard .bl_hospRankCard_btnWrapper {
    display: none;
  }
}
@media (min-width: 1000px) {
  .bl_hospRankCard {
    padding: 25px 30px;
    border-radius: var(--bdr-radius_md);
  }
  .bl_hospRankCard .bl_hospRankCard_headCont {
    display: flex;
    align-items: center;
    align-self: stretch;
    margin-left: 15px;
  }
  .bl_hospRankCard .bl_hospRankCard_headMain {
    margin-bottom: 0;
  }
  .bl_hospRankCard .bl_hospRankCard_headTtl {
    font-size: 1.25rem;
  }
  .bl_hospRankCard .bl_hospRankCard_headAddr {
    font-size: 0.75rem;
  }
  .bl_hospRankCard .bl_hospRankCard_headMeta {
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
  }
  .bl_hospRankCard .bl_hospRankCard_headMeta .bl_rate::before {
    width: 134px;
    height: 21px;
  }
  .bl_hospRankCard .bl_hospRankCard_headMeta .bl_rate::after {
    display: none;
  }
  .bl_hospRankCard .bl_hospRankCard_headMeta .bl_rate .bl_rate_num {
    font-size: 1.3125rem;
  }
  .bl_hospRankCard .bl_hospRankCard_headRes {
    margin-top: 12px;
  }
  .bl_hospRankCard .bl_hospRankCard_body {
    display: flex;
    align-items: flex-start;
    border-top: 1px dotted #ccc;
    margin-top: 12px;
    padding-top: 30px;
  }
  .bl_hospRankCard .bl_hospRankCard_chartWrapper {
    flex-shrink: 0;
    width: 425px;
  }
  .bl_hospRankCard .bl_hospRankCard_cont {
    position: relative;
    margin-left: 32px;
  }
  .bl_hospRankCard .bl_hospRankCard_btnWrapper {
    margin-top: 18px;
  }
  .bl_hospRankCard .bl_hospRankCard_btn {
    border: 1px solid #F2F2F2;
    border-radius: 100px;
  }
  .bl_hospRankCard .bl_hospRankCard_blurImg {
    width: 100%;
  }
  .bl_hospRankCard .bl_hospRankCard_goSignupBtn {
    min-width: 425px;
    font-size: 1.0625rem;
    padding: 0.9rem 1.45rem;
  }
  .bl_hospRankCard .bl_hospRankCard_viewCommentBtn {
    min-width: 425px;
    font-size: 1.0625rem;
    padding: 0.9rem 1.45rem;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_head {
    margin-bottom: 18px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_cat {
    margin-bottom: 18px;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_date {
    text-align: right;
  }
  .bl_hospRankCard .bl_userComment .bl_userComment_txt {
    font-size: 0.75rem;
  }
}
/* Format content
   ----------------------------------------------------------------- */
.bl_formatCont_wrapper {
  padding-top: 20px;
  padding-bottom: 24px;
}
.bl_formatCont_wrapper .bl_backToTop {
  margin-bottom: 0;
}
.bl_formatCont_wrapper .bl_backToTop .bl_backToTop_btn {
  width: auto;
  min-width: 180px;
  padding: 0.7rem 1.25rem;
}

.bl_formatCont {
  --cont-padding_x: 20px;
  --cont-padding_top: 20px;
  --cont-padding_btm: 26px;
  background: #fff;
  border-radius: var(--bdr-radius_md);
  padding: var(--cont-padding_top) var(--cont-padding_x) var(--cont-padding_btm);
  overflow: hidden;
}
.bl_formatCont .el_lv1Heading {
  margin-bottom: var(--cont-padding_x);
}
.bl_formatCont .el_lv1Heading:first-of-type {
  margin-top: calc(-1 * var(--cont-padding_x));
  margin-left: calc(-1 * var(--cont-padding_x));
  margin-right: calc(-1 * var(--cont-padding_x));
}
.bl_formatCont .el_lv1Heading:first-of-type + .el_lv2Heading {
  margin-top: calc(-1 * var(--cont-padding_top));
}
.bl_formatCont .el_lv2Heading {
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
}
.bl_formatCont .el_lv3Heading {
  margin-top: 1rem;
}
.bl_formatCont .bl_table {
  margin-top: 30px;
  margin-bottom: 0;
}
.bl_formatCont .bl_table + .el_span {
  margin-top: 7px;
}
.bl_formatCont .bl_form input[type=text],
.bl_formatCont .bl_form input[type=email],
.bl_formatCont .bl_form input[type=password],
.bl_formatCont .bl_form textarea {
  font-size: 0.875rem;
  padding: 0.65rem 0.9rem;
}
.bl_formatCont .el_link {
  color: inherit;
}
.bl_formatCont &gt; ul {
  margin: 30px 0;
  padding-left: 1em;
}
.bl_formatCont &gt; ul li {
  list-style: disc;
  font-size: 0.875rem;
}
.bl_formatCont .bl_formatCont_exCont {
  background: #EFEFEF;
  padding: 10px 20px;
  margin-top: 10px;
  border-radius: var(--bdr-radius_sm);
}

@media (min-width: 1000px) {
  .bl_formatCont_wrapper {
    padding-top: 38px;
    padding-bottom: 30px;
  }

  .bl_formatCont {
    --cont-padding_x: 30px;
    --cont-padding_top: 30px;
    --cont-padding_btm: 34px;
    padding: var(--cont-padding_top) var(--cont-padding_x) var(--cont-padding_btm);
  }
  .bl_formatCont .el_lv1Heading {
    font-size: 1.25rem;
    padding: 0.65rem 1.8rem;
  }
  .bl_formatCont .el_lv1Heading:first-of-type + .el_lv2Heading {
    margin-top: calc(-1 * var(--cont-padding_top) + 5px);
  }
  .bl_formatCont .el_lv2Heading {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
  }
  .bl_formatCont .el_lv2Heading + .el_lv3Heading {
    margin-top: 3rem;
  }
  .bl_formatCont .el_lv3Heading {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
  }
  .bl_formatCont .bl_table {
    margin-top: 25px;
  }
  .bl_formatCont .bl_table + .el_span {
    margin-top: 25px;
  }
  .bl_formatCont .bl_formatCont_exCont {
    margin-top: 15px;
  }
}
/* Page title
   ----------------------------------------------------------------- */
.bl_pageTtl {
  position: relative;
  background: linear-gradient(110deg, rgba(75, 121, 207, 0.15), rgba(59, 182, 227, 0.15));
}
.bl_pageTtl::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  background-image: url(/assets/common/bg_pageTtl__sp-dffe15223876f51dc64e7806d9e8abd4ef9929e466aa6b727b4edd1ed837ef5f.png);
  width: 100%;
  height: 100%;
}
.bl_pageTtl .bl_pageTtl_body {
  position: static;
}
.bl_pageTtl .bl_pageTtl_txtWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_pageTtl .bl_pageTtl_txt {
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.375;
  text-align: center;
  z-index: 1;
}
.bl_pageTtl .bl_pageTtl_bgTxt {
  position: absolute;
  display: block;
  top: -5px;
  left: 0;
  right: 0;
  font-family: var(--font-family-heading_en);
  font-size: 5.875rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.1em;
  opacity: 0.21;
  z-index: 0;
}
.bl_pageTtl .bl_pageTtl_imgWrapper {
  font-size: 0;
}
.bl_pageTtl .bl_pageTtl_img {
  width: 100%;
}

@media (max-width: 999px) {
  .bl_pageTtl {
    margin-bottom: 40px;
    padding-top: 5px;
  }
  .bl_pageTtl::before {
    background-size: 448px;
    background-position: calc(50% + 5px) calc(0% - 40px);
  }
  .bl_pageTtl .bl_pageTtl_txtWrapper {
    min-height: 90px;
  }
  .bl_pageTtl .bl_pageTtl_imgWrapper {
    margin-right: calc(-1 * (var(--cont-padding) + 24px));
    margin-top: -40px;
    transform: translateY(40px);
  }
}
@media (min-width: 1000px) {
  .bl_pageTtl {
    margin-bottom: 40px;
  }
  .bl_pageTtl::before {
    background-image: url(/assets/common/bg_pageTtl-e9bada1c4585953b18686d7caea3d7099e8ba1fbd55e845da1f0a94ef41355c2.png);
    background-size: 660px;
    background-position: calc(50vw - var(--cont-width) / 2 - 100px) 0%;
  }
  .bl_pageTtl .bl_pageTtl_body {
    height: 268px;
  }
  .bl_pageTtl .bl_pageTtl_txtWrapper {
    width: calc(50% - 30px);
    height: 100%;
  }
  .bl_pageTtl .bl_pageTtl_txt {
    font-size: 1.9375rem;
  }
  .bl_pageTtl .bl_pageTtl_bgTxt {
    top: 50%;
    font-size: 7.4375rem;
    transform: translateY(-50%);
  }
  .bl_pageTtl .bl_pageTtl_imgWrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 30px);
    height: 307px;
    overflow: hidden;
  }
  .bl_pageTtl .bl_pageTtl_img {
    height: calc(100% + 10px);
    margin-top: -10px;
    border-radius: 0 0 0 20px;
    object-fit: cover;
    object-position: top center;
  }
}
/* Registration info
   ----------------------------------------------------------------- */
.bl_registrationInfo {
  background: linear-gradient(110deg, #FFE8F2, #FFF7CE);
  padding: 20px 0;
}
.bl_registrationInfo .bl_registrationInfo_body {
  position: relative;
}
.bl_registrationInfo .bl_registrationInfo_cont {
  position: relative;
}
.bl_registrationInfo .bl_registrationInfo_heading {
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.42;
  text-align: center;
}
.bl_registrationInfo .bl_registrationInfo_btnWrapper {
  margin-top: 10px;
}
.bl_registrationInfo .bl_registrationInfo_btn {
  font-size: 1.125rem;
  height: 47px;
}

@media (max-width: 999px) {
  .bl_registrationInfo .bl_registrationInfo_heading {
    display: flex;
    justify-content: center;
    padding-top: 5px;
    gap: 20px;
  }
  .bl_registrationInfo .bl_registrationInfo_heading .__headingTxt {
    padding-top: 3px;
  }
  .bl_registrationInfo .bl_registrationInfo_heading::before {
    display: block;
    content: "";
    background-image: url(/assets/common/img_registrationInfo__l-8322dfdfc5abec83d01cb27b9720e3441d3288f7816fc047b3738f4ea4badfd2.png);
    background-size: contain;
    width: 56px;
    height: 64px;
  }
  .bl_registrationInfo .bl_registrationInfo_heading::after {
    display: block;
    content: "";
    background-image: url(/assets/common/img_registrationInfo__r-e1631c50e1d8f7bfa4f12e9f3a3f33b5a42bbe8f542859c9d590e3de8b014374.png);
    background-size: contain;
    width: 49px;
    height: 70px;
  }
}
@media (min-width: 1000px) {
  .bl_registrationInfo {
    padding: 30px 0 27px;
  }
  .bl_registrationInfo .bl_registrationInfo_body {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bl_registrationInfo .bl_registrationInfo_body::before {
    display: block;
    content: "";
    background-image: url(/assets/common/img_registrationInfo__l-8322dfdfc5abec83d01cb27b9720e3441d3288f7816fc047b3738f4ea4badfd2.png);
    background-size: contain;
    width: 72px;
    height: 83px;
    margin-right: 35px;
  }
  .bl_registrationInfo .bl_registrationInfo_body::after {
    display: block;
    content: "";
    background-image: url(/assets/common/img_registrationInfo__r-e1631c50e1d8f7bfa4f12e9f3a3f33b5a42bbe8f542859c9d590e3de8b014374.png);
    background-size: contain;
    width: 63px;
    height: 91px;
    margin-left: 25px;
  }
  .bl_registrationInfo .bl_registrationInfo_heading {
    font-size: 1.375rem;
  }
  .bl_registrationInfo .bl_registrationInfo_btnWrapper {
    margin-top: 15px;
  }
  .bl_registrationInfo .bl_registrationInfo_btn {
    width: 370px;
    height: 51px;
  }
}
/* Fixed Registration info
   ----------------------------------------------------------------- */
.bl_FixedRegistrationInfo {
  position: fixed;
  left: 0;
  bottom: 0;
  background: linear-gradient(110deg, #FFE8F2, #FFF7CE);
  width: 100%;
  padding: 12px 0 10px;
  transition: var(--transition_ease);
  z-index: 1;
}
.bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_body {
  position: relative;
}
.bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_cont {
  position: relative;
}
.bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(110deg, #F0728A, #D63AA6);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px;
  border-radius: 100px;
}
.bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn:hover {
  opacity: var(--opacity_70);
}
.bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn::after {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_btn_circleArw__pink-d032efdd1d8cd1deef1c9f378996f256c22b33920b2b44addaaa4492a1374ae5.svg);
  background-size: contain;
  width: 16px;
  height: 16px;
}
.bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn .__lbl {
  display: block;
  color: #D83FA4;
  background: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  line-height: 1;
  border-radius: 100px;
}

body:not(.-scrolled) .bl_FixedRegistrationInfo {
  transform: translateY(110px);
}

@media (max-width: 999px) {
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btnWrapper {
    margin-top: 25px;
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn {
    width: 100%;
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn .__lbl {
    position: absolute;
    left: 50%;
    top: -25px;
    box-shadow: var(--box-shadow_xs);
    transform: translateX(-50%);
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn .__lbl::after {
    position: absolute;
    display: block;
    content: "";
    top: 100%;
    left: 50%;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: translateX(-50%);
  }
}
@media (min-width: 1000px) {
  .bl_FixedRegistrationInfo {
    padding: 15px 0 13px;
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_body {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_body::before {
    display: block;
    content: "";
    background-image: url(/assets/common/img_registrationInfo__l-8322dfdfc5abec83d01cb27b9720e3441d3288f7816fc047b3738f4ea4badfd2.png);
    background-size: contain;
    width: 77px;
    height: 88px;
    margin-right: 20px;
    margin-top: -40px;
    margin-bottom: -5px;
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_body::after {
    display: block;
    content: "";
    background-image: url(/assets/common/img_registrationInfo__r-e1631c50e1d8f7bfa4f12e9f3a3f33b5a42bbe8f542859c9d590e3de8b014374.png);
    background-size: contain;
    width: 64px;
    height: 93px;
    margin-left: 20px;
    margin-top: -40px;
    margin-bottom: -5px;
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn {
    gap: 0.75rem;
    width: 100%;
    font-size: 1.125rem;
    padding: 10px 16px 10px 12px;
  }
  .bl_FixedRegistrationInfo .bl_FixedRegistrationInfo_btn .__lbl {
    font-size: 1rem;
  }
}
/* side hosp area rank banner
  ----------------------------------------------------------------- */
.bl_sideHospAreaRankBnr {
  position: relative;
  display: block;
  background: linear-gradient(135deg, #2DACC3, #8DDDBE 80%);
  box-shadow: inset 0 0 0 1px #fff;
  overflow: hidden;
}
.bl_sideHospAreaRankBnr:hover {
  opacity: var(--opacity_70);
}
.bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_year {
  position: absolute;
  display: block;
  top: 42px;
  left: -23px;
  width: 100px;
  background: #FCE8A6;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.9;
  text-align: center;
  transform: rotate(-38deg);
  transform-origin: top left;
  z-index: 1;
}
.bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 35px 11px 25px;
}
.bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_body::before {
  display: block;
  content: "";
  flex-shrink: 0;
  background-image: url(/assets/common/icon_sideHospAreaRankBnr_crown-4eec05fae0e7ced855af437a7877108406300bf57abad65e21f5c047ab0502ee.svg);
  background-size: contain;
  width: 63px;
  height: 51px;
  margin-right: 10px;
}
.bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_body::after {
  position: absolute;
  display: block;
  content: "";
  flex-shrink: 0;
  top: 50%;
  right: 12px;
  background-image: url(/assets/common/icon_sideHospAreaRankBnr_circleArw-1d78aec95df7d5c8f0a0f2a8e62944a85fd510faa7cfe7873a71686391bcffd1.svg);
  background-size: contain;
  width: 23px;
  height: 23px;
  margin-left: auto;
  transform: translateY(-50%);
}
.bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_txt {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
}
.bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_area {
  font-size: 1.1875rem;
  margin-right: 3px;
}

@media (max-width: 599px) {
  .bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_txt br {
    display: none;
  }
}
@media (min-width: 1000px) {
  .bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_body {
    padding: 16px 35px 14px 25px;
  }
  .bl_sideHospAreaRankBnr .bl_sideHospAreaRankBnr_body::before {
    transform: translateY(2px);
  }
}
/* side hospital list
  ----------------------------------------------------------------- */
.bl_sideHospList {
  background: #fff;
}
.bl_sideHospList .bl_sideHospList_item {
  transition: var(--transition_ease);
}
.bl_sideHospList .bl_sideHospList_item:not(:last-of-type) {
  border-bottom: 1px dotted #CCCCCC;
}
.bl_sideHospList .bl_sideHospList_item:hover {
  opacity: var(--opacity_70);
}
.bl_sideHospList .bl_sideHospList_itemLink {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.bl_sideHospList .bl_sideHospList_itemName {
  display: block;
  font-size: 0.75rem;
}
.bl_sideHospList .bl_sideHospList_itemRate {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 700;
  color: #EBA95C;
}
.bl_sideHospList .bl_sideHospList_itemRate::before {
  display: block;
  content: "";
  background-image: url(/assets/common/icon_sideHospList_itemRate-012b845eebec2adae820174b620ccd5d4020a9a6e0d8ae0a6cbc19920d553966.svg);
  background-size: contain;
  background-position: center;
  width: 11px;
  height: 11px;
  margin-right: 5px;
}

/* Select modal
  ----------------------------------------------------------------- */
.bl_selectModal {
  --headingHeight: 47px;
  background: #F5FBFC;
}
.bl_selectModal .bl_selectModal_heading {
  background: var(--color-main);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 19px;
  height: var(--headingHeight);
}
.bl_selectModal .bl_selectModal_body {
  max-height: calc(100vh - var(--headingHeight));
  overflow: scroll;
}
.bl_selectModal .bl_selectModal_cont {
  display: block;
}
.bl_selectModal .bl_selectModal_list {
  background: #fff;
}
.bl_selectModal .bl_selectModal_item {
  font-size: 0.875rem;
  font-weight: 700;
  box-shadow: 0 1px 0px #E3E3E3;
}
.bl_selectModal .bl_selectModal_link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 13px 19px;
}

@media (max-width: 999px) {
  .bl_selectModal .bl_selectModal_link::after {
    display: block;
    content: "";
    background-image: url(/assets/common/icon_selectModal_link_arw-4c374954bc0d69c0c4149ecbe3ba9abe2a18756f5d2b92e7015a5aaa32a29a8d.svg);
    background-size: contain;
    background-position: center;
    width: 8px;
    height: 12px;
    margin-left: auto;
  }
}
@media (min-width: 1000px) {
  .bl_selectModal .bl_selectModal_heading {
    padding: 10px 24px;
  }
  .bl_selectModal .bl_selectModal_body {
    padding: 34px 34px;
    overflow: hidden;
  }
  .bl_selectModal .bl_selectModal_list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #E3E3E3;
    border-radius: var(--bdr-radius_md);
    max-height: 380px;
    overflow-y: scroll;
  }
  .bl_selectModal .bl_selectModal_item {
    flex-basis: 50%;
  }
  .bl_selectModal .bl_selectModal_item:nth-of-type(2n-1) {
    border-right: 1px solid #E3E3E3;
  }
  .bl_selectModal .bl_selectModal_item:nth-last-of-type(-n+2) {
    margin-bottom: -1px;
  }
  .bl_selectModal .bl_selectModal_link {
    padding: 17px 26px;
  }
  .bl_selectModal .bl_selectModal_link::before {
    display: block;
    content: "";
    background-image: url(/assets/common/icon_selectModal_link_arw-4c374954bc0d69c0c4149ecbe3ba9abe2a18756f5d2b92e7015a5aaa32a29a8d.svg);
    background-size: contain;
    background-position: center;
    width: 8px;
    height: 12px;
    margin-right: 12px;
  }
}
/* toggle switch
  ----------------------------------------------------------------- */
.bl_tglSwitch {
  --tglColor_off: #C3C3C3;
  --tglColor_on: var(--color-main);
  --tglWidth: 82px;
  --tglHeight: 25px;
  --tglBtnWidth: 36px;
  position: relative;
  display: block;
  width: var(--tglWidth);
  height: var(--tglHeight);
  border-radius: 999px;
  overflow: hidden;
}
.bl_tglSwitch input[type=checkbox] {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
}
.bl_tglSwitch input[type=checkbox]:checked + .bl_tglSwitch_lbl {
  background: var(--tglColor_on);
}
.bl_tglSwitch input[type=checkbox]:checked + .bl_tglSwitch_lbl::before {
  content: "ON";
  left: calc(var(--tglBtnWidth) - 3px);
}
.bl_tglSwitch input[type=checkbox]:checked + .bl_tglSwitch_lbl::after {
  left: 0;
  border-color: var(--tglColor_on);
}
.bl_tglSwitch .bl_tglSwitch_lbl {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: var(--tglColor_off);
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}
.bl_tglSwitch .bl_tglSwitch_lbl::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "OFF";
  color: #fff;
  top: 0;
  left: 0;
  width: calc(100% - var(--tglBtnWidth) + 3px);
  height: 100%;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  transition: left 0.3s ease;
}
.bl_tglSwitch .bl_tglSwitch_lbl::after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: calc(100% - var(--tglBtnWidth));
  background: #fff;
  border: 1px solid var(--tglColor_off);
  width: var(--tglBtnWidth);
  height: 100%;
  border-radius: 999px;
  transition: left 0.3s ease;
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* Header for Recruiter label
   ----------------------------------------------------------------- */
.un_headerRecruiterLbl {
  position: absolute;
  top: 100%;
  right: 0;
}
.un_headerRecruiterLbl .un_headerRecruiterLbl_link {
  display: flex;
  background: #fff;
  padding: 0 10px 0 0;
  height: 28px;
  align-items: center;
  border-radius: 0 0 3px 0;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.16));
  transition: var(--transition_ease);
}
.un_headerRecruiterLbl .un_headerRecruiterLbl_link:hover .un_headerRecruiterLbl_txt {
  opacity: var(--opacity_70);
}
.un_headerRecruiterLbl .un_headerRecruiterLbl_link::before {
  display: block;
  content: "";
  width: 15px;
  height: 100%;
  background: #fff;
  border-radius: 0px 0 0 3px;
  margin-right: -10px;
  transform: skewX(15deg) translateX(-5px);
  transform-origin: bottom;
}
.un_headerRecruiterLbl .un_headerRecruiterLbl_txt {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
}
.un_headerRecruiterLbl .un_headerRecruiterLbl_txt::before {
  display: block;
  content: "";
  color: #696969;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  margin-right: 6px;
  transform: rotate(45deg);
}

body.-scrolled .un_headerRecruiterLbl .un_headerRecruiterLbl_link {
  height: 0;
  opacity: 0;
}

/* ==========================================================================
   Original
   ========================================================================== */
/* Display
   ----------------------------------------------------------------- */
@media (min-width: 600px) {
  .sp_only {
    display: none !important;
  }
}
@media (max-width: 599px) {
  .pt_only {
    display: none !important;
  }
}
@media (min-width: 1000px) {
  .st_only {
    display: none !important;
  }
}
@media (max-width: 999px) {
  .pc_only {
    display: none !important;
  }
}
/* ==========================================================================
   Utility
   ========================================================================== */
/* Text color
   ----------------------------------------------------------------- */
.ut_color__main {
  color: var(--color-main);
}

/* Scroll top adjust
   ----------------------------------------------------------------- */
.ut_scrollTopAdjust {
  scroll-margin-top: calc(var(--header-height) + 0.25rem);
}

@media (min-width: 600px) {
  .ut_scrollTopAdjust {
    scroll-margin-top: calc(var(--header-height_sp) + 0.25rem);
  }
}
/* Custom scroll bar
   ----------------------------------------------------------------- */
.ut_customScrollBar::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.ut_customScrollBar::-webkit-scrollbar-track {
  background: #E6E6E6;
}
.ut_customScrollBar::-webkit-scrollbar-thumb {
  background: var(--color-main);
  border: 1px solid #E6E6E6;
}

/* Text Highlighter
   ----------------------------------------------------------------- */
.ut_txtHighlight {
  background: linear-gradient(transparent 70%, #FCFFBC 70%);
}

/* ==========================================================================
   Helper
   ========================================================================== */
/* Display
   ----------------------------------------------------------------- */
.hp_none {
  display: none !important;
}

/* Margin
   ----------------------------------------------------------------- */
.hp_m__0 {
  margin: 0 !important;
}

.hp_mt__0 {
  margin-top: 0 !important;
}

.hp_mb__0 {
  margin-bottom: 0 !important;
}

/* Padding
   ----------------------------------------------------------------- */
.hp_p__0 {
  padding: 0 !important;
}

.hp_p__xs {
  padding: 0.5rem !important;
}

.hp_p__sm {
  padding: 1rem !important;
}

.hp_p__md {
  padding: 1.5rem !important;
}

.hp_pt__0 {
  padding-top: 0 !important;
}

.hp_pb__0 {
  padding-bottom: 0 !important;
}

.hp_pv__0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hp_ph__0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Background
   ----------------------------------------------------------------- */
.hp_bg__white {
  background: #fff !important;
}

/* Color
   ----------------------------------------------------------------- */
.hp_color__red {
  color: #FF0000 !important;
}

.hp_color__deepPink {
  color: #D73CA4 !important;
}

/* White space
   ----------------------------------------------------------------- */
.hp_preWrap {
  white-space: pre-wrap !important;
}

@media (max-width: 999px) {
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer {
    width: 136px;
    height: 151px;
    border-radius: 16.61px;
    background: linear-gradient(to bottom, #2dacc3, #5fc5c0);
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding-top: 0.5rem;
    font-family: "Hiragino Sans";
    color: white;
    text-align: center;
    z-index: 2;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer {
    height: 69px;
    position: relative;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__largeText {
    font-size: 22px;
    font-weight: 600;
    color: #FFDE9E;
    line-height: 33px;
    letter-spacing: 1px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__meediumText {
    font-size: 13px;
    font-weight: 600;
    color: #FFDE9E;
    line-height: 17px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__smallText {
    font-size: 11px;
    line-height: 19px;
    letter-spacing: 1px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__bannerEmphasisIcon {
    position: absolute;
    bottom: 43px;
    width: 116px;
    left: 50%;
    transform: translateX(-50%);
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__bannerReviewIcon {
    position: absolute;
    top: 32px;
    left: 53px;
    width: 29.7px;
    height: 37px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer {
    padding-top: 6px;
    padding-right: 0.125rem;
    padding-left: 1px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock {
    height: 34px;
    position: relative;
    line-height: 17px;
    display: inline-block;
    margin: 0;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock .__boldText {
    font-size: 13px;
    font-weight: 600;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock .__extraSmallText {
    font-size: 11px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock .__meritText {
    font-size: 13px;
    font-weight: 600;
    color: #FFDE9E;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerFlexContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerFlexContainer .__bannerArrowIcon {
    width: 18px;
    height: 18px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerCloseButton {
    position: absolute;
    top: -9px;
    right: -9px;
    cursor: pointer;
  }
}
@media (min-width: 1000px) {
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer {
    width: 182px;
    height: 202px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #2dacc3, #5fc5c0);
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding-top: 1rem;
    font-family: "Hiragino Sans";
    color: white;
    text-align: center;
    z-index: 2;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer {
    height: 100px;
    position: relative;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__largeText {
    font-size: 28px;
    font-weight: 600;
    color: #FFDE9E;
    line-height: 35px;
    letter-spacing: 1px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__meediumText {
    font-size: 16px;
    font-weight: 600;
    color: #FFDE9E;
    line-height: 17px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__smallText {
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 1px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__bannerEmphasisIcon {
    position: absolute;
    bottom: 70px;
    width: 143px;
    left: 50%;
    transform: translateX(-50%);
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerInnerContainer .__bannerReviewIcon {
    position: absolute;
    top: 35px;
    width: 45px;
    height: 55px;
    left: 50%;
    transform: translateX(-50%);
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer {
    padding-top: 2px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock {
    height: 34px;
    position: relative;
    line-height: 17px;
    display: inline-block;
    margin: 0;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock .__boldText {
    font-size: 16px;
    font-weight: 600;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock .__extraSmallText {
    font-size: 12px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerTextBlock .__meritText {
    font-size: 15px;
    font-weight: 700;
    color: #FFDE9E;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerFlexContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerTextContainer .bl_inviteCareerTutorialBannerFlexContainer .__bannerArrowIcon {
    width: 26px;
    height: 26px;
  }
  .un_inviteCareerTutorialBanner .bl_inviteCareerTutorialBannerContainer .bl_inviteCareerTutorialBannerCloseButton {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 34px;
    height: 34px;
    cursor: pointer;
  }
}
</pre></body></html>