@charset "UTF-8";
/* ===============================================
# color
=============================================== */
/* ===============================================
# jobCategory color
=============================================== */
/* ===============================================
# analysis color
=============================================== */
/* ===============================================
# breakpoint
=============================================== */
/* ===============================================
# z-index
=============================================== */
/* ===============================================
# img pass
=============================================== */
/* ===============================================
# other
=============================================== */
html,
body {
  color: #415166;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #f7f9f9;
  margin-top: 137px;
  background-image: url("../img/common/bg.webp");
  background-repeat: repeat;
  background-position: center 137px;
  background-size: 1920px auto;
}
@media screen and (max-width: 768px) {
  body {
    margin-top: 65px;
  }
}
body.top {
  background-color: #fff;
}
body.mainNavNone {
  margin-top: 65px;
}
@media (min-width: 1920px) {
  body {
    background-size: 100% auto;
  }
}
body.noFooter {
  background-position: left 0px top 20px, right 0px top 150px, bottom 0 center;
}
@media screen and (max-width: 768px) {
  body {
    background-image: none;
  }
}
body.bgNone {
  background-image: none;
}
body.headerNone {
  margin-top: 0;
}
body.bgBlue {
  background-color: #d3f1ff;
}
body.bgWhite {
  background-color: #fff;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

form {
  width: 100%;
}

.hide {
  display: none;
}

@media screen and (max-width: 768px) {
  .md-hide {
    display: none;
  }
}

.md-show {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .md-show {
    display: block !important;
  }
}

.lg-br {
  display: none;
}
@media screen and (max-width: 1000px) {
  .lg-br {
    display: block;
  }
}

.md-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .md-br {
    display: block;
  }
}

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

fieldset {
  width: 100%;
  min-width: 0px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  -o-border-image: initial;
  border-image: initial;
}

@-webkit-keyframes slideInLeft {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInRight {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
/* resset.dev • v5.0.2 */
/* # =================================================================
   # 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;
  -o-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;
  -webkit-text-decoration: underline dotted;
          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 */
}

iframe {
  border-style: none;
}

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

[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] {
  -moz-appearance: textfield;
       appearance: textfield;
  -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;
}

/* 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] {
  -moz-appearance: button;
       appearance: button;
  -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 {
  appearance: none;
  -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 */
}

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

/* # =================================================================
   # 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;
}

.l-footer {
  margin-top: auto;
  background: #3fc7de;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding-bottom: 72px;
  }
}
.l-footer__logo img {
  filter: brightness(0) invert(1);
  width: 150px;
}
.l-footer__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
  padding: 48px 24px 32px;
  text-align: center;
}
.l-footer__navList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .l-footer__navList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 24px;
  }
}
.l-footer__navItem {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: -0.15px;
  font-weight: 700;
  color: #fff;
}
.l-footer__copyright {
  padding: 8px 16px;
  border-top: 1px solid #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}

.l-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1004;
}
@media screen and (max-width: 768px) {
  .l-header {
    position: static;
  }
}
.l-header__head {
  width: 100%;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
  padding: 4px 16px;
  border-bottom: 1px solid #eaedf1;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .l-header__head {
    position: fixed;
    top: 0;
    z-index: 1004;
  }
}
.l-header__logo h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
.l-header__logo h1 img {
  width: 220px;
}
@media screen and (max-width: 768px) {
  .l-header__logo h1 img {
    width: 170px;
  }
}
.l-header__headNav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
}
.l-header__headNavItem {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: -1px;
  font-weight: 500;
  color: #415166;
  height: 56px;
  width: 56px;
  border-radius: 1000px;
  transition: 0.3s;
}
.l-header__headNavItem:hover {
  background: rgba(63, 199, 222, 0.1);
}
.l-header__headNavItem.is-current {
  color: #3fc7de;
}
.l-header__headNavItem.is-current img {
  filter: invert(72%) sepia(59%) saturate(579%) hue-rotate(146deg) brightness(92%) contrast(89%);
}
.l-header__mainNav {
  width: 100%;
  height: 72px;
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
@media screen and (max-width: 768px) {
  .l-header__mainNav {
    position: fixed;
    z-index: 1001;
    bottom: 0;
    box-shadow: 0 -2px 24px 0 rgba(70, 98, 122, 0.24);
  }
}
.l-header__mainNavList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 48px;
}
@media screen and (max-width: 430px) {
  .l-header__mainNavList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 32px;
  }
}
@media screen and (max-width: 402px) {
  .l-header__mainNavList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 22px;
  }
}
.l-header__mainNavItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: -1px;
  font-weight: 500;
  color: #415166;
  padding: 8px 0;
  height: 64px;
  width: 64px;
  border-radius: 1000px;
  transition: 0.3s;
}
.l-header__mainNavItem a span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 0 8px;
  border-radius: 100px;
  background: transparent;
}
.l-header__mainNavItem a:hover {
  background: rgba(237, 91, 110, 0.1);
}
.l-header__mainNavItem.is-current a {
  color: #fff;
}
.l-header__mainNavItem.is-current a img {
  filter: invert(70%) sepia(43%) saturate(7090%) hue-rotate(316deg) brightness(94%) contrast(98%);
}
.l-header__mainNavItem.is-current a span {
  background: #ed5b6e;
}

.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__slide:focus {
  outline: 3px solid #0bf;
  outline-offset: -3px;
}
.splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
  border-color: #0bf;
}
.splide--rtl {
  direction: rtl;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  overflow: visible !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  align-items: center;
  height: auto;
  margin: 0 !important;
  padding: 10px 0;
}
.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
  bottom: -28px;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #3fc7de;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}
.splide__progress__bar {
  width: 0;
  background: #ccc;
  height: 3px;
}
.splide__slide {
  overflow: visible !important;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__slide:focus {
  outline: 0;
}
.splide__slide:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: -3px;
}
.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
          animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle.is-active .splide__toggle__play {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__toggle__pause {
  display: none;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track {
  overflow: visible !important;
  position: relative;
  z-index: 0;
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__arrow {
  align-items: center;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.splide__arrow svg {
  fill: #858e97;
  height: 2em;
  width: 2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: -32px;
}
.splide__arrow--prev img {
  width: 40px;
  height: 40px;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
@media screen and (max-width: 1000px) {
  .splide__arrow--prev {
    display: none;
  }
}
.splide__arrow--next {
  right: -32px;
}
.splide__arrow--next img {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1000px) {
  .splide__arrow--next {
    display: none;
  }
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

@-webkit-keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.l-wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 137px);
}
@media screen and (max-width: 768px) {
  .l-wrapper {
    min-height: calc(100vh - 65px);
  }
}

.c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 360px;
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  padding: 14px 16px;
  background: #3fc7de;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  transition: 0.3s;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
}
@media screen and (max-width: 768px) {
  .c-button {
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .c-button--small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 700;
  }
}
.c-button--fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .c-button--low {
    padding: 8px 16px;
  }
}
.c-button--full {
  max-width: none;
}
.c-button:hover {
  background: #33aec2;
}
.c-button:active {
  background: #3c74c9;
}
.c-button--priority {
  background: #ed5b6e;
}
.c-button--priority:hover {
  background: #cf4b5d;
}
.c-button--priority:active {
  background: #ec7c31;
}
.c-button--map {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
}
.c-button--disabled {
  pointer-events: none;
  position: relative;
  background: rgba(63, 199, 222, 0.3);
  color: rgba(255, 255, 255, 0.5);
  box-shadow: none;
}
.c-button--disabled span {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #b7c8d4;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 4px;
  opacity: 1;
}
.c-button--disabled.c-button--priority {
  background: rgba(237, 91, 110, 0.3);
}
.c-button__sub {
  border: 1px solid #3fc7de;
  color: #3fc7de;
  box-shadow: none;
  background: transparent;
}
.c-button__sub:hover {
  background: rgba(63, 199, 222, 0.1);
}
.c-button__sub:active {
  background: #3c74c9;
  border: 1px solid #3c74c9;
  color: #fff;
}
.c-button__sub--disabled {
  pointer-events: none;
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(63, 199, 222, 0.3);
  color: rgba(63, 199, 222, 0.3);
  position: relative;
}
.c-button__sub--disabled span {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #b7c8d4;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 4px;
  opacity: 1;
}
.c-button__sub--priority {
  border: 1px solid #ed5b6e;
  background: #fff;
  color: #ed5b6e;
}
.c-button__sub--priority:hover {
  background: rgba(237, 91, 110, 0.1);
}
.c-button__sub--priority:active {
  background: #ec7c31;
  border: 1px solid #ec7c31;
  color: #fff;
}
.c-button__sub--priority.c-button__sub--disabled {
  border-color: rgba(237, 91, 110, 0.3);
  color: rgba(237, 91, 110, 0.3);
}
.c-button__sub.is-selected {
  background: #3c74c9;
  border: 1px solid #3c74c9;
  color: #fff;
}
.c-button__filter {
  display: inline-flex;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: normal;
  font-weight: 600;
  padding: 12px 24px;
  color: #fff;
  background-color: #3fc7de;
  border-radius: 1000px;
  border: none;
  transition: 0.3s;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
}
.c-button__filter::before {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.7096 9.99828H7.4138M3.77964 9.99828H2.29297M3.77964 9.99828C3.77964 9.51647 3.97103 9.05439 4.31172 8.7137C4.65242 8.37301 5.11449 8.18161 5.5963 8.18161C6.07811 8.18161 6.54019 8.37301 6.88088 8.7137C7.22157 9.05439 7.41297 9.51647 7.41297 9.99828C7.41297 10.4801 7.22157 10.9422 6.88088 11.2829C6.54019 11.6235 6.07811 11.8149 5.5963 11.8149C5.11449 11.8149 4.65242 11.6235 4.31172 11.2829C3.97103 10.9422 3.77964 10.4801 3.77964 9.99828ZM17.7096 15.5041H12.9196M12.9196 15.5041C12.9196 15.986 12.7278 16.4486 12.387 16.7894C12.0462 17.1302 11.5841 17.3216 11.1021 17.3216C10.6203 17.3216 10.1582 17.1294 9.81756 16.7887C9.47687 16.448 9.28547 15.9859 9.28547 15.5041M12.9196 15.5041C12.9196 15.0222 12.7278 14.5604 12.387 14.2197C12.0462 13.8789 11.5841 13.6874 11.1021 13.6874C10.6203 13.6874 10.1582 13.8788 9.81756 14.2195C9.47687 14.5602 9.28547 15.0223 9.28547 15.5041M9.28547 15.5041H2.29297M17.7096 4.49245H15.1221M11.488 4.49245H2.29297M11.488 4.49245C11.488 4.01064 11.6794 3.54856 12.0201 3.20787C12.3607 2.86718 12.8228 2.67578 13.3046 2.67578C13.5432 2.67578 13.7794 2.72277 13.9998 2.81407C14.2203 2.90536 14.4205 3.03918 14.5892 3.20787C14.7579 3.37656 14.8917 3.57683 14.983 3.79724C15.0743 4.01765 15.1213 4.25388 15.1213 4.49245C15.1213 4.73102 15.0743 4.96725 14.983 5.18766C14.8917 5.40806 14.7579 5.60833 14.5892 5.77702C14.4205 5.94572 14.2203 6.07953 13.9998 6.17083C13.7794 6.26213 13.5432 6.30911 13.3046 6.30911C12.8228 6.30911 12.3607 6.11772 12.0201 5.77702C11.6794 5.43633 11.488 4.97426 11.488 4.49245Z' stroke='%23ffffff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-button__filter:hover {
  background: #33aec2;
}
.c-button__filter:hover::after {
  transform: scale(1);
}
.c-button__filter:active {
  background: #3c74c9;
}
.c-button__arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: normal;
  font-weight: 700;
  width: min(100%, 360px);
  height: 64px;
  padding: 12px 24px;
  color: #fff;
  text-decoration: none;
  background-color: #3fc7de;
  border-radius: 8px;
  border: none;
  transition: 0.3s;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
}
.c-button__arrow::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%2300b4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  transform: scale(0.8);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.c-button__arrow:hover {
  background: #33aec2;
}
.c-button__arrow:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%2333aec2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.c-button__arrow:active {
  background: #3c74c9;
}
.c-button__arrow:active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%233c74c9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.c-button__targetBlank {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  width: 100%;
  padding: 8px 16px;
  color: #fff;
  text-decoration: none;
  background-color: #415166;
  border-radius: 8px;
  border: none;
  transition: 0.3s;
}
.c-button__targetBlank::after {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.5 5.58984H5.875C5.37772 5.58984 4.90081 5.78739 4.54917 6.13902C4.19754 6.49065 4 6.96756 4 7.46484V16.8398C4 17.3371 4.19754 17.814 4.54917 18.1657C4.90081 18.5173 5.37772 18.7148 5.875 18.7148H15.25C15.7473 18.7148 16.2242 18.5173 16.5758 18.1657C16.9275 17.814 17.125 17.3371 17.125 16.8398V11.2148M10.5625 12.1523L19 3.71484M19 3.71484H14.3125M19 3.71484V8.40234" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.c-button__targetBlank:hover {
  opacity: 0.8;
}
.c-button__guide {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  background: #fff;
  color: #415166;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  position: relative;
  width: 100%;
  min-width: 284px;
  padding: 14px 16px;
  border-radius: 8px;
  transition: 0.3s;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
}
.c-button__guide::before {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="%233FC7DE" stroke-width="1.5" /><circle cx="12" cy="8" r="1" fill="%233FC7DE" /><path d="M12 11V16" stroke="%233FC7DE" stroke-width="1.5" stroke-linecap="round" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-button__guide::after {
  content: "";
  width: 6px;
  height: 12px;
  flex-shrink: 0;
  margin-left: auto;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 14" fill="none"><path d="M0.75 12.75L6.75 6.75L0.75 0.75" stroke="%23415166" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-button__guide:hover {
  opacity: 0.7;
}
.c-button__guide--about::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="%233FC7DE" stroke-width="1.5" /><circle cx="12" cy="8" r="1" fill="%233FC7DE" /><path d="M12 11V16" stroke="%233FC7DE" stroke-width="1.5" stroke-linecap="round" /></svg>');
}
.c-button__guide--beginner::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.7092 13.0237V6.87357M11.7092 6.87357L16.9184 3.86603C17.5851 3.48113 18.4184 3.96225 18.4184 4.73205V17.4791C18.4184 17.8363 18.2278 18.1665 17.9184 18.3451L12.2092 21.6413C11.8998 21.82 11.5186 21.82 11.2092 21.6413L5.5 18.3451C5.1906 18.1665 5 17.8363 5 17.4791V4.73205C5 3.96225 5.83333 3.48113 6.5 3.86603L11.7092 6.87357Z" stroke="%233FC7DE" stroke-width="1.5" stroke-linecap="round"/></svg>');
}
.c-button__guide--faq::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20.4836 12.0004C20.4836 16.686 16.6852 20.4844 11.9996 20.4844C7.31401 20.4844 3.51562 16.686 3.51562 12.0004C3.51562 7.31477 7.31401 3.51635 11.9996 3.51635C16.6852 3.51635 20.4836 7.31477 20.4836 12.0004Z" stroke="%233FC7DE" stroke-width="1.5" stroke-miterlimit="10"/><path d="M10.001 10C10.001 8.84416 10.9388 7.95726 12.0789 8.00151C13.1155 8.04178 13.9601 8.90539 13.9995 9.96529C14.0266 10.6938 13.6807 11.3416 13.1416 11.725C12.4175 12.2399 12.001 12.5982 12.001 13.5" stroke="%233FC7DE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/><circle cx="12" cy="16" r="1" fill="%233FC7DE"/></svg>');
}
.c-button__guide--news::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.5752 3V4.89474" stroke="%233FC7DE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.5789 4.89258C8.44316 4.89258 5.89474 7.441 5.89474 10.5768V15.261C5.89474 15.8133 5.41815 16.2595 4.95446 16.5595C4.69473 16.7276 4.46657 16.9557 4.2985 17.2155C3.99848 17.6791 4.44772 18.1557 5 18.1557H11.5789M11.5789 4.89258C14.7147 4.89258 17.2632 7.441 17.2632 10.5768V15.261C17.2632 15.8133 17.7397 16.2595 18.2034 16.5595C18.4632 16.7276 18.6913 16.9557 18.8594 17.2155C19.1594 17.6791 18.7102 18.1557 18.1579 18.1557H11.5789" stroke="%233FC7DE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.68421 19.1035C9.68421 20.1456 10.5368 20.9983 11.5789 20.9983C12.6211 20.9983 13.4737 20.1456 13.4737 19.1035" stroke="%233FC7DE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.c-button__guide--disabled {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(65, 81, 102, 0.3);
  pointer-events: none;
  box-shadow: none;
}
.c-button__guide--disabled::before, .c-button__guide--disabled::after {
  opacity: 0.3;
}
.c-button__guide--disabled span {
  background: #b7c8d4;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.c-button__wrapper {
  padding: 16px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
}

.c-form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  width: 100%;
  max-width: 608px;
  margin: 8px auto 0;
}
@media screen and (max-width: 768px) {
  .c-form {
    margin: 8px auto 0;
  }
}
.c-form__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 16px 0;
}
.c-form__item--login {
  padding: 0;
}
.c-form__label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  display: block;
}
.c-form__termSection {
  padding: 8px 16px;
  width: 100%;
}
.c-form__input {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  width: 100%;
  height: 50px;
  border: none;
  box-sizing: border-box;
  border: solid 1px #eaedf1;
}
.c-form__input::-moz-placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-form__input::placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-form__input:disabled {
  background: #f7f9f9;
  cursor: not-allowed;
}
.c-form__input:focus {
  outline: none;
  border: solid 1px #3fc7de;
}
.c-form__input--search {
  padding-left: 44px;
  box-shadow: none;
  border: 1px solid #eaedf1;
}
.c-form__input--login {
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
}
.c-form__input--error {
  border: solid 1px #ed5b6e;
}
.c-form__textarea {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  width: 100%;
  height: 160px;
  border: none;
  box-sizing: border-box;
  border: solid 1px #eaedf1;
}
.c-form__textarea::-moz-placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-form__textarea::placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-form__textarea:disabled {
  background: #f7f9f9;
  cursor: not-allowed;
}
.c-form__textarea:focus {
  outline: none;
  border: solid 1px #3fc7de;
}
.c-form__selectWrapper {
  position: relative;
  max-width: 100%;
  width: 100%;
  display: inline-block;
}
.c-form__selectWrapper::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-70%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-right: 1.67px solid #415166;
  border-bottom: 1.67px solid #415166;
  pointer-events: none;
}
.c-form__selectWrapper--sort {
  width: 167px;
}
.c-form__select {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  border-radius: 8px;
  background: #fff;
  padding: 4px 32px 4px 16px;
  border: solid 1px #eaedf1;
  width: 100%;
  height: 48px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-form__select::-ms-expand {
  display: none;
}
.c-form__select.is-placeholder {
  color: #b3b9c2;
}
.c-form__select.is-placeholder option {
  color: #415166;
}
.c-form__select:focus {
  outline: none;
  border: solid 1px #3fc7de;
}
.c-form__select--sort {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
  border: none;
}
.c-form__select--sort:focus {
  outline: none;
  border: none;
}
.c-form__select--error {
  border: solid 1px #ed5b6e;
}
.c-form__checkboxGroup {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 15px;
  margin: 8px 0 0;
  width: 100%;
}
.c-form__checkboxLabel {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: -0.312px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 4px 0;
}
.c-form__checkboxLabel a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #415166;
}
.c-form__checkboxLabel a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.c-form__checkboxInput {
  position: relative;
  min-width: 20px;
  min-height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: solid 1px #b7c8d4;
  border-radius: 4px;
  cursor: pointer;
}
.c-form__checkboxInput::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-color: #fff;
  transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.2s;
}
.c-form__checkboxInput:checked::before {
  border-color: #415166;
}
.c-form__tag {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 700;
  display: inline-block;
  padding: 2px 4px;
  border-radius: 100px;
  margin-left: 8px;
}
.c-form__tag--required {
  background: #ed5b6e;
  color: #fff;
}
.c-form__tag--optional {
  background: #eaedf1;
  color: #fff;
}
.c-form__searchWrapper {
  position: relative;
  width: 100%;
}
.c-form__searchWrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 18px;
  height: 19px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M16.75 18.1241L12.25 13.0199' stroke='%233FC7DE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.4126 1.00977C11.037 1.00977 13.9751 3.9479 13.9751 7.57227C13.9751 11.1966 11.037 14.1348 7.4126 14.1348C3.78823 14.1348 0.850098 11.1966 0.850098 7.57227C0.850098 3.9479 3.78823 1.00977 7.4126 1.00977Z' stroke='%233FC7DE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.c-form__inputContainer {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
}
.c-form__inputContainer--row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.c-form__inputWrapper {
  position: relative;
  width: 100%;
}
.c-form__inputWrapper .c-form__input {
  padding-right: 48px;
}
.c-form__togglePass {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #eaedf1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}
.c-form__togglePass:hover {
  color: #3fc7de;
}
.c-form__togglePass:focus {
  outline: none;
}
.c-form__eyeIcon {
  display: block;
  pointer-events: none;
  opacity: 0.4;
}
.c-form__note {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: -1px;
  font-weight: 500;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 2px;
}
.c-form__note--error {
  color: #ed5b6e;
}
.c-form__note--error::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_537_34650)'%3E%3Cpath d='M8 3C6.81331 3 5.65328 3.35189 4.66658 4.01118C3.67989 4.67047 2.91085 5.60754 2.45673 6.7039C2.0026 7.80026 1.88378 9.00666 2.11529 10.1705C2.3468 11.3344 2.91825 12.4035 3.75736 13.2426C4.59648 14.0818 5.66558 14.6532 6.82946 14.8847C7.99335 15.1162 9.19975 14.9974 10.2961 14.5433C11.3925 14.0892 12.3295 13.3201 12.9888 12.3334C13.6481 11.3467 14 10.1867 14 9C14 7.4087 13.3679 5.88258 12.2426 4.75736C11.1174 3.63214 9.5913 3 8 3ZM7.255 6C7.255 5.80109 7.33402 5.61032 7.47467 5.46967C7.61532 5.32902 7.80609 5.25 8.005 5.25C8.20392 5.25 8.39468 5.32902 8.53533 5.46967C8.67598 5.61032 8.755 5.80109 8.755 6V9.445C8.755 9.54349 8.7356 9.64102 8.69791 9.73201C8.66022 9.82301 8.60498 9.90569 8.53533 9.97533C8.46569 10.045 8.38301 10.1002 8.29202 10.1379C8.20102 10.1756 8.10349 10.195 8.005 10.195C7.90651 10.195 7.80898 10.1756 7.71799 10.1379C7.627 10.1002 7.54432 10.045 7.47467 9.97533C7.40503 9.90569 7.34978 9.82301 7.31209 9.73201C7.2744 9.64102 7.255 9.54349 7.255 9.445V6ZM8 12.75C7.82991 12.75 7.66364 12.6996 7.52221 12.6051C7.38079 12.5106 7.27056 12.3763 7.20547 12.2191C7.14037 12.062 7.12334 11.889 7.15653 11.7222C7.18971 11.5554 7.27162 11.4022 7.39189 11.2819C7.51216 11.1616 7.6654 11.0797 7.83222 11.0465C7.99905 11.0133 8.17197 11.0304 8.32911 11.0955C8.48625 11.1606 8.62057 11.2708 8.71507 11.4122C8.80956 11.5536 8.86 11.7199 8.86 11.89C8.86 12.1181 8.7694 12.3368 8.60811 12.4981C8.44683 12.6594 8.22809 12.75 8 12.75Z' fill='%23ED5B6E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_537_34650'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.c-form__answer {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}

.c-section {
  width: 100%;
  margin: auto;
  padding: 16px 16px 48px;
}
@media screen and (max-width: 768px) {
  .c-section {
    padding: 16px 16px 48px;
  }
}
.c-section--exPaddig {
  padding: 90px 16px 100px;
}
@media screen and (max-width: 768px) {
  .c-section--exPaddig {
    padding: 60px 16px 48px;
  }
}
.c-section--detail {
  padding: 32px 48px 100px;
}
@media screen and (max-width: 1000px) {
  .c-section--detail {
    padding: 32px 24px 68px;
  }
}
@media screen and (max-width: 768px) {
  .c-section--detail {
    padding: 24px 16px 48px;
  }
}
.c-section--contents {
  padding: 64px 48px 120px;
}
@media screen and (max-width: 1000px) {
  .c-section--contents {
    padding: 60px 24px 120px;
  }
}
@media screen and (max-width: 768px) {
  .c-section--contents {
    padding: 40px 16px 100px;
  }
}
.c-section--noTopPadding {
  padding: 0 16px 48px;
}

.c-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.4px;
  font-weight: 600;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.4px;
    font-weight: 600;
  }
}
.c-title--border {
  position: relative;
  text-align: center;
  margin-bottom: 80px;
}
.c-title--border::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 5px;
  background-color: #3fc7de;
}
@media screen and (max-width: 768px) {
  .c-title--border {
    margin-bottom: 60px;
  }
  .c-title--border::after {
    bottom: -24px;
    width: 60px;
    height: 4px;
  }
}
.c-title--underline {
  padding-bottom: 32px;
  border-bottom: 1px solid #e6e9ed;
}
.c-title__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: 0px;
  font-weight: 400;
  padding: 8px 0;
  text-align: center;
}
.c-title__page {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  text-align: center;
  padding: 16px 16px 16px;
}

.c-inner {
  margin: auto;
  width: 100%;
  max-width: 1200px;
}
.c-inner + .c-inner {
  margin-top: 80px;
}
@media screen and (max-width: 1000px) {
  .c-inner + .c-inner {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .c-inner + .c-inner {
    margin-top: 40px;
  }
}
.c-inner--center {
  text-align: center;
}
.c-inner--narrow {
  max-width: 640px;
}

.c-buttonInner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-buttonInner {
    gap: 12px;
  }
}
.c-buttonInner + .c-buttonInner {
  margin-top: 24px;
}
.c-buttonInner--right {
  justify-content: right;
}
.c-buttonInner--left {
  justify-content: left;
}
@media screen and (max-width: 768px) {
  .c-buttonInner--mdCenter {
    justify-content: center;
  }
}
.c-buttonInner--column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
}

.c-card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  width: 100%;
  padding: 16px 32px 16px 32px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-card {
    padding: 16px;
  }
}
.c-card__title {
  padding: 16px 0 8px 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
}

.c-failedMessage {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 40px 16px 0;
}
.c-failedMessage img {
  margin: 24px 0 16px;
}
.c-failedMessage__title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
.c-failedMessage__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  text-align: center;
}
.c-failedMessage__text--bold {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
}
.c-failedMessage__buutonContainer {
  margin-top: 16px;
  width: 100%;
  text-align: center;
}

.c-invalidTag {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background: rgb(183, 200, 212);
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
  white-space: nowrap;
}

.c-tab {
  width: 100%;
  padding: 16px 0;
  margin: 0 auto;
}
.c-tab__list {
  background: #fff;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  align-self: stretch;
}
@media screen and (max-width: 430px) {
  .c-tab__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.c-tab__item {
  width: 100%;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 48px;
}
.c-tab__item a {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: 0px;
  font-weight: 400;
  text-align: center;
  color: #415166;
  background-color: transparent;
  border-radius: 1000px;
  border: none;
  padding: 0 16px;
  transition: 0.3s;
}
.c-tab__item.is-current a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: 0px;
  font-weight: 700;
  color: #fff;
  background-color: #3fc7de;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
}
.c-tab__item--comingSoon a {
  border-radius: 1000px 0 0 1000px;
  background-color: #f1f1f1;
  color: #c7cacf;
  position: relative;
  pointer-events: none;
}
.c-tab__item--comingSoon a span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  position: absolute;
  top: -8px;
  background: #b7c8d4;
  color: #fff;
  border-radius: 4px;
  padding: 0 4px;
}
@media screen and (max-width: 430px) {
  .c-tab__item--fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .c-tab__item--fit a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.c-jobTag {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: 0px;
  font-weight: 600;
  background: #d3f1ff;
  color: #415166;
  border-radius: 100px;
  padding: 4px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.c-jobTag::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
}
.c-jobTag--pink {
  background: #ffdde9;
}
.c-jobTag__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1px 4px;
  overflow: hidden;
}
.c-jobTag__list--limit-2rows {
  max-height: 57px;
}
.c-jobTag__list--center {
  justify-content: center;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 4px;
}
.c-jobTag__item {
  height: auto;
}

.c-jobCategory {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 700;
  color: #fff;
}
.c-jobCategory--food {
  background: #F382BB;
}
.c-jobCategory--retail {
  background: #EA587A;
}
.c-jobCategory--service {
  background: #EC6A5D;
}
.c-jobCategory--office {
  background: #F59833;
}
.c-jobCategory--sales {
  background: #F2E258;
}
.c-jobCategory--logistics {
  background: #C9E247;
}
.c-jobCategory--medical {
  background: #69BD7B;
}
.c-jobCategory--construction {
  background: #62C2BF;
}
.c-jobCategory--factory {
  background: #4EC1E4;
}
.c-jobCategory--it {
  background: #62A8DB;
}
.c-jobCategory--beauty {
  background: #9599DD;
}
.c-jobCategory--media {
  background: #DB90CC;
}
.c-jobCategory--professional {
  background: #DF7D8A;
}
.c-jobCategory--sales, .c-jobCategory--logistics {
  color: #415166;
}

.c-pager {
  padding: 16px;
}
.c-pager__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
.c-pager__number {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  color: #415166;
  flex-shrink: 0;
  border-radius: 1000px;
  width: 32px;
  height: 32px;
  background: transparent;
  margin: 6px;
  transition: 0.3s;
}
.c-pager__number--current {
  pointer-events: none;
  background: #3fc7de;
  color: #fff;
}
.c-pager__number:hover {
  background: rgba(63, 199, 222, 0.1);
}
.c-pager__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  padding: 16px;
}
.c-pager__arrow rect,
.c-pager__arrow path {
  stroke: #415166;
  transition: stroke 0.3s, fill 0.3s, fill-opacity 0.3s;
}
.c-pager__arrow rect {
  fill: #415166;
  fill-opacity: 0;
}
.c-pager__arrow:hover rect {
  fill: #415166;
  fill-opacity: 0.08;
}
.c-pager__arrow:active rect {
  fill: #3fc7de;
  fill-opacity: 1;
}
.c-pager__arrow--current {
  pointer-events: none;
}
.c-pager__arrow--current rect,
.c-pager__arrow--current path {
  stroke-opacity: 0.2;
}

.c-invalidTag {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background: rgb(183, 200, 212);
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
  white-space: nowrap;
}

.c-input {
  display: block;
  width: 100%;
  background-color: #fff;
  align-self: center;
  border-radius: 8px;
}
.c-input textarea {
  resize: none;
}
.c-input input,
.c-input textarea {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  width: 100%;
  height: 50px;
  border: none;
  box-sizing: border-box;
  border: solid 1px #eaedf1;
}
.c-input input::-moz-placeholder, .c-input textarea::-moz-placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-input input::placeholder,
.c-input textarea::placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-input input:disabled,
.c-input textarea:disabled {
  background: #f7f9f9;
  cursor: not-allowed;
}
.c-input :-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #415166 !important;
}
.c-input--name {
  width: 500px;
}
@media screen and (max-width: 768px) {
  .c-input--name {
    width: 100%;
  }
}
.c-input--postal {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .c-input--postal {
    width: 100%;
  }
}
.c-input--telephone {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .c-input--telephone {
    width: 100%;
  }
}
.c-input--freeword {
  width: 100%;
}

.c-select {
  position: relative;
  max-width: 100%;
  width: 100%;
  display: inline-block;
}
.c-select::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-70%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 1.67px solid #99a1af;
  border-bottom: 1.67px solid #99a1af;
  pointer-events: none;
}
.c-select--sort {
  width: 167px;
}
.c-select select {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  color: #415166;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
  padding: 4px 32px 4px 16px;
  width: 100%;
  height: 48px;
  border: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.c-select select::-ms-expand {
  display: none;
}

.c-textarea {
  display: block;
  height: 100%;
  width: 100%;
}
.c-textarea textarea {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 16px 0 rgba(65, 81, 102, 0.16);
  padding: 16px;
  width: 100%;
  height: 160px;
  border: none;
  box-sizing: border-box;
}
.c-textarea textarea::-moz-placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-textarea textarea::placeholder {
  color: #b3b9c2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-textarea textarea:disabled {
  background: #f7f9f9;
  cursor: not-allowed;
}

.c-checkbox {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: normal;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .c-checkbox {
    align-items: flex-start;
  }
}
.c-checkbox--disabled {
  color: #b7c8d4;
  cursor: not-allowed;
}
.c-checkbox input {
  position: relative;
  min-width: 20px;
  min-height: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: solid 1px #b7c8d4;
  border-radius: 4px;
  cursor: pointer;
}
.c-checkbox input::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-color: #fff;
  transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.2s;
}
.c-checkbox input:checked {
  background: #3fc7de;
  border-color: #3fc7de;
}
.c-checkbox input:checked::before {
  border-color: #fff;
}
.c-checkbox input:disabled {
  border-color: #b7c8d4;
  background: #b7c8d4;
  cursor: not-allowed;
}
.c-checkbox input:disabled::before {
  border-color: #b7c8d4;
}
.c-checkbox__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.c-radio {
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.4px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  cursor: pointer;
  word-wrap: break-all;
  width: 30%;
}
@media screen and (max-width: 1000px) {
  .c-radio {
    width: 100%;
  }
}
.c-radio input {
  display: none;
}
.c-radio::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  border: 1px solid #e6e9ed;
  padding: 3px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}
.c-radio::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  padding: 3px;
  background-color: #d3f1ff;
  background-clip: content-box;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.c-radio:has(input:checked)::after {
  opacity: 1;
}
.c-radio__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.c-fieldset {
  margin: 48px auto;
}
@media screen and (max-width: 768px) {
  .c-fieldset {
    margin: 60px auto;
  }
}
.c-fieldset__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .c-fieldset__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.c-fieldset__unit {
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
@media screen and (max-width: 768px) {
  .c-fieldset__unit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
  }
}
.c-fieldset__container {
  display: contents;
}
.c-fieldset__legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  width: 24%;
}
@media screen and (max-width: 768px) {
  .c-fieldset__legend {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
  }
}
.c-fieldset__unitInner {
  width: 76%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-fieldset__unitInner {
    width: 100%;
  }
}
.c-fieldset__unitInner--wide {
  width: 100%;
  height: auto;
}
.c-fieldset__unitSpace--row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .c-fieldset__unitSpace--row {
    gap: 6px;
  }
}
.c-fieldset__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0.4px;
  font-weight: 600;
  margin: auto auto 24px 6px;
}
@media screen and (max-width: 768px) {
  .c-fieldset__title {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.6941176471;
    letter-spacing: 0.4px;
    font-weight: 600;
    margin: auto auto 16px 6px;
  }
}
.c-fieldset__title::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 12px;
  background: #3fc7de;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  transform: translateY(-2px);
  margin-right: 8px;
}
.c-fieldset__legendChar {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.0571428571;
  letter-spacing: 0.4px;
  font-weight: 600;
}
.c-fieldset__note {
  color: #415166;
  margin-top: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 0.4px;
  font-weight: 400;
}
.c-fieldset__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.0571428571;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin: 24px auto;
}
.c-fieldset__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.0571428571;
  letter-spacing: 0.4px;
  font-weight: 400;
}
.c-fieldset__unitText {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.0571428571;
  letter-spacing: 0.4px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-fieldset__unitText {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-weight: 400;
  }
}
.c-fieldset__simple--container {
  border: none;
  display: flex;
  flex-direction: column;
}
.c-fieldset__simple--container + .c-fieldset__simple--container {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .c-fieldset__simple--container + .c-fieldset__simple--container {
    margin-top: 16px;
  }
}
.c-fieldset__simple--legend {
  margin-bottom: 8px;
}
.c-fieldset--bgBlue {
  background-color: #C9EBFC;
}

.c-table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #e6e9ed;
  margin: 64px auto;
}
@media screen and (max-width: 768px) {
  .c-table {
    margin: 48px auto;
  }
}
.c-table__wrap {
  overflow: auto;
}
.c-table tr {
  border-bottom: 1px solid #e6e9ed;
}
.c-table th, .c-table td {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-table th, .c-table td {
    display: block;
  }
}
.c-table th {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.0571428571;
  letter-spacing: 0.4px;
  font-weight: 600;
  width: 24%;
  padding: 28px 24px;
}
@media screen and (max-width: 768px) {
  .c-table th {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-weight: 600;
    width: 100%;
    padding: 12px 8px;
  }
}
.c-table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.0571428571;
  letter-spacing: 0.4px;
  font-weight: 400;
  width: 76%;
  padding: 28px 24px;
}
@media screen and (max-width: 768px) {
  .c-table td {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-weight: 400;
    width: 100%;
    padding: 12px 8px;
  }
}
.c-table a {
  color: #3fc7de;
}
.c-table a:hover {
  text-decoration: underline;
}
.c-table__caption {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0.4px;
  font-weight: 600;
  text-align: left;
  margin: auto auto 24px;
}
@media screen and (max-width: 768px) {
  .c-table__caption {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-weight: 600;
    margin: auto auto 16px;
  }
}
.c-table__caption::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 12px;
  background: #3fc7de;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  transform: translateY(-2px);
  margin-right: 8px;
}
.c-table__note {
  color: #415166;
  margin-top: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 0.4px;
  font-weight: 400;
}
.c-table__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.4px;
  font-weight: 400;
  margin-top: 12px;
}
.c-table__text + .c-table__text {
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .c-table__text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-weight: 400;
  }
}
.c-table--bgBlue {
  background-color: #C9EBFC;
}

.c-tag {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 700;
  display: inline-block;
  padding: 2px 4px;
  border-radius: 100px;
}
.c-tag--required {
  background: #ed5b6e;
  color: #fff;
}
.c-tag--optional {
  background: #eaedf1;
  color: #fff;
}

.c-errorBox {
  background: #fff;
  border: 1px solid #ed5b6e;
  border-radius: 3px;
  padding: 8px 16px;
  color: #ed5b6e;
  margin-bottom: 32px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}

.c-searchModal {
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1004;
  overflow: hidden;
  padding-top: 100px;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.c-searchModal.is-open {
  opacity: 1;
}
.c-searchModal.is-open .c-searchModal__conditionContainer {
  transform: translateY(0);
}
.c-searchModal.is-open .c-searchModal__submitContainer {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .c-searchModal {
    z-index: 1005;
    padding-top: 0;
  }
}
.c-searchModal__form {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.c-searchModal__conditionContainer {
  width: 100%;
  background: #f7f9f9;
  padding: 16px;
  margin: 0 auto 0;
  position: relative;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f7f9f9;
  padding: 16px;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.c-searchModal h2 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.53;
  letter-spacing: normal;
  font-weight: 700;
  text-align: center;
  padding: 25px 40px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}
.c-searchModal__conditionInner {
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  overflow: hidden;
}
.c-searchModal__closeButton {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 1003;
}
.c-searchModal__closeButton svg path {
  stroke: #6a7282;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.c-searchModal__group:first-child .c-searchModal__category {
  border-radius: 8px 8px 0 0;
}
.c-searchModal__group:last-child > .c-searchModal__category {
  border-bottom: none;
  border-radius: 0 0 8px 8px;
}
.c-searchModal__group:last-child .c-searchModal__subCategory:last-child {
  border-bottom: none;
  border-radius: 0 0 8px 8px;
}
.c-searchModal__group--categoryOnly:first-child .c-searchModal__category {
  border-radius: 0;
}
.c-searchModal__group--categoryOnly:last-child > .c-searchModal__category {
  border-bottom: 1px solid #e6e9ed;
  border-radius: 0;
}
.c-searchModal__category {
  border-bottom: 1px solid #e6e9ed;
  padding-right: 50px;
  background: #f0fcff;
  border-radius: 0;
  position: relative;
}
.c-searchModal__category--bgWhite {
  background: #fff;
  padding-right: 16px;
  border-radius: 8px 8px 0 0;
}
.c-searchModal__category--iconNone::after, .c-searchModal__category--iconNone::before {
  display: none;
}
.c-searchModal__category::before, .c-searchModal__category::after {
  content: "";
  position: absolute;
  transition: all 0.3s ease;
  top: 50%;
  transform: translateY(-50%);
}
.c-searchModal__category::after {
  right: 16px;
  width: 20px;
  height: 20px;
  background: #3fc7de;
  border-radius: 50%;
  cursor: pointer;
  z-index: 0;
}
.c-searchModal__category::before {
  right: 21px;
  width: 10px;
  height: 10px;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M8.75 4.75H4.75M4.75 4.75H0.75M4.75 4.75V0.75M4.75 4.75V8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.c-searchModal__category.is-active::before {
  height: 2px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"><path d="M8.75 0.75H4.75H0.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.c-searchModal__subCategory {
  border-bottom: 1px solid #e6e9ed;
  padding-left: 24px;
}
.c-searchModal__checkboxLabel {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: normal;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-searchModal__checkboxLabel {
    align-items: flex-start;
  }
}
.c-searchModal__checkboxLabel--disabled {
  color: #b7c8d4;
  cursor: not-allowed;
}
.c-searchModal__checkboxInput {
  position: relative;
  min-width: 20px;
  min-height: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: solid 1px #b7c8d4;
  border-radius: 4px;
  cursor: pointer;
}
.c-searchModal__checkboxInput::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-color: #fff;
  transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.2s;
}
.c-searchModal__checkboxInput:checked {
  background: #3fc7de;
  border-color: #3fc7de;
}
.c-searchModal__checkboxInput:checked::before {
  border-color: #fff;
}
.c-searchModal__checkboxInput:disabled {
  border-color: #b7c8d4;
  background: #b7c8d4;
  cursor: not-allowed;
}
.c-searchModal__checkboxInput:disabled::before {
  border-color: #b7c8d4;
}
.c-searchModal__submitContainer {
  position: relative;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 16px 80px 24px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .c-searchModal__submitContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 16px 16px 18px;
  }
}
.c-searchModal__submitContainerInner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .c-searchModal__submitContainerInner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.c-searchModal__count {
  width: 100px;
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-searchModal__count span {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  color: #ed5b6e;
}
@media screen and (max-width: 768px) {
  .c-searchModal__count {
    display: none;
  }
}
.c-searchModal__spCount {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-searchModal__spCount {
    display: inline;
  }
}
.c-searchModal__spCount--number {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  padding-right: 2px;
}
.c-searchModal__spCount--text {
  padding-right: 8px;
}
.c-searchModal__clear {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .c-searchModal__clear {
    margin-top: 6px;
  }
}

.c-searchConditions {
  padding: 16px 16px 32px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-searchConditions {
    padding: 0 16px 16px;
  }
}
.c-searchConditions__inner {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  max-width: 640px;
  margin: 0 auto;
  cursor: pointer;
}
.c-searchConditions__title {
  background: #C9EBFC;
  border-radius: 8px 8px 0 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  padding: 4px 16px;
}
.c-searchConditions__list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 16px 16px 0;
}
.c-searchConditions__item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  cursor: pointer;
}
.c-searchConditions__category {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 700;
  background: #3fc7de;
  color: #fff;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 125px;
  padding: 2px 8px;
}
.c-searchConditions__content {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-left: 16px;
}
.c-searchConditions__result {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  text-align: center;
  padding: 8px 0 16px;
}
.c-searchConditions__count {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  color: #ed5b6e;
  padding: 0 3px;
}

.c-jobType {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
}
.c-jobType__item {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  background: #fff;
  border-left: 4px solid #3fc7de;
  padding: 8px 12px;
  width: 100%;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  transition: opacity 0.2s;
  min-height: 64px;
}
.c-jobType__link {
  color: #415166;
  text-decoration: none;
}
.c-jobType__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-jobType__title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 600;
}
.c-jobType__status {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  z-index: 2;
}
.c-jobType__price {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: normal;
  font-weight: 700;
  color: #3fc7de;
}
.c-jobType--closed {
  opacity: 0.4;
}
.c-jobType--closed a {
  pointer-events: none;
}

.c-recommendItem__image {
  width: 26vw;
  min-width: 280px;
  max-width: 420px;
  height: auto;
  aspect-ratio: 420/240;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .c-recommendItem__image {
    width: 280px;
    height: 160px;
  }
}
.c-recommendItem__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
  vertical-align: bottom;
  transition: all 0.3s ease-in-out;
}
.c-recommendItem__image img:hover {
  opacity: 0.8;
}
.c-recommendItem__video {
  width: 15vw;
  min-width: 160px;
  max-width: 270px;
  height: auto;
  aspect-ratio: 210/373.5;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .c-recommendItem__video {
    min-width: 140px;
    width: 140px;
    height: 249px;
  }
}
.c-recommendItem__video > a {
  display: block;
  width: 100%;
  height: 100%;
}
.c-recommendItem__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
  box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
  vertical-align: bottom;
  transition: all 0.3s ease-in-out;
}
.c-recommendItem__video img:hover {
  opacity: 0.8;
}
.c-recommendItem__featureThumbnail {
  display: block;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
  width: 14.8vw;
  min-width: 186px;
  max-width: none;
  height: auto;
  aspect-ratio: 279/538.5;
  flex-shrink: 0;
}
@media (min-width: 769px) {
  .c-recommendItem__featureThumbnail {
    transform: scale(1) !important;
    opacity: 1 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-recommendItem__featureThumbnail {
    width: 186px;
    height: 359px;
    aspect-ratio: auto;
  }
}
.c-recommendItem__featureThumbnail > a:first-child {
  display: block;
  width: 100%;
  height: 100%;
}
.c-recommendItem__featureThumbnail > a:first-child > img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-recommendItem__featureThumbnail > a:first-child > img:hover {
  opacity: 0.8;
}
.c-recommendItem__featureThumbnail::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 0;
}
.c-recommendItem__header {
  position: absolute !important;
  bottom: 8px !important;
  left: 8px !important;
  right: 8px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff;
  text-decoration: none;
  z-index: 2 !important;
  margin-right: 0;
}
.c-recommendItem__icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 6px;
  border-radius: 100px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-recommendItem__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-recommendItem__detail {
  flex: 1 !important;
  font-size: clamp(12px, 0.8vw + 2px, 16px) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  min-width: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-recommendItem__detail {
    font-size: 12px !important;
    line-height: 16px !important;
  }
}
.c-recommendItem__companyName {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  font-size: clamp(8px, 0.5vw + 4px, 12px) !important;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-recommendItem__companyName {
    font-size: 8px !important;
  }
}
.c-recommendItem__videoTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.c-topSearchButton {
  width: 100%;
  border-radius: 4px;
  transition: 0.3s;
}
.c-topSearchButton--primary {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 10px 79px 10px 0;
  position: relative;
  background: #ed5b6e;
  margin-top: 5px;
  box-shadow: 1px 1px 0 #c85062, 2px 2px 0 #c85062, 3px 3px 0 #c85062, 0 4px 16px 0 rgba(70, 98, 122, 0.12);
}
.c-topSearchButton--primary::before {
  content: "";
  display: block;
  width: 72px;
  height: 100px;
  background: url("../img/top/search-conditions.webp");
  background-size: 72px auto;
  flex-shrink: 0;
  position: absolute;
  bottom: 0;
  left: 36px;
}
@media screen and (max-width: 402px) {
  .c-topSearchButton--primary {
    padding-right: 60px;
  }
  .c-topSearchButton--primary::before {
    left: 15px;
  }
}
@media screen and (max-width: 350px) {
  .c-topSearchButton--primary {
    padding-right: 40px;
  }
  .c-topSearchButton--primary::before {
    left: 10px;
  }
}
.c-topSearchButton--primary:hover {
  background: #cf4b5d;
  box-shadow: 1px 1px 0 #b23747, 2px 2px 0 #b23747, 3px 3px 0 #b23747, 0 4px 16px 0 rgba(70, 98, 122, 0.12);
}
.c-topSearchButton--primary:active {
  background: #ec7c31;
  box-shadow: inset 2px 2px 4px #c5682a, 0 2px 8px 0 rgba(70, 98, 122, 0.08);
  transform: translate(2px, 2px);
}
.c-topSearchButton--secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 12px 0;
  background: #3fc7de;
  box-shadow: 1px 1px 0 #36a2b6, 2px 2px 0 #36a2b6, 3px 3px 0 #36a2b6, 0 4px 16px 0 rgba(70, 98, 122, 0.12);
}
.c-topSearchButton--secondary:hover {
  background: #33aec2;
  box-shadow: 1px 1px 0 #2d8b9d, 2px 2px 0 #2d8b9d, 3px 3px 0 #2d8b9d, 0 4px 16px 0 rgba(70, 98, 122, 0.12);
}
.c-topSearchButton--secondary:active {
  background: #3c74c9;
  box-shadow: inset 2px 2px 4px #2b599d, 0 2px 8px 0 rgba(70, 98, 122, 0.08);
  transform: translate(2px, 2px);
}
.c-topSearchButton__title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: normal;
  font-weight: 700;
  color: #fff;
}
.c-topSearchButton__title--primary {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 0.8888888889;
  letter-spacing: normal;
  font-weight: 700;
}
.c-topSearchButton__tagList {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 6px 20px 0 0;
}
.c-topSearchButton__tagItem {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 700;
  background: #fff;
  color: #415166;
  border-radius: 100px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.c-topSearchButton__tagItem::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #ed5b6e;
  border-radius: 50%;
  flex-shrink: 0;
}

.c-videoGrid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2px 2px;
  padding-bottom: 100px;
}
.c-videoGrid__item {
  position: relative;
  width: calc((100% - 6px) / 4);
  aspect-ratio: 198/270;
}
@media (max-width: 800px) {
  .c-videoGrid__item {
    width: calc((100% - 4px) / 3);
  }
}
.c-videoGrid__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 0;
}
.c-videoGrid__item a {
  display: block;
  height: 100%;
}
.c-videoGrid__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-videoGrid__header {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  gap: 0px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  color: #fff;
  text-decoration: none;
  z-index: 2;
}
.c-videoGrid__header a {
  color: #fff;
  display: flex;
}
.c-videoGrid__header svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  .c-videoGrid__header {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.c-videoGrid__title {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  flex: 1;
  min-height: 32px;
  width: 100%;
}
.c-videoGrid__favoriteIcon {
  fill: #fff;
}

.c-likesButton {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 500;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  gap: 2px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
  width: 30px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.c-likesButton::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath d='M35 13.7947C35 16.2046 34.0165 18.6017 32.6657 20.7774C31.3072 22.9653 29.5153 25.0268 27.7544 26.7899C25.9893 28.5572 24.2292 30.0518 22.912 31.1031C22.2525 31.6294 21.701 32.046 21.3135 32.3328C21.1198 32.4762 20.9668 32.5876 20.8611 32.6634C20.8084 32.7011 20.7672 32.7299 20.739 32.7499C20.7248 32.7598 20.7138 32.7676 20.7061 32.773C20.7022 32.7757 20.6989 32.7777 20.6967 32.7792L20.6951 32.7823H20.6936C20.3298 33.0357 19.8582 33.0682 19.4677 32.8781L19.3064 32.7823H19.3049L19.3017 32.7792C19.2996 32.7777 19.2959 32.7755 19.2923 32.773C19.2847 32.7677 19.2732 32.7596 19.2595 32.7499C19.2312 32.7299 19.1898 32.7009 19.1374 32.6634C19.0317 32.5876 18.8784 32.476 18.6849 32.3328C18.2975 32.046 17.7471 31.6291 17.088 31.1031C15.7708 30.0518 14.0092 28.5573 12.244 26.7899C10.4832 25.0268 8.69114 22.9653 7.33274 20.7774C5.98194 18.6017 5.00003 16.2046 5 13.7947C5 9.00312 8.73507 5.00018 13.484 5C16.1229 5 18.4536 6.24685 20 8.16846C21.5462 6.24717 23.8759 5.0002 26.5145 5C28.7624 5 30.9084 5.67481 32.4982 7.1844C34.0982 8.70406 35 10.9405 35 13.7947Z' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.c-likesButton.is-active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath d='M35 13.7947C35 16.2046 34.0165 18.6017 32.6657 20.7774C31.3072 22.9653 29.5153 25.0268 27.7544 26.7899C25.9893 28.5572 24.2292 30.0518 22.912 31.1031C22.2525 31.6294 21.701 32.046 21.3135 32.3328C21.1198 32.4762 20.9668 32.5876 20.8611 32.6634C20.8084 32.7011 20.7672 32.7299 20.739 32.7499C20.7248 32.7598 20.7138 32.7676 20.7061 32.773C20.7022 32.7757 20.6989 32.7777 20.6967 32.7792L20.6951 32.7823H20.6936C20.3298 33.0357 19.8582 33.0682 19.4677 32.8781L19.3064 32.7823H19.3049L19.3017 32.7792C19.2996 32.7777 19.2959 32.7755 19.2923 32.773C19.2847 32.7677 19.2732 32.7596 19.2595 32.7499C19.2312 32.7299 19.1898 32.7009 19.1374 32.6634C19.0317 32.5876 18.8784 32.476 18.6849 32.3328C18.2975 32.046 17.7471 31.6291 17.088 31.1031C15.7708 30.0518 14.0092 28.5573 12.244 26.7899C10.4832 25.0268 8.69114 22.9653 7.33274 20.7774C5.98194 18.6017 5.00003 16.2046 5 13.7947C5 9.00312 8.73507 5.00018 13.484 5C16.1229 5 18.4536 6.24685 20 8.16846C21.5462 6.24717 23.8759 5.0002 26.5145 5C28.7624 5 30.9084 5.67481 32.4982 7.1844C34.0982 8.70406 35 10.9405 35 13.7947Z' fill='%23ED5B6E' /%3E%3C/svg%3E");
}
.c-likesButton--small {
  width: 20px;
}
.c-likesButton--small::before {
  width: 20px;
  height: 20px;
}
.c-likesButton--gray {
  filter: none;
}
.c-likesButton--gray::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath d='M35 13.7947C35 16.2046 34.0165 18.6017 32.6657 20.7774C31.3072 22.9653 29.5153 25.0268 27.7544 26.7899C25.9893 28.5572 24.2292 30.0518 22.912 31.1031C22.2525 31.6294 21.701 32.046 21.3135 32.3328C21.1198 32.4762 20.9668 32.5876 20.8611 32.6634C20.8084 32.7011 20.7672 32.7299 20.739 32.7499C20.7248 32.7598 20.7138 32.7676 20.7061 32.773C20.7022 32.7757 20.6989 32.7777 20.6967 32.7792L20.6951 32.7823H20.6936C20.3298 33.0357 19.8582 33.0682 19.4677 32.8781L19.3064 32.7823H19.3049L19.3017 32.7792C19.2996 32.7777 19.2959 32.7755 19.2923 32.773C19.2847 32.7677 19.2732 32.7596 19.2595 32.7499C19.2312 32.7299 19.1898 32.7009 19.1374 32.6634C19.0317 32.5876 18.8784 32.476 18.6849 32.3328C18.2975 32.046 17.7471 31.6291 17.088 31.1031C15.7708 30.0518 14.0092 28.5573 12.244 26.7899C10.4832 25.0268 8.69114 22.9653 7.33274 20.7774C5.98194 18.6017 5.00003 16.2046 5 13.7947C5 9.00312 8.73507 5.00018 13.484 5C16.1229 5 18.4536 6.24685 20 8.16846C21.5462 6.24717 23.8759 5.0002 26.5145 5C28.7624 5 30.9084 5.67481 32.4982 7.1844C34.0982 8.70406 35 10.9405 35 13.7947Z' fill='none' stroke='%23B7C8D4' stroke-width='2'/%3E%3C/svg%3E");
}
.c-likesButton__row {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: #415166;
  gap: 2px;
  flex-direction: row;
  filter: none;
  width: 30px;
}
.c-likesButton__row::before {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath d='M35 13.7947C35 16.2046 34.0165 18.6017 32.6657 20.7774C31.3072 22.9653 29.5153 25.0268 27.7544 26.7899C25.9893 28.5572 24.2292 30.0518 22.912 31.1031C22.2525 31.6294 21.701 32.046 21.3135 32.3328C21.1198 32.4762 20.9668 32.5876 20.8611 32.6634C20.8084 32.7011 20.7672 32.7299 20.739 32.7499C20.7248 32.7598 20.7138 32.7676 20.7061 32.773C20.7022 32.7757 20.6989 32.7777 20.6967 32.7792L20.6951 32.7823H20.6936C20.3298 33.0357 19.8582 33.0682 19.4677 32.8781L19.3064 32.7823H19.3049L19.3017 32.7792C19.2996 32.7777 19.2959 32.7755 19.2923 32.773C19.2847 32.7677 19.2732 32.7596 19.2595 32.7499C19.2312 32.7299 19.1898 32.7009 19.1374 32.6634C19.0317 32.5876 18.8784 32.476 18.6849 32.3328C18.2975 32.046 17.7471 31.6291 17.088 31.1031C15.7708 30.0518 14.0092 28.5573 12.244 26.7899C10.4832 25.0268 8.69114 22.9653 7.33274 20.7774C5.98194 18.6017 5.00003 16.2046 5 13.7947C5 9.00312 8.73507 5.00018 13.484 5C16.1229 5 18.4536 6.24685 20 8.16846C21.5462 6.24717 23.8759 5.0002 26.5145 5C28.7624 5 30.9084 5.67481 32.4982 7.1844C34.0982 8.70406 35 10.9405 35 13.7947Z' fill='none' stroke='%23b7c8d4' stroke-width='2'/%3E%3C/svg%3E");
}
.c-likesButton__row.is-active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath d='M35 13.7947C35 16.2046 34.0165 18.6017 32.6657 20.7774C31.3072 22.9653 29.5153 25.0268 27.7544 26.7899C25.9893 28.5572 24.2292 30.0518 22.912 31.1031C22.2525 31.6294 21.701 32.046 21.3135 32.3328C21.1198 32.4762 20.9668 32.5876 20.8611 32.6634C20.8084 32.7011 20.7672 32.7299 20.739 32.7499C20.7248 32.7598 20.7138 32.7676 20.7061 32.773C20.7022 32.7757 20.6989 32.7777 20.6967 32.7792L20.6951 32.7823H20.6936C20.3298 33.0357 19.8582 33.0682 19.4677 32.8781L19.3064 32.7823H19.3049L19.3017 32.7792C19.2996 32.7777 19.2959 32.7755 19.2923 32.773C19.2847 32.7677 19.2732 32.7596 19.2595 32.7499C19.2312 32.7299 19.1898 32.7009 19.1374 32.6634C19.0317 32.5876 18.8784 32.476 18.6849 32.3328C18.2975 32.046 17.7471 31.6291 17.088 31.1031C15.7708 30.0518 14.0092 28.5573 12.244 26.7899C10.4832 25.0268 8.69114 22.9653 7.33274 20.7774C5.98194 18.6017 5.00003 16.2046 5 13.7947C5 9.00312 8.73507 5.00018 13.484 5C16.1229 5 18.4536 6.24685 20 8.16846C21.5462 6.24717 23.8759 5.0002 26.5145 5C28.7624 5 30.9084 5.67481 32.4982 7.1844C34.0982 8.70406 35 10.9405 35 13.7947Z' fill='%23ed5b6e' stroke='%23ed5b6e' stroke-width='2'/%3E%3C/svg%3E");
}
.c-likesButton__company {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 500;
  color: #415166;
  position: absolute;
  right: 7px;
  bottom: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 8px;
  align-content: center;
  flex-shrink: 0;
  flex-direction: row;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 0 8px 0 rgba(70, 98, 122, 0.2);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  height: 24px;
  filter: none;
}
.c-likesButton__company::before {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-right: 2px;
  contain: layout size;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath d='M35 13.7947C35 16.2046 34.0165 18.6017 32.6657 20.7774C31.3072 22.9653 29.5153 25.0268 27.7544 26.7899C25.9893 28.5572 24.2292 30.0518 22.912 31.1031C22.2525 31.6294 21.701 32.046 21.3135 32.3328C21.1198 32.4762 20.9668 32.5876 20.8611 32.6634C20.8084 32.7011 20.7672 32.7299 20.739 32.7499C20.7248 32.7598 20.7138 32.7676 20.7061 32.773C20.7022 32.7757 20.6989 32.7777 20.6967 32.7792L20.6951 32.7823H20.6936C20.3298 33.0357 19.8582 33.0682 19.4677 32.8781L19.3064 32.7823H19.3049L19.3017 32.7792C19.2996 32.7777 19.2959 32.7755 19.2923 32.773C19.2847 32.7677 19.2732 32.7596 19.2595 32.7499C19.2312 32.7299 19.1898 32.7009 19.1374 32.6634C19.0317 32.5876 18.8784 32.476 18.6849 32.3328C18.2975 32.046 17.7471 31.6291 17.088 31.1031C15.7708 30.0518 14.0092 28.5573 12.244 26.7899C10.4832 25.0268 8.69114 22.9653 7.33274 20.7774C5.98194 18.6017 5.00003 16.2046 5 13.7947C5 9.00312 8.73507 5.00018 13.484 5C16.1229 5 18.4536 6.24685 20 8.16846C21.5462 6.24717 23.8759 5.0002 26.5145 5C28.7624 5 30.9084 5.67481 32.4982 7.1844C34.0982 8.70406 35 10.9405 35 13.7947Z' fill='none' stroke='%23b7c8d4' stroke-width='2'/%3E%3C/svg%3E");
}
.c-likesButton__company--large {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.0666666667;
  letter-spacing: normal;
  font-weight: 500;
  height: 42px;
  padding: 0 13px;
  right: 14px !important;
  bottom: 14px !important;
}
.c-likesButton__company--large::before {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  margin-right: 4px;
}
@media screen and (max-width: 768px) {
  .c-likesButton__company--large {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.1428571429;
    letter-spacing: normal;
    font-weight: 500;
    height: 35px;
    padding: 0 10px;
  }
  .c-likesButton__company--large::before {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
  }
}
.c-likesButton__company.is-active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath d='M35 13.7947C35 16.2046 34.0165 18.6017 32.6657 20.7774C31.3072 22.9653 29.5153 25.0268 27.7544 26.7899C25.9893 28.5572 24.2292 30.0518 22.912 31.1031C22.2525 31.6294 21.701 32.046 21.3135 32.3328C21.1198 32.4762 20.9668 32.5876 20.8611 32.6634C20.8084 32.7011 20.7672 32.7299 20.739 32.7499C20.7248 32.7598 20.7138 32.7676 20.7061 32.773C20.7022 32.7757 20.6989 32.7777 20.6967 32.7792L20.6951 32.7823H20.6936C20.3298 33.0357 19.8582 33.0682 19.4677 32.8781L19.3064 32.7823H19.3049L19.3017 32.7792C19.2996 32.7777 19.2959 32.7755 19.2923 32.773C19.2847 32.7677 19.2732 32.7596 19.2595 32.7499C19.2312 32.7299 19.1898 32.7009 19.1374 32.6634C19.0317 32.5876 18.8784 32.476 18.6849 32.3328C18.2975 32.046 17.7471 31.6291 17.088 31.1031C15.7708 30.0518 14.0092 28.5573 12.244 26.7899C10.4832 25.0268 8.69114 22.9653 7.33274 20.7774C5.98194 18.6017 5.00003 16.2046 5 13.7947C5 9.00312 8.73507 5.00018 13.484 5C16.1229 5 18.4536 6.24685 20 8.16846C21.5462 6.24717 23.8759 5.0002 26.5145 5C28.7624 5 30.9084 5.67481 32.4982 7.1844C34.0982 8.70406 35 10.9405 35 13.7947Z' fill='%23ed5b6e' stroke='%23ed5b6e' stroke-width='2'/%3E%3C/svg%3E");
}

.c-loading {
  text-align: center;
  padding: 0 20px 50px;
  min-height: 100px;
  color: #415166;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
.c-loading.is-visible .c-loading__spinner {
  display: block;
}
.c-loading__spinner {
  display: none;
  width: 30px;
  height: 30px;
  margin: 0 auto 10px;
  border: 3px solid #eaedf1;
  border-top: 3px solid #3fc7de;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-loading.is-visible p {
  display: block;
}
.c-loading p {
  display: none;
  margin: 0;
}

.c-topPoint {
  background-color: #f7f9f9;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
  padding-top: 10px;
}
.c-topPoint__title {
  display: block;
  margin-top: -20px;
}
.c-topPoint__comment {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  padding: 0 16px 8px 16px;
}

.c-companyName {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
.c-companyName__icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 6px;
  border-radius: 100px;
  border: 1px solid #eaedf1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-companyName__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-companyName__icon--small {
  width: 19.5px;
  height: 19.5px;
  min-width: 19.5px;
  min-height: 19.5px;
  padding: 2.5px;
}
.c-companyName__icon--large {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  padding: 9px;
}
.c-companyName__name {
  color: #415166;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 700;
  min-height: 40px;
  display: flex;
  align-items: center;
}
.c-companyName__name span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.c-companyName__name--small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2857142857;
  letter-spacing: normal;
  font-weight: 700;
}
.c-companyName__name--ssmall {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
  color: #b7c8d4;
  -webkit-line-clamp: 1;
}
.c-companyName__name--white {
  color: #fff;
}

.c-pie {
  position: relative;
  width: 100px;
  height: 100px;
  background-image: conic-gradient(#3fc7de 0% calc(var(--percentage) * 1%), #eaedf1 calc(var(--percentage) * 1%) 100%);
  border-radius: 50%;
}
.c-pie span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #fff;
}
.c-pie--double {
  background-image: conic-gradient(#3fc7de 0% calc(var(--percentage) * 1%), #ed5b6e calc(var(--percentage) * 1%) 100%);
}
.c-pie--pink {
  background-image: conic-gradient(#ed5b6e 0% calc(var(--percentage) * 1%), #eaedf1 calc(var(--percentage) * 1%) 100%);
}
.c-pie__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 10px;
}
.c-pie__wrapper--row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
.c-pie__indexList {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
}
.c-pie__indexItem {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.c-pie__indexItem::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #3fc7de;
  border-radius: 50%;
  flex-shrink: 0;
}
.c-pie__indexItem--pink::before {
  background: #ed5b6e;
}
.c-pie__text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}
.c-pie__text--big {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}
.c-pie__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
}
.c-pie__inner:first-child {
  margin-right: 40px;
}

.c-scaleMeter {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 4px;
}
.c-scaleMeter__wrapper {
  position: relative;
}
.c-scaleMeter__labels {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  margin-bottom: 8px;
  font-size: 14px;
}
.c-scaleMeter__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  position: relative;
  margin: 0 30px;
}
.c-scaleMeter__line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #3fc7de;
  transform: translateY(-50%);
  z-index: 0;
}
.c-scaleMeter__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3fc7de;
  position: relative;
  z-index: 1;
}
.c-scaleMeter__dot.is-active {
  background: #ed5b6e;
  width: 16px;
  height: 16px;
}

.c-bubble {
  --tail-offset: 86px;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  color: #415166;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
}
.c-bubble::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -13px;
  width: 28px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.c-bubble--tail-normal::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="14" viewBox="0 0 28 14" fill="none"><defs><filter id="shadowQ" x="-50%25" y="-50%25" width="200%25" height="200%25"><feGaussianBlur in="SourceAlpha" stdDeviation="3"/><feOffset dx="0" dy="2" result="offsetblur"/><feComponentTransfer><feFuncA type="linear" slope="0.12"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g clip-path="url(%23clip0)"><path d="M-1.90735e-06 13.9194C11.2 14.9371 28 6.28548 28 -9.99985C21.0429 -10.0001 16.7316 -10 10.3703 -9.9999L7.84 -9.99985C7.28 -2.87402 7.28 6.79435 -1.90735e-06 13.9194Z" fill="%23ffffff" filter="url(%23shadowQ)"/></g><defs><clipPath id="clip0"><rect width="28" height="14" fill="white"/></clipPath></defs></svg>');
}
.c-bubble--tail-reverse::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="14" viewBox="0 0 28 14" fill="none"><defs><filter id="shadowA" x="-50%25" y="-50%25" width="200%25" height="200%25"><feGaussianBlur in="SourceAlpha" stdDeviation="3"/><feOffset dx="0" dy="2" result="offsetblur"/><feComponentTransfer><feFuncA type="linear" slope="0.12"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g clip-path="url(%23clip1)"><path d="M28 13.9194C16.8 14.9371 0 6.28548 0 -9.99985C6.95715 -10.0001 11.2684 -10 17.6297 -9.9999L20.16 -9.99985C20.72 -2.87402 20.72 6.79435 28 13.9194Z" fill="white" filter="url(%23shadowA)"/></g><defs><clipPath id="clip1"><rect width="28" height="14" fill="white"/></clipPath></defs></svg>');
}
.c-bubble--tail-left::after {
  left: var(--tail-offset);
}
.c-bubble--tail-right::after {
  right: var(--tail-offset);
}
.c-bubble--blue {
  background: #3fc7de;
  color: #fff;
  box-shadow: none;
}
.c-bubble--blue::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="14" viewBox="0 0 28 14" fill="none"><defs><filter id="shadowQ" x="-50%25" y="-50%25" width="200%25" height="200%25"><feGaussianBlur in="SourceAlpha" stdDeviation="3"/><feOffset dx="0" dy="2" result="offsetblur"/><feComponentTransfer><feFuncA type="linear" slope="0.12"/></feComponentTransfer><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g clip-path="url(%23clip0)"><path d="M-1.90735e-06 13.9194C11.2 14.9371 28 6.28548 28 -9.99985C21.0429 -10.0001 16.7316 -10 10.3703 -9.9999L7.84 -9.99985C7.28 -2.87402 7.28 6.79435 -1.90735e-06 13.9194Z" fill="%233FC7DE" filter="url(%23shadowQ)"/></g><defs><clipPath id="clip0"><rect width="28" height="14" fill="white"/></clipPath></defs></svg>');
}
.c-bubble--high {
  padding: 16px 16px 32px;
}
.c-bubble__container {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 70px;
  padding: 20px 0 50px;
}
@media screen and (max-width: 768px) {
  .c-bubble__container {
    padding: 10px 0 40px;
  }
}
.c-bubble__group {
  --group-gap: 50px;
  --group-pb: 0px;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  gap: var(--group-gap);
  padding-bottom: var(--group-pb);
}
.c-bubble__group--row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  gap: 8px;
  padding: 0 16px;
  padding-bottom: var(--group-pb);
}
@media screen and (max-width: 768px) {
  .c-bubble__group--row {
    gap: 8px;
  }
}
.c-bubble__item {
  position: relative;
  width: 100%;
}
.c-bubble__icon {
  --icon-bottom: -40px;
  position: absolute;
  bottom: var(--icon-bottom);
  z-index: 2;
}
.c-bubble__icon--circle {
  background: #fff;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0 16px 0 rgba(70, 98, 122, 0.06);
}
.c-bubble__icon--border {
  border: 1px solid #eaedf1;
}
.c-bubble__icon--left {
  left: 20px;
}
.c-bubble__icon--right {
  right: 20px;
}
.c-bubble__icon--center {
  left: 50%;
  transform: translateX(-50%);
}
.c-bubble__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}
.c-bubble__text--large {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
}
.c-bubble__text--bold {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
}
.c-bubble .c-jobTag__list {
  margin-bottom: 10px;
}

.c-featureInterviewBanner {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
}
.c-featureInterviewBanner--margin {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .c-featureInterviewBanner--margin {
    margin-bottom: 32px;
  }
}
.c-featureInterviewBanner__link {
  color: #fff;
}
.c-featureInterviewBanner__image {
  display: block;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c-featureInterviewBanner__image {
    height: 140px;
  }
}
.c-featureInterviewBanner__inner {
  position: relative;
  border-radius: 0 0 8px 8px;
  background: #3fc7de;
  padding: 4px 0 6px;
}
.c-featureInterviewBanner__inner::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  background-image: url("../img/company/interview_girl.svg");
  width: 210px;
  height: 153px;
  background-size: 210px 153px;
}
@media screen and (max-width: 768px) {
  .c-featureInterviewBanner__inner::after {
    width: 140px;
    height: 102px;
    background-size: 140px 102px;
  }
}
.c-featureInterviewBanner__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.48;
  letter-spacing: 1.54px;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-featureInterviewBanner__title {
    padding-left: 24px;
    text-align: left;
  }
}
.c-featureInterviewBanner__note {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-featureInterviewBanner__note {
    padding-left: 24px;
    text-align: left;
  }
}

.c-aboutHeader {
  background: url("../img/top/bg_stripe.svg") 20px 20px repeat, #d3f1ff;
  background-image: url("../img/top/bg_stripe.svg") 20px 20px;
  text-align: center;
  padding: 40px 16px;
  overflow: hidden;
}
.c-aboutHeader__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  background: #fff;
  border-radius: 1000px;
  padding: 16px 0 60px;
  max-width: 750px;
  width: 100%;
  height: 343px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-aboutHeader__inner {
    padding: 40px 5px 60px;
    width: 343px;
    height: 343px;
  }
}
.c-aboutHeader__image {
  width: 105px;
  height: auto;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.c-aboutHeader__subTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  color: #415166;
  padding-bottom: 16px;
}
.c-aboutHeader__subTitle img {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .c-aboutHeader__subTitle img {
    width: 160px;
  }
}
.c-aboutHeader__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  font-size: 48px;
  font-size: 3rem;
  line-height: 1.0833333333;
  letter-spacing: 0px;
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
  margin-bottom: 6px;
  color: #3fc7de;
}
@media screen and (max-width: 768px) {
  .c-aboutHeader__title {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.0555555556;
    letter-spacing: -2px;
    font-weight: 700;
  }
}
.c-aboutHeader__title--small {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: -2px;
  font-weight: 700;
  width: 100%;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .c-aboutHeader__title--small {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.1428571429;
    letter-spacing: -2px;
    font-weight: 700;
  }
}
.c-aboutHeader__text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  padding-top: 16px;
}

.c-introduction {
  box-sizing: border-box;
  padding: 40px 16px;
  text-align: center;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-introduction {
    padding: 40px 16px 80px;
  }
}
.c-introduction--noPadding {
  padding: 0 16px;
}
.c-introduction__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  color: #3fc7de;
  padding-bottom: 16px;
}
.c-introduction__title--tsukuard {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2916666667;
  letter-spacing: normal;
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
}
.c-introduction__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .c-introduction__text {
    padding: 0;
  }
}
.c-introduction__text--blue {
  color: #3fc7de;
}

.c-numberPoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
}
.c-numberPoint::before, .c-numberPoint::after {
  content: "";
  display: block;
  background: url("../img/top/bg_stripe.svg") 20px 20px repeat, #d3f1ff;
  height: 16px;
  width: 100%;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .c-numberPoint::before, .c-numberPoint::after {
    content: none;
    display: none;
  }
}
.c-numberPoint__text {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  background: url("../img/about/3.webp") no-repeat center;
  background-size: contain;
  height: 126px;
  min-width: 426px;
  margin: 0 auto;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .c-numberPoint__text {
    min-width: 100%;
  }
}

.c-pointStep {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding-bottom: 24px;
}
.c-pointStep__number {
  display: block;
  background: url("../img/about/point_frame.svg") no-repeat center;
  background-size: contain;
  width: 48px;
  height: 61px;
  position: relative;
}
.c-pointStep__number span {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 0;
  letter-spacing: 2px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 25px;
  left: 11px;
  white-space: nowrap;
}
.c-pointStep__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0px;
  font-weight: 700;
  color: #3fc7de;
  text-align: center;
  padding: 8px 24px;
}
.c-pointStep__title--pink {
  color: #ed5b6e;
}
.c-pointStep__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  padding: 0 24px;
  text-align: center;
}
.c-pointStep__note {
  display: inline-block;
  color: #ed5b6e;
  border: 1px solid #ed5b6e;
  border-radius: 100px;
  padding: 2px 16px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  text-align: center;
  margin: 0 24px;
}

.p-contents__inner {
  margin: 56px auto;
}
@media screen and (max-width: 768px) {
  .p-contents__inner {
    margin: 40px auto;
  }
}
.p-contents__inner--error {
  margin: 140px auto 100px;
  text-align: center;
  max-width: 375px;
}
@media screen and (max-width: 768px) {
  .p-contents__inner--error {
    margin: 60px auto 40px;
  }
}
.p-contents__inner--narrow {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.p-contents__subTitle {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0.4px;
  font-weight: 600;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-contents__subTitle {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-weight: 600;
  }
}
.p-contents__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.4px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-contents__text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
    letter-spacing: 0.4px;
    font-weight: 400;
  }
}
.p-contents__text p {
  margin: 8px auto;
}
.p-contents__text ol, .p-contents__text ul {
  margin: 16px auto;
}
.p-contents__text + .p-contents__text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-contents__text + .p-contents__text {
    margin-top: 24px;
  }
}
.p-contents__text--signature {
  text-align: right;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-contents__text--signature {
    margin-top: 40px;
  }
}
.p-contents__list--number {
  list-style-type: decimal;
}
.p-contents__list--number li {
  position: relative;
  padding-left: 32px;
}
.p-contents__list--number li::before {
  content: "(" counter(list-item, decimal) ") ";
  position: absolute;
  left: 0;
}
.p-contents__list--kana {
  list-style-type: katakana;
}
.p-contents__list--kana li {
  position: relative;
  padding-left: 40px;
}
.p-contents__list--kana li::before {
  content: "(" counter(list-item, katakana) ") ";
  position: absolute;
  left: 0;
}
.p-contents__list--dot {
  list-style-type: none;
}
.p-contents__list--dot li {
  list-style: inside;
  padding-left: 8px;
}
.p-contents__list--dot li::before {
  content: "";
  position: absolute;
  left: 0;
}

.p-top {
  overflow-x: visible;
  overflow-x: clip;
  width: 100%;
}
.p-top__feature {
  padding: 30px 0 50px;
  padding-left: 16px;
  margin: -10px 0;
}
@media screen and (max-width: 768px) {
  .p-top__feature {
    padding: 20px 0 50px;
  }
}
.p-top__feature .splide__slide {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .p-top__feature .splide__slide {
    opacity: 0.6;
  }
}
.p-top__feature .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.p-top__feature .splide__slide .c-recommendItem__featureThumbnail {
  transform: scale(1);
  transform-origin: center center;
}
.p-top__feature .splide__slide.is-active .c-recommendItem__featureThumbnail {
  transform: scale(1.1);
}
.p-top__feature .splide__list {
  height: auto !important;
  padding: 15px 0 !important;
  align-items: center;
}
.p-top__section {
  padding: 24px 0 24px 16px;
}
.p-top__section--aboutNav {
  padding: 24px 16px 40px 16px;
}
.p-top__section .splide__list {
  display: flex !important;
  justify-content: flex-start !important;
}
@media (min-width: 769px) {
  .p-top__section .splide__list {
    justify-content: safe center !important;
  }
  .p-top__section .splide__list::before, .p-top__section .splide__list::after {
    content: "";
    flex: 1;
  }
  .p-top__section .splide__list .splide__slide {
    flex-shrink: 0;
  }
}
.p-top__blueSection {
  padding: 16px 0;
  background: url("../img/top/bg_stripe.svg") 20px 20px repeat, #d3f1ff;
  margin-bottom: 24px;
}
.p-top__blueSection--corporateMap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  padding: 16px 16px 26px;
  margin-top: 10px;
}
.p-top__sectionHead {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  max-width: 1200px;
  position: relative;
  margin: 0 auto 16px;
}
@media screen and (max-width: 768px) {
  .p-top__sectionHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
  }
}
.p-top__sectionTitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-top__sectionTitle {
    width: 100%;
  }
}
.p-top__sectionTitle--center {
  text-align: center;
  width: 100%;
}
.p-top__sectionNav {
  position: absolute;
  right: 16px;
  border: 2px solid #3fc7de;
  color: #3fc7de;
  background-color: #fff;
  padding: 8px 6px 8px 14px;
  border-radius: 100px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: normal;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.p-top__sectionNav::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%233fc7de' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.3s;
}
.p-top__sectionNav:hover {
  color: #fff;
  background-color: #3fc7de;
}
.p-top__sectionNav:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.p-top__sectionNav:active {
  color: #fff;
  background-color: #3c74c9;
  border: 2px solid #3c74c9;
}
.p-top__sectionNav:active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  .p-top__sectionNav {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    letter-spacing: normal;
    font-weight: 700;
    padding: 6px 4px 6px 12px;
    position: static;
    margin: 0;
    margin-right: 8px;
  }
  .p-top__sectionNav::after {
    width: 18px;
    height: 18px;
  }
}
.p-top__searchInner {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  max-width: 416px;
  padding: 0 16px 10px;
  margin: 0 auto;
}
.p-top__searchColumn {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
}
.p-top__corporateMapButton {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  width: 100%;
  max-width: 416px;
  height: 140px;
  border-radius: 4px;
  background-color: #3fc7de;
  text-decoration: none;
  transition: 0.3s;
  box-shadow: 1px 1px 0 #36a2b6, 2px 2px 0 #36a2b6, 3px 3px 0 #36a2b6, 0 4px 16px 0 rgba(70, 98, 122, 0.12);
  background-image: url("../img/top/map_search.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}
.p-top__corporateMapButton img {
  width: auto;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-top__corporateMapButton:hover {
  background-color: #33aec2;
  background-image: url("../img/top/map_search_hover.webp");
  box-shadow: 1px 1px 0 #2d8b9d, 2px 2px 0 #2d8b9d, 3px 3px 0 #2d8b9d, 0 4px 16px 0 rgba(70, 98, 122, 0.12);
}
.p-top__corporateMapButton:active {
  background-color: #3c74c9;
  box-shadow: inset 2px 2px 4px #2b599d, 0 2px 8px 0 rgba(70, 98, 122, 0.08);
  transform: translate(2px, 2px);
}
.p-top__aboutNavList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-top__aboutNavList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.p-top__aboutNavItem {
  width: 100%;
  max-width: 360px;
}

.p-offerList {
  padding-top: 16px;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-offerList {
    padding-bottom: 40px;
  }
}
.p-offerList__cardBrock {
  width: 100%;
  max-width: 1093px;
  margin: 0 auto;
}
.p-offerList__cardList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 0 16px;
}
@media screen and (max-width: 1000px) {
  .p-offerList__cardList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .p-offerList__cardList {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.p-offerList__cardItem {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #eaedf1;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  position: relative;
}
.p-offerList__cardItem:hover:not(.p-offerList__cardItem--invalid):not(:has(.c-likesButton__company:hover)) .c-button {
  background: #33aec2;
}
.p-offerList__cardItem:active:not(.p-offerList__cardItem--invalid):not(:has(.c-likesButton__company:active)) .c-button {
  background: #3c74c9;
}
.p-offerList__cardItem .c-button {
  max-width: 100%;
}
.p-offerList__cardItem--invalid {
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 16px 0 rgba(70, 98, 122, 0.06);
  border: 1px solid rgba(234, 237, 241, 0.16);
  cursor: default;
}
.p-offerList__cardItem--invalid a {
  pointer-events: none;
}
.p-offerList__cardItem--invalid .p-offerList__cardInner {
  opacity: 0.16;
}
.p-offerList__cardLink {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.p-offerList__cardInner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  height: 100%;
}
.p-offerList__cardInner .c-button {
  margin-top: auto;
}
.p-offerList__cardTitle {
  display: flex;
  gap: 8px;
}
.p-offerList__cardTitleLogo {
  width: 40px;
  height: 40px;
  padding: 2px;
  border-radius: 100px;
  border: 1px solid #eaedf1;
  background: #fff;
}
.p-offerList__cardImageArea {
  position: relative;
  border-radius: 8px;
}
.p-offerList__cardImageLink {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
}
.p-offerList__cardImage {
  display: block;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 311/180;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-offerList__cardTitleName {
  color: #415166;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2857142857;
  letter-spacing: normal;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.p-videoDetailsList {
  width: 100%;
  max-width: 1093px;
  margin: 0 auto 100px;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  .p-videoDetailsList {
    margin: 0 auto 40px;
  }
}
.p-videoDetailsList__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 0 16px;
}
@media screen and (max-width: 1000px) {
  .p-videoDetailsList__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .p-videoDetailsList__list {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.p-videoDetailsList__item {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  box-sizing: border-box;
  position: relative;
}
.p-videoDetailsList__item--invalid {
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 16px 0 rgba(70, 98, 122, 0.06);
  cursor: default;
}
.p-videoDetailsList__item--invalid a {
  pointer-events: none;
}
.p-videoDetailsList__item--invalid .p-videoDetailsList__itemInner {
  opacity: 0.16;
}
.p-videoDetailsList__itemInner {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
.p-videoDetailsList__infoInner {
  padding-bottom: 8px;
}
.p-videoDetailsList__title {
  padding-bottom: 4px;
}
.p-videoDetailsList__title a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  color: #415166;
  display: block;
  word-break: break-all;
  overflow-wrap: anywhere;
}
.p-videoDetailsList__image {
  display: block;
  width: 146px;
  height: 188px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.p-videoDetailsList__failed {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 40px 16px 0;
}
.p-videoDetailsList__failed h2 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
.p-videoDetailsList__failed img {
  margin: 24px 0 16px;
}
.p-videoDetailsList__failed p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  text-align: center;
}

.p-companyDetail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
}
.p-companyDetail__header {
  box-sizing: border-box;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
.p-companyDetail__headerImageWrapper {
  position: relative;
  width: 100%;
  line-height: 0;
  margin-bottom: 8px;
}
.p-companyDetail__headerImageWrapper .c-likesButton__company {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}
.p-companyDetail__headerInner {
  padding: 0 16px;
}
.p-companyDetail__headerImage {
  width: 100%;
}
.p-companyDetail__container {
  box-sizing: border-box;
  width: 100%;
  max-width: 750px;
  padding: 26px 0 0;
  margin: -16px auto;
  box-sizing: border-box;
}
.p-companyDetail__container--wide {
  overflow: hidden;
  max-width: 100%;
}
.p-companyDetail__card {
  box-sizing: border-box;
  width: 100%;
  max-width: 750px;
  margin: 0 auto 16px;
  padding: 0 16px 16px;
  box-sizing: border-box;
}
.p-companyDetail__card--noPadding {
  margin: 0 auto 0;
}
.p-companyDetail__cardInner {
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
}
.p-companyDetail__cardInner p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  padding-bottom: 8px;
}
.p-companyDetail__cardTitle {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  color: #3fc7de;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
.p-companyDetail__cardTitle--black {
  color: #415166;
}
.p-companyDetail__closedTag {
  display: inline-block;
  color: #ed5b6e;
  border: 1px solid #ed5b6e;
  border-radius: 100px;
  padding: 0 8px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 700;
}

.js-tabPanel.slide-in-left {
  -webkit-animation: slideInLeft 0.3s ease forwards;
          animation: slideInLeft 0.3s ease forwards;
}
.js-tabPanel.slide-in-right {
  -webkit-animation: slideInRight 0.3s ease forwards;
          animation: slideInRight 0.3s ease forwards;
}

.p-companyInterview__container:nth-child(n+2) .p-companyInterview__header {
  margin-top: 50px;
}
.p-companyInterview__header {
  background: url("../img/top/bg_stripe.svg") 20px 20px repeat, #d3f1ff;
  padding-top: 24px;
}
.p-companyInterview__headerInner {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
.p-companyInterview__title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.14;
  letter-spacing: normal;
  font-weight: 700;
  padding: 0 16px 16px;
  text-align: center;
}
.p-companyInterview__headerImage {
  background: url("../img/company/interview_frame.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.p-companyInterview__headerImage img {
  border-radius: 50%;
  width: 128px;
  height: 128px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 20px;
  margin-right: 5px;
}
.p-companyInterview__headerName {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 400;
  padding: 16px;
}
.p-companyInterview__headerName span {
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  padding-right: 3px;
}
.p-companyInterview__content {
  max-width: 750px;
  margin: 32px auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.p-companyInterview__dailyContent {
  background: url("../img/top/bg_stripe.svg") 20px 20px repeat, #d3f1ff;
  padding: 24px 16px 40px;
}
@media screen and (max-width: 768px) {
  .p-companyInterview__dailyContent {
    padding: 24px 16px 24px;
  }
}
.p-companyInterview__dailyNote {
  max-width: 327px;
  margin: 0 auto;
  background: #fff;
  padding: 24px 32px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  text-align: center;
}
.p-companyInterview__dailyNote::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -5px;
  margin: 0 auto;
  right: 0;
  left: 0;
  width: 280px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/company/note.svg");
}
.p-companyInterview__dailyList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  width: 100%;
  margin: 16px 0 0;
}
.p-companyInterview__dailyItem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  width: 100%;
  background: #f0fcff;
  border-radius: 100px;
  padding: 0 8px;
}
.p-companyInterview__dailyItem dt {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  color: #3fc7de;
  width: 61px;
}
.p-companyInterview__dailyItem dt::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #3fc7de;
  border-radius: 50%;
  flex-shrink: 0;
}
.p-companyInterview__dailyItem dd {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}

.p-companyInfo__slideWrapper {
  padding-left: 16px;
  margin-bottom: 20px;
  margin: -50px 0 -25px;
}
.p-companyInfo__slideWrapper img:hover {
  opacity: 1;
}
.p-companyInfo__slideWrapper .splide__list {
  padding: 45px 0;
  justify-content: center;
}
.p-companyInfo__slideWrapper .splide.is-overflow .splide__list {
  justify-content: flex-start;
}
.p-companyInfo__accordionWrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__accordionWrapper {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
  }
}
.p-companyInfo__accordion {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
}
.p-companyInfo__accordion--data {
  background: #d3f1ff;
  max-width: 100%;
}
.p-companyInfo__accordionInner {
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  border-radius: 8px;
  max-width: 750px;
  margin: 0 auto;
}
.p-companyInfo__accordionHeader {
  background: #fff;
  border-radius: 8px 8px 0 0;
  position: relative;
  height: 124px;
  cursor: pointer;
}
.p-companyInfo__accordionImage {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.p-companyInfo__accordionTitle {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}
.p-companyInfo__accordionButton {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  background: #3fc7de;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 10px 20px -5px rgba(70, 98, 122, 0.12);
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  color: #fff;
}
.p-companyInfo__accordionButton.is-active .p-companyInfo__accordionButtonIcon::before {
  height: 2px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"><path d="M8.75 1H1" stroke="%233fc7de" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.p-companyInfo__accordionButtonIcon {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}
.p-companyInfo__accordionButtonIcon::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M8.75 4.75H4.75M4.75 4.75H0.75M4.75 4.75V0.75M4.75 4.75V8.75" stroke="%233fc7de" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.p-companyInfo__accordionContent {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
.p-companyInfo__accordionContent--data {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin: 8px auto 0;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__accordionContent--data {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.p-companyInfo__infoList {
  background: #fff;
  border-top: 1px solid #eaedf1;
  padding: 16px 8px 4px;
}
.p-companyInfo__infoList dt {
  padding: 8px 8px 0;
  color: #3fc7de;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
}
.p-companyInfo__infoList dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  padding: 0 8px 8px;
}
.p-companyInfo__infoList dd:not(:last-child) {
  border-bottom: 1px solid #eaedf1;
}
.p-companyInfo__infoList--conditions dt {
  padding: 8px 8px 4px;
  color: #415166;
}
.p-companyInfo__bgBlue {
  background: url("../img/top/bg_stripe.svg") 20px 20px repeat, #d3f1ff;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__bgBlue {
    padding-bottom: 8px;
  }
}
.p-companyInfo__dataTop {
  background: #fff;
  border-top: 1px solid #eaedf1;
  padding: 16px 8px;
  border-radius: 0 0 8px 8px;
}
.p-companyInfo__dataBottom {
  width: 100%;
  margin: 8px 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px 16px;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__dataBottom {
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 8px;
  }
}
.p-companyInfo__dataLineGroup {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__dataLineGroup {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
  }
}
.p-companyInfo__dataLineGroup--child {
  width: calc(50% - 8px);
}
@media screen and (max-width: 768px) {
  .p-companyInfo__dataLineGroup--child {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
  }
}
.p-companyInfo__dataRowGroup {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  width: calc(50% - 8px);
}
@media screen and (max-width: 768px) {
  .p-companyInfo__dataRowGroup {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
  }
}
.p-companyInfo__dataWrapGroup {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__dataWrapGroup {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.p-companyInfo__dataCard {
  width: calc(50% - 8px);
  padding: 16px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  box-sizing: border-box;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__dataCard {
    width: calc(50% - 4px);
  }
}
.p-companyInfo__dataCard--wide {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-companyInfo__dataCard--spWide {
    width: 100%;
  }
}
.p-companyInfo__dataList dt {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #ffdde9;
  border-radius: 100px;
  padding: 4px 8px;
  margin: 0 auto 8px;
}
.p-companyInfo__dataList dd {
  flex: 1;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  text-align: center;
}
.p-companyInfo__dataList dd p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: normal;
  font-weight: 500;
}
.p-companyInfo__dataListItem {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  padding: 16px;
}
.p-companyInfo__dataListItem:not(:last-child) {
  border-bottom: 1px solid #eaedf1;
}
.p-companyInfo__dataListItem dt {
  margin: 0 auto 0;
}
.p-companyInfo__dataListItem dd {
  text-align: right;
}
.p-companyInfo__emphasis {
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  font-weight: 700 !important;
}
.p-companyInfo__emphasis span {
  font-size: 32px;
  font-size: 2rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  color: #ed5b6e;
  padding: 0 3px;
  word-wrap: break-word;
}
.p-companyInfo__emphasis--big {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 500;
  font-size: 24px !important;
  padding: 12px 0;
}
.p-companyInfo__emphasis--big span {
  font-size: 48px;
  font-size: 3rem;
  line-height: 0.4166666667;
  letter-spacing: normal;
  font-weight: 700;
}
.p-companyInfo__minorEmphasis span {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  padding: 0 3px;
}
.p-companyInfo__minorEmphasis--small span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
}

.p-interview {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.p-interview__header {
  background: #3fc7de;
  position: relative;
}
.p-interview__header::after {
  content: "";
  display: block;
  height: 16px;
  width: 100%;
  background: url("../img/top/bg_stripe.svg") 20px 20px;
  background-color: #d3f1ff;
}
.p-interview__headerImage {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.p-interview__profileContainer {
  margin-top: -60px;
  padding: 0 64px;
  position: relative;
  z-index: 5;
}
.p-interview__profileContainer .c-card {
  width: auto;
}
@media screen and (max-width: 768px) {
  .p-interview__profileContainer {
    padding: 0 24px;
  }
  .p-interview__profileContainer .c-card {
    padding: 16px 24px;
  }
}
.p-interview__companyName {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  margin-bottom: 8px;
}
.p-interview__profileInfo {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
}
.p-interview__headerHeadline {
  padding: 24px 32px 32px;
  color: #fff;
}
.p-interview__headerTitle {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
}
.p-interview__headerSubTitle {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  margin-top: 8px;
}
.p-interview__headerDiscription {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  letter-spacing: normal;
  font-weight: 400;
  background: #fff;
  padding: 32px;
}
.p-interview__content {
  background: #fff;
}
.p-interview__articleTitle {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.36;
  letter-spacing: -1px;
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #3fc7de;
  padding-bottom: 8px;
}
.p-interview__articleSubTitle {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .p-interview__articleSubTitle {
    margin-bottom: 16px;
  }
}
.p-interview__articleImage {
  margin-bottom: 16px;
}
.p-interview__articleText {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  letter-spacing: normal;
  font-weight: 400;
}
.p-interview__articleText strong {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  letter-spacing: normal;
  font-weight: 600;
  background: linear-gradient(transparent 70%, #ffdde9 70%, #ffdde9 100%);
}
.p-interview__article {
  padding: 48px 32px;
}
@media screen and (max-width: 768px) {
  .p-interview__article {
    padding: 32px;
  }
}
.p-interview__articleImage {
  text-align: center;
}
.p-interview__articleImage img {
  border-radius: 8px;
  max-width: 100%;
}
.p-interview__daily {
  margin-bottom: 60px;
  padding-top: 48px;
}
@media screen and (max-width: 768px) {
  .p-interview__daily {
    margin-bottom: 0;
    padding-top: 32px;
  }
}
.p-interview__footerImage {
  padding: 32px 0 0;
  text-align: center;
}
.p-interview__footerImage img {
  max-width: 327px;
  border-radius: 8px;
}
.p-interview__toolImage {
  width: 100%;
  background: #fff;
  text-align: center;
}
.p-interview__toolImage img {
  width: 100%;
  max-width: 375px;
  vertical-align: bottom;
}

.p-videoList {
  padding-bottom: 100px;
}
.p-videoList__filterWrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 16px 0;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .p-videoList__filterWrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    max-width: 100%;
  }
}
.p-videoList__listWrapper {
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .p-videoList__listWrapper {
    max-width: 100%;
  }
}

.p-videoDetail {
  position: relative !important;
  height: 100%;
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  background: #474645;
  overflow: hidden !important;
  transition: none !important;
  transform: none !important;
  /* ─── タップして再生（自動再生失敗時） ─── */
  /* ─── お気に入りボタン ヒットエリア拡張 ── */
  /* ─── エラー画面 ────────────────────────── */
}
@media (min-width: 768px) {
  .p-videoDetail {
    margin-left: calc((100vw - 56.25dvh) / 2) !important;
  }
}
.p-videoDetail__body {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: none !important;
  transform: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  background-color: #474645;
}
.p-videoDetail__body.is-leaving-next, .p-videoDetail__body.is-leaving-prev {
  overflow: hidden !important;
  transition: none !important;
  transform: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
}
.p-videoDetail__scrollContainer {
  display: block !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  overflow-y: scroll !important;
  scroll-snap-type: y mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1 !important;
  transition: none !important;
  transform: none !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-videoDetail__scrollContainer::-webkit-scrollbar {
  display: none;
}
.p-videoDetail__scrollContainer.is-seeking {
  overflow-y: hidden !important;
  touch-action: none !important;
}
.p-videoDetail__section {
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  position: relative !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
  overflow: hidden;
  transition: none !important;
  transform: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  z-index: 2 !important;
}
.p-videoDetail__section.is-active .p-videoDetail__customControls {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .p-videoDetail__section {
    justify-content: flex-start !important;
  }
}
@media (max-width: 767px) {
  .p-videoDetail {
    width: 100%;
    display: block !important;
  }
}
.p-videoDetail__wrapper {
  position: relative;
  height: 100%;
  background: #474645;
  transition: none !important;
  transform: none !important;
  flex-shrink: 0 !important;
}
@media (min-width: 768px) {
  .p-videoDetail__wrapper {
    width: 56.25vh !important;
    width: 56.25dvh !important;
  }
}
@media (max-width: 767px) {
  .p-videoDetail__wrapper {
    width: 100%;
  }
}
.p-videoDetail__wrapper #js-player {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-videoDetail__wrapper > div[id^=js-player-],
.p-videoDetail__wrapper > div[id^=player-] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 100%;
  height: 100%;
}
.p-videoDetail__wrapper > div[id^=js-player-] iframe,
.p-videoDetail__wrapper > div[id^=player-] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-videoDetail__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  z-index: 10;
}
.p-videoDetail__loading.is-hidden {
  display: none;
}
.p-videoDetail__tapOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5 !important;
  cursor: pointer;
  pointer-events: none !important;
}
@media (min-width: 768px) {
  .p-videoDetail__tapOverlay {
    bottom: 16px;
  }
}
.p-videoDetail__playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 15;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  box-shadow: 0 0 5px 0 rgba(70, 98, 122, 0.4);
  background: rgba(255, 255, 255, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
.p-videoDetail__playButton svg {
  transition: all 0.3s ease;
}
.p-videoDetail__playButton.show {
  opacity: 1;
  pointer-events: auto;
}
.p-videoDetail__playButton:hover {
  background: rgb(255, 255, 255);
  transform: translate(-50%, -50%) scale(1.1);
  fill: #33aec2;
}
.p-videoDetail__playButton:hover path {
  stroke: #33aec2;
}
.p-videoDetail__playButton:active svg {
  fill: #3c74c9;
}
.p-videoDetail__playButton:active svg path {
  stroke: #3c74c9;
}
.p-videoDetail__playButton svg {
  width: 26px;
  height: 26px;
  fill: #3fc7de;
  position: relative;
}
.p-videoDetail__playButton svg path {
  stroke: #3fc7de;
  stroke-width: 1px;
  stroke-linejoin: round;
}
.p-videoDetail__playButton.playing svg {
  margin-left: 0;
  transform: none;
}
.p-videoDetail__playButton.paused svg {
  margin-left: 0;
  transform: translateX(1.5px);
}
.p-videoDetail__infoOverlay {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 16px 70px;
  padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
  color: white;
  z-index: 10 !important;
  pointer-events: none !important;
}
@media (min-width: 768px) {
  .p-videoDetail__infoOverlay {
    display: none;
  }
}
.p-videoDetail__infoOverlay a,
.p-videoDetail__infoOverlay button,
.p-videoDetail__infoOverlay a *,
.p-videoDetail__infoOverlay button * {
  pointer-events: auto !important;
  cursor: pointer !important;
}
.p-videoDetail__infoOverlayOperation {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  pointer-events: auto !important;
  z-index: 150 !important;
  position: relative !important;
}
.p-videoDetail__infoOverlayOperation * {
  pointer-events: auto !important;
}
@media screen and (max-width: 960px) and (orientation: landscape) {
  .p-videoDetail__infoOverlayOperation {
    flex-direction: row !important;
    gap: 8px;
    align-items: center;
  }
}
.p-videoDetail__infoOverlayHead {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  pointer-events: none !important;
  padding-bottom: 8px;
}
.p-videoDetail__infoWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.p-videoDetail__infoWrapper > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.p-videoDetail__videoTitle {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 700;
}
.p-videoDetail__videoTitle--sp {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: normal;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.p-videoDetail__pager {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
  flex-shrink: 0;
  pointer-events: auto !important;
  z-index: 100 !important;
}
.p-videoDetail__pagerIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 0;
  text-decoration: none;
  pointer-events: auto;
  transition: all 0.2s ease;
  position: relative;
}
.p-videoDetail__pagerIcon:hover {
  background: rgba(211, 241, 255, 0.5);
}
.p-videoDetail__pagerIcon:active {
  background: #3fc7de;
}
.p-videoDetail__pagerIcon::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.p-videoDetail__pagerIcon:first-child::before {
  transform: translate(-50%, -25%) rotate(-45deg);
}
.p-videoDetail__pagerIcon:last-child::before {
  transform: translate(-50%, -75%) rotate(135deg);
}
.p-videoDetail__pagerIcon.is-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.p-videoDetail__swipeIndicator {
  position: absolute;
  bottom: 10px;
  bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 150;
  cursor: pointer;
  pointer-events: none;
  -webkit-animation: bounce 2s infinite !important;
          animation: bounce 2s infinite !important;
}
.p-videoDetail__swipeIndicator svg {
  width: 24px;
  height: 24px;
  fill: rgba(65, 81, 102, 0.6);
}
@media (min-width: 768px) {
  .p-videoDetail__swipeIndicator {
    display: none;
  }
}
.p-videoDetail__swipeIndicator.is-hidden {
  display: none;
}
@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
.p-videoDetail__sidePanel {
  display: none;
}
@media (min-width: 768px) {
  .p-videoDetail__sidePanel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
    position: relative;
    width: 400px;
    min-width: 300px;
    max-width: 400px;
    height: 100vh;
    height: 100dvh;
    flex-shrink: 1;
    background: #474645;
    color: #fff;
    overflow-y: auto;
    z-index: 10;
  }
}
.p-videoDetail__sidePanelContent {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}
.p-videoDetail__customControls {
  position: fixed !important;
  bottom: 42px !important;
  bottom: calc(42px + env(safe-area-inset-bottom, 0px)) !important;
  left: 0;
  right: 0;
  z-index: 9999 !important;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none !important;
}
.p-videoDetail__customControls.is-active {
  pointer-events: auto !important;
}
@media (max-width: 767px) {
  .p-videoDetail__customControls {
    bottom: 52px !important;
    bottom: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 10100 !important;
  }
}
.p-videoDetail__section.is-active .p-videoDetail__customControls {
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.p-videoDetail__progressBar {
  position: relative;
  width: 100%;
  height: 4px !important;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  pointer-events: auto !important;
  z-index: 10000 !important;
  touch-action: none !important;
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.p-videoDetail__progressBar::after {
  content: "" !important;
  position: absolute !important;
  top: -20px !important;
  bottom: -20px !important;
  left: 0 !important;
  right: 0 !important;
  pointer-events: auto !important;
  z-index: 10001 !important;
}
@media (max-width: 767px) {
  .p-videoDetail__progressBar::after {
    top: -30px !important;
    bottom: -30px !important;
  }
}
.p-videoDetail__section.is-active .p-videoDetail__customControls .p-videoDetail__progressBar {
  pointer-events: auto !important;
}
.p-videoDetail__progressFilled {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ed5b6e;
  width: 0%;
  pointer-events: none !important;
  z-index: 2 !important;
}
.p-videoDetail__progressIndicator {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 14px;
  height: 14px;
  background: #ed5b6e;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 3 !important;
  pointer-events: none !important;
  transition: width 0.2s ease, height 0.2s ease;
  opacity: 1 !important;
}
.p-videoDetail__progressIndicator.is-dragging {
  width: 24px;
  height: 24px;
}
@media (min-width: 768px) and (max-width: 900px) {
  .p-videoDetail__sidePanel {
    width: calc(100vw - 56.25vh);
    min-width: 200px;
  }
  .p-videoDetail__sidePanelContent {
    padding: 20px;
  }
  .p-videoDetail h2 {
    font-size: 16px;
  }
  .p-videoDetail__corporateName--pc {
    font-size: 12px;
  }
}
.p-videoDetail__muteBtn {
  position: absolute;
  top: 40px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100 !important;
  transition: background 0.3s;
  pointer-events: auto !important;
}
.p-videoDetail__muteBtn:hover {
  background: rgba(255, 255, 255, 0.4);
}
.p-videoDetail__muteBtn svg {
  width: 24px;
  height: 24px;
  fill: #fff;
}
@media screen and (max-width: 768px) {
  .p-videoDetail__muteBtn {
    top: 50px;
  }
}
.p-videoDetail__backBtn {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100 !important;
  transition: background 0.3s;
  pointer-events: auto !important;
  text-decoration: none;
}
@media (min-width: 768px) {
  .p-videoDetail__backBtn {
    position: fixed;
  }
}
.p-videoDetail__backBtn svg {
  width: 18px;
  height: 24px;
}
@media screen and (max-width: 768px) {
  .p-videoDetail__backBtn {
    top: 50px;
  }
}
.p-videoDetail__tapToPlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  z-index: 50;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.35);
}
.p-videoDetail__tapToPlay.is-hidden {
  display: none;
}
.p-videoDetail__tapToPlayInner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  gap: 12px;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.p-videoDetail__tapToPlayIcon {
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
}
.p-videoDetail__tapToPlayText {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
.p-videoDetail__likesBtn {
  position: relative;
}
.p-videoDetail__likesHitArea {
  position: absolute;
  top: -35px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: 1000;
  cursor: pointer;
  pointer-events: auto;
}
.p-videoDetail__error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  height: 100dvh;
  padding: 20px;
  text-align: center;
  background: #f0fcff;
}
.p-videoDetail__errorInner {
  max-width: 500px;
}
.p-videoDetail__errorTitle {
  color: #415166;
  margin-bottom: 16px;
}
.p-videoDetail__errorText {
  color: #6a7282;
  line-height: 1.6;
  margin-bottom: 24px;
}
.p-videoDetail__spCompanyLink {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: normal;
  font-weight: 500;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  gap: 2px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
  width: 50px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.p-videoDetail__spCompanyLink::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M21.9231 34V28H17.0769V34M25.1538 16H13.8462M25.1538 10H13.8462M25.1538 22H13.8462M30 34H9V4H30V34Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.p-videoDetail__spLikesBtn {
  width: 50px;
}

.p-map__content {
  height: calc(100vh - 137px);
  width: 100%;
}
.p-map__group {
  padding: 16px 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 32px;
}
.p-map__infoWindow {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  width: 100%;
}
.p-map__infoWindow:first-child .c-companyName {
  padding-right: 20px;
}
.p-map__button {
  position: absolute;
  top: 160px;
  left: 20px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-map__button {
    top: 80px;
    left: 10px;
  }
}

.p-analysis {
  max-width: 640px;
  width: 100%;
  margin: 40px auto;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 15px;
}
.p-analysis__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 400;
  text-align: center;
  padding: 16px 0;
}
.p-analysis__content {
  width: 100%;
  margin-top: -20px;
}
.p-analysis__content .c-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
}
.p-analysis__content .js-qContent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
}
.p-analysis__question {
  width: 100%;
  padding-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 11px;
}
.p-analysis__questionNumber {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  background: #3fc7de;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 0.1041666667;
  letter-spacing: 1.92px;
  font-weight: 700;
}
.p-analysis__questionTitle {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  padding: 8px 0;
}
.p-analysis__options {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}
.p-analysis__options li {
  max-width: 400px;
  width: 100%;
}
.p-analysis__questionFooter {
  position: relative;
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
.p-analysis__questionFooter .c-pager__arrow {
  position: absolute;
  right: calc(50% + 40px);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.p-analysis__pager {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
.p-analysis__pagerItem {
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #eaedf1;
}
.p-analysis__pagerItem.is-current {
  background-color: #3fc7de;
}

.p-analysisResult {
  max-width: 640px;
  width: 100%;
  margin: 40px auto;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .p-analysisResult {
    margin: 16px auto 32px;
  }
}
.p-analysisResult__header {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}
.p-analysisResult__header img {
  width: 160px;
  height: 160px;
}
.p-analysisResult__title {
  margin-top: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
}
.p-analysisResult__title--private {
  background: linear-gradient(transparent 70%, #F8E729 70%, #F8E729 100%);
}
.p-analysisResult__title--benefits {
  background: linear-gradient(transparent 70%, #FDA5CD 70%, #FDA5CD 100%);
}
.p-analysisResult__title--support {
  background: linear-gradient(transparent 70%, #8ECDF7 70%, #8ECDF7 100%);
}
.p-analysisResult__title--atmosphere {
  background: linear-gradient(transparent 70%, #AEAEFF 70%, #AEAEFF 100%);
}
.p-analysisResult__title--area {
  background: linear-gradient(transparent 70%, #A0EF70 70%, #A0EF70 100%);
}
.p-analysisResult__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  padding: 0 16px;
  text-align: center;
}
.p-analysisResult__cardInner {
  margin: 8px 0 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}
.p-analysisResult__cardHeader {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}

.p-mypage__header {
  background: #d3f1ff;
  box-sizing: border-box;
  padding: 26px 16px 125px;
}
@media screen and (max-width: 768px) {
  .p-mypage__header {
    padding: 26px 16px 85px;
  }
}
.p-mypage__info {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  min-height: 54px;
}
.p-mypage__infoButtonContainer {
  width: 243px;
}
.p-mypage__name h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 700;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-mypage__name h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: normal;
    font-weight: 700;
    padding-bottom: 8px;
  }
}
.p-mypage__name p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 700;
}
.p-mypage__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 700;
  text-align: center;
  padding-bottom: 12px;
}
.p-mypage__title--myList {
  color: #fff;
}
.p-mypage__myListContainer {
  box-sizing: border-box;
  padding: 0 16px;
}
.p-mypage__myListInner {
  max-width: 640px;
  width: 100%;
  margin: -108px auto 0;
  padding: 16px;
  border-radius: 8px;
  background: #3fc7de;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-mypage__myListInner {
    margin: -68px auto 0;
  }
}
.p-mypage__myListInner::before {
  content: "";
  width: 140px;
  height: 101px;
  flex-shrink: 0;
  background-image: url("../img/mypage/mylist.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: -72px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-mypage__myListInner::before {
    width: 79px;
    height: 84px;
    background-image: url("../img/mypage/mylist_sp.png");
    top: -62px;
  }
}
.p-mypage__myList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .p-mypage__myList {
    flex-wrap: wrap;
  }
}
.p-mypage__myListItem {
  position: relative;
  width: calc(50% - 4px);
  width: 100%;
  max-width: 160px;
}
@media screen and (max-width: 768px) {
  .p-mypage__myListItem {
    max-width: none;
    width: calc(50% - 4px);
  }
}
.p-mypage__myListItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  height: 80px;
  width: 100%;
  padding: 16px 8px;
  background: #fff;
  border-radius: 8px;
  color: #415166;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  transition: 0.3s;
}
.p-mypage__myListItem a svg {
  flex-shrink: 0;
}
.p-mypage__myListItem a:hover {
  opacity: 0.7;
}
.p-mypage__myListItem span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #b7c8d4;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 4px;
  opacity: 1;
}
.p-mypage__myListItem--disabled a {
  opacity: 0.16;
  pointer-events: none;
}
.p-mypage__guideContainer {
  box-sizing: border-box;
  margin: 24px 0;
  padding: 0 16px;
}
.p-mypage__guideList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 8px;
  max-width: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-mypage__guideList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px 8px;
  }
}
.p-mypage__guideListItem {
  width: calc(50% - 4px);
  width: 100%;
  max-width: 316px;
}
@media screen and (max-width: 768px) {
  .p-mypage__guideListItem {
    max-width: none;
    width: 100%;
  }
}
.p-mypage__footerButton {
  box-sizing: border-box;
  min-width: 375px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 24px 16px 40px;
}
@media screen and (max-width: 768px) {
  .p-mypage__footerButton {
    min-width: none;
    width: 100%;
  }
}
.p-mypage__footerButton li {
  width: 100%;
}
.p-mypage__withdrawalLink {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  padding-top: 10px;
}
.p-mypage__withdrawalLink a {
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  color: #415166;
}
.p-mypage__withdrawalLink span {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #b7c8d4;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 4px;
  opacity: 1;
}
.p-mypage__withdrawalLink--disabled a {
  opacity: 0.16;
  pointer-events: none;
}

.p-keepList__header {
  box-sizing: border-box;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0 16px;
}
.p-keepList__count {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: 1px;
  font-weight: 700;
}

.p-login {
  box-sizing: border-box;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  flex-shrink: 0;
  align-self: center;
  padding: 0 27px;
}
@media screen and (max-width: 768px) {
  .p-login {
    width: 100%;
    align-self: auto;
    margin: 33vw auto 25vw;
    padding: 0 30px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
  }
}
.p-login__body {
  min-height: 100vh;
  background-color: #3fc7de;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
@media screen and (max-width: 768px) {
  .p-login__body {
    align-items: normal;
  }
}
.p-login__wrapper {
  min-height: 100vh;
  height: 100vh;
  width: 100%;
  background-color: #3fc7de;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
}
@media screen and (max-width: 768px) {
  .p-login__wrapper {
    background-image: url("../img/login/bg_sp.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    align-items: normal;
  }
}
.p-login__bg {
  flex: 1;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 440px;
  background-position: right center;
}
@media (min-width: 1920px) {
  .p-login__bg {
    background-size: 100% auto;
  }
}
.p-login__bg--left {
  background-image: url("../img/login/bg_left.svg");
  background-position: right center;
}
.p-login__bg--right {
  background-image: url("../img/login/bg_right.svg");
  background-position: left center;
}
@media screen and (max-width: 768px) {
  .p-login__bg {
    display: none;
  }
}
.p-login__passForgotLink a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: normal;
  letter-spacing: -0.312px;
  font-weight: 400;
  color: #fff;
  transition: 0.3s;
}
.p-login__passForgotLink a:hover {
  opacity: 0.7;
}
.p-login__buttonContainer {
  width: 240px;
  margin: 40px auto;
}
.p-login__registerLink {
  text-align: center;
}
.p-login__registerLink a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: -0.312px;
  font-weight: 700;
  color: #fff;
  transition: 0.3s;
}
.p-login__registerLink a:hover {
  opacity: 0.7;
}
.p-login__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  margin-bottom: 40px;
  padding: 18.07px 51.141px 16.391px 59.688px;
}
@media screen and (max-width: 768px) {
  .p-login__title {
    padding: 8.438px 42.249px 14.175px 37.75px;
  }
}
.p-login__logo {
  width: 100%;
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 768px) {
  .p-login__logo {
    max-width: 240px;
  }
}
.p-login__inputContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}

.p-registration {
  padding: 72px 16px 16px;
}
@media screen and (max-width: 768px) {
  .p-registration {
    padding: 16px;
  }
}
.p-registration--input {
  padding: 0 16px;
}
.p-registration__inputTitle {
  width: 100%;
  text-align: center;
  margin-bottom: -16px;
}
.p-registration__inputTitle img {
  width: 100%;
  max-width: 362px;
  margin: 0 auto;
}

.p-delete img {
  margin-top: 32px;
}
.p-delete__text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
}
.p-delete__text p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 400;
  padding: 16px 24px;
}

.p-news {
  max-width: 640px;
  width: 100%;
  overflow: hidden;
}
.p-news--info {
  margin: 32px auto;
}
@media screen and (max-width: 768px) {
  .p-news--info {
    margin: 16px auto;
  }
  .p-news--info .c-card {
    background: transparent;
    box-shadow: none;
  }
}
.p-news__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 16px 0;
  width: 100%;
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@media screen and (max-width: 768px) {
  .p-news__list {
    padding: 0;
  }
}
.p-news__list.is-hidden {
  display: none;
}
.p-news__titleContainer {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-news__titleContainer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 5px;
  }
}
.p-news__item {
  width: 100%;
}
.p-news__date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  padding: 0 16px 0 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  border-right: 1px solid #e6e9ed;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-news__date {
    border: none;
    padding: 0;
  }
}
.p-news__title {
  flex: 1;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  padding-left: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-news__title {
    padding-left: 0;
  }
}
.p-news__title--big {
  margin-top: 16px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 600;
  display: block;
  overflow: visible;
  -webkit-line-clamp: none;
  line-clamp: none;
}
@media screen and (max-width: 768px) {
  .p-news__title--big {
    margin-top: 0;
  }
}
.p-news__infoLink {
  display: block;
  width: 100%;
  color: #415166;
}
.p-news__content {
  margin: 24px 0 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-news__content {
    margin: 16px 0;
  }
}
.p-news__image img {
  width: 100%;
  border-radius: 8px;
}
.p-news__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7485714286;
  letter-spacing: normal;
  font-weight: 400;
  margin: 16px 0;
}

.p-faq {
  padding: 64px 0;
}
@media screen and (max-width: 768px) {
  .p-faq {
    padding: 0 0 64px;
  }
}
.p-faq__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 32px 16px 0;
  max-width: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-faq__list {
    padding: 0 16px;
  }
}
.p-faq__item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 16px;
  box-shadow: 0 2px 20px 0 rgba(70, 98, 122, 0.12);
  background: #fff;
  border-radius: 8px;
}
.p-faq__group {
  width: 100%;
}
.p-faq__group--question {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  position: relative;
  cursor: pointer;
}
.p-faq__group--question::before, .p-faq__group--question::after {
  content: "";
  position: absolute;
  transition: all 0.3s ease;
  top: 50%;
  transform: translateY(-50%);
}
.p-faq__group--question::after {
  right: 0;
  width: 20px;
  height: 20px;
  background: #3fc7de;
  border-radius: 50%;
  cursor: pointer;
  z-index: 0;
}
.p-faq__group--question::before {
  right: 5px;
  width: 10px;
  height: 10px;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M8.75 4.75H4.75M4.75 4.75H0.75M4.75 4.75V0.75M4.75 4.75V8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.p-faq__group--question.is-active::before {
  height: 2px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"><path d="M8.75 0.75H4.75H0.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.p-faq__group--answer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  display: none;
}
.p-faq__group--answer.is-open {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
.p-faq__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 700;
  flex-shrink: 0;
}
.p-faq__icon--question {
  color: #3fc7de;
  margin-top: -4px;
}
.p-faq__icon--answer {
  color: #ed5b6e;
}
.p-faq__text {
  padding-left: 16px;
  padding-right: 30px;
}
.p-faq__text--question {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: normal;
  font-weight: 700;
  border-left: 2px solid #3fc7de;
}
.p-faq__text--answer {
  display: flex;
  align-items: center;
  justify-content: fle;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: normal;
  font-weight: 400;
  border-left: 2px solid #ed5b6e;
}

.p-about__pointStep {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 0;
}
@media screen and (max-width: 1200px) {
  .p-about__pointStep {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.p-about__pointStepItem {
  width: 377.5px;
}
.p-about__reputation {
  background: url("../img/top/bg_stripe.svg") 20px 20px repeat, #d3f1ff;
  padding-bottom: 48px;
}
.p-about__reputation h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 700;
  text-align: center;
  padding: 48px 16px 0;
}
.p-about__reputationContainer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 0;
}
@media screen and (max-width: 1200px) {
  .p-about__reputationContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 110px;
  }
}
.p-about__reputationItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 32px;
  width: 375px;
  padding: 0 32px;
}
.p-about__reputationTitle {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: normal;
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #3fc7de;
}
.p-about__reputationTitle span {
  background: #3fc7de;
  color: #fff;
  border-radius: 100px;
  padding: 0 16px;
  margin: 0 3px;
}
.p-about__things {
  padding: 48px 0;
}
.p-about__thingsHeader {
  text-align: center;
}
.p-about__thingsSeasar {
  height: 37px;
  margin: 24px 0;
}
.p-about__thingsButtonList {
  width: 100%;
  padding: 32px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
}
.p-about__thingsButtonList li {
  width: 100%;
  max-width: 360px;
}
@media screen and (max-width: 1200px) {
  .p-about__thingsButtonList {
    padding: 32px 16px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
  }
}

.p-guide__pointStep {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 96px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 0;
}
@media screen and (max-width: 1200px) {
  .p-guide__pointStep {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 70px;
  }
}
.p-guide__pointStepItem {
  max-width: 600px;
}
.p-guide__pointStepContent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 0 16px;
}
@media screen and (max-width: 768px) {
  .p-guide__pointStepContent {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.p-guide__pointStepText {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-guide__pointStepText {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .p-guide__pointStepText p {
    text-align: center;
  }
}
.p-guide__pointStepText--large {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 600;
  color: #3fc7de;
}

.p-error {
  padding: 64px 0;
}
@media screen and (max-width: 768px) {
  .p-error {
    padding: 64px 0 32px;
  }
}
.p-error__inner {
  margin: 56px auto 0;
  max-width: 375px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-error__inner {
    margin: 0 auto;
  }
}
.p-error__image {
  padding-top: 24px;
}
.p-error__text {
  padding: 16px 24px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: normal;
  font-weight: 400;
}
.p-error__button {
  padding: 32px 24px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 15px;
}

.p-manager__link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  font-weight: 400;
  color: #415166;
  transition: all 0.2s;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  margin-top: 32px;
}
.p-manager__link:hover {
  color: #3fc7de;
}
/*# sourceMappingURL=style.css.map */