@layer project {
  @layer parts;
  @layer content;
}
@layer project {
  :root {
    --color-ok: #192F60;
    --color-main: #192F60;
    --color-main-on: white;
    --color-main-bg: #eeeff2;
    --color-sub: #E88600;
    --color-sub-on: white;
    --color-sub-bg: #f9f4ed;
    --color-border-ok: rgba(25, 47, 96, 0.5);
    --color-border-main: rgba(25, 47, 96, 0.5);
    --color-border-sub: rgba(232, 134, 0, 0.5);
    --initial-bgColor: #FAFAFA;
    /* be adjust */
  }
  @layer parts {
    /* font */
    /* animation */
    @keyframes example {
      from {
        transform: 0 0;
      }
      to {
        transform: 1 1;
      }
    }
    /* common */
    :is(._z):not(:has(.e-myMenu)) {
      background-color: white;
    }
    :is(._e) .e-user em {
      line-height: 1.5;
    }
    :is(._f):not(:empty) {
      min-height: 50vh;
    }
    /**/
    .pj-benefit {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.35em;
      width: fit-content;
      font-weight: bold;
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
      border-radius: var(--radius-s);
      padding: 0.25em 1em;
    }
    .pj-benefit::before {
      content: "";
      content: "";
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      background-image: url(/image/project/c.png);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
    .pj-industry {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.35em;
    }
    .pj-industry li {
      font-size: 0.85em;
      background-color: rgba(211, 211, 211, 0.5);
      border-radius: 1.5em;
      padding: 0.25em 0.75em;
    }
    .pj-info section {
      margin: 5vh 0;
    }
    .pj-info h2 {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 1em;
      -webkit-align-items: center;
      align-items: center;
      font-size: 1.15em;
      color: var(--color-main);
      margin-bottom: 1em;
    }
    .pj-info h2::after {
      content: "";
      display: block;
      height: 1px;
      background-color: var(--color-gray);
    }
    .pj-info :where(table.u) tr {
      margin: 0;
    }
    .pj-signup {
      -webkit-align-items: baseline;
      align-items: baseline;
      padding: 0.75em 1.5em;
      font-size: 0.85rem;
      font-weight: bold;
    }
    .pj-signup b {
      font-size: 1rem;
    }
    .pj-title {
      text-align: center;
      margin-bottom: 2.5vh;
    }
    .pj-title i {
      display: block;
      font-size: 1.1em;
      color: var(--color-sub);
      margin-bottom: 0.5em;
    }
    .pj-title span {
      display: block;
      font-size: min(1.5em, 4cqw);
      color: var(--color-main);
      line-height: 2;
    }
    /* _ */
    /* js */
    /* m */
    /* form */
    /* util */
    table.u.row .thNone th {
      display: none;
    }
    table.u.row .thNone td {
      width: auto;
    }
    .u-btn {
      border-radius: var(--radius-l);
    }
    .u-btn.mainSecondary {
      background-color: var(--color-main-bg);
    }
    .u-btn.mainSecondary:hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .u-dialog img {
      max-height: 90vh;
    }
    .u-metaDatas {
      -webkit-align-items: center;
      align-items: center;
    }
    .u-searchForm {
      background-color: var(--color-main-bg);
      border: 2px solid var(--color-main);
      border-radius: 1.5em;
      padding: 2em 1em;
    }
    .u-searchForm legend {
      font-weight: bold;
      text-align: center;
      margin-bottom: 1em;
    }
    .u-searchForm legend::before {
      font-family: "FontAwesome solid";
      content: "\f0b0";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    .u-searchForm :where([type=text], select) {
      width: 100%;
      border-radius: var(--radius-m);
    }
    .u-searchForm dt {
      font-weight: bold;
      color: var(--color-main);
    }
    .u-searchForm .e-contentOpen .opener {
      font-weight: bold;
      font-size: 0.9em;
      color: var(--color-main);
      padding: 0 0 1em;
    }
    .u-tab {
      gap: 0;
      margin-top: 5vh;
    }
    .u-tab li {
      -webkit-flex: 1 1 50%;
      flex: 1 1 50%;
      max-width: 50%;
      text-align: center;
    }
    .u-tab li:first-of-type label:has(:checked) {
      color: var(--color-main);
      background-color: var(--color-main-bg);
      border-bottom: 2px solid var(--color-main);
    }
    .u-tab li:last-of-type label:has(:checked) {
      color: var(--color-sub);
      background-color: var(--color-sub-bg);
      border-bottom: 2px solid var(--color-sub);
    }
    .u-tab label {
      border: none;
      padding: 1em;
    }
    .u-tab label:not(:has(:checked)) {
      font-weight: bold;
      color: #999999;
    }
    /* embed */
    .e-content {
      display: block;
      box-shadow: 2px 2px 2px lightgray;
    }
    .e-content .img {
      border: none;
    }
    .e-content .texts {
      padding: 1em;
    }
    .e-content .texts:is(.col *) {
      border-top: 1px solid var(--color-border-gray);
    }
    .e-contentOpen .opener {
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      -webkit-align-items: center;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      user-select: none;
      padding: 1em;
    }
    .e-contentOpen .opener:is(.close)::after {
      rotate: 0deg;
    }
    .e-contentOpen .opener:is(.open)::after {
      rotate: 180deg;
    }
    .e-contentOpen .opener::after {
      font-family: "FontAwesome solid";
      content: "\f107";
      vertical-align: baseline;
      transition: 0.2s;
    }
    .e-contentOpen .content {
      transition: 0.5s;
      overflow: hidden;
    }
    .e-contentOpen .content:is(.open + *) {
      max-height: 500px;
    }
    .e-contentOpen .content:is(.close + *) {
      max-height: 0;
    }
    .e-myMenu div a {
      font-size: 0.85em;
    }
    .e-overlayMenu {
      color: var(--initial-color);
      background-color: var(--initial-bgColor);
    }
    .e-overlayMenu .header {
      max-width: var(--width-max-s);
      color: var(--initial-color);
      background-color: var(--color-gray-light);
      border-radius: 2.5;
      padding: min(1em, 4cqw);
    }
    .e-overlayMenu .header .logout {
      display: block;
      width: fit-content;
    }
    .e-overlayMenu .menu {
      container: _container/inline-size;
      position: relative;
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
    }
    .e-overlayMenu .menu:first-child {
      margin-top: 5vh;
    }
    .e-overlayMenu .menu a {
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      -webkit-align-items: center;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1em;
      font-weight: bold;
      border-bottom: 1px dashed var(--color-main);
      padding: 1em;
    }
    .e-overlayMenu .menu a::after {
      font-family: "FontAwesome solid";
      content: "\f35a";
      vertical-align: baseline;
    }
    @container _container (min-width: 601px) {
      .e-overlayMenu .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5em;
      }
    }
    /* tpl */
    .t-company {
      color: var(--color-main);
      padding: 10vh 5vw;
    }
    .t-company {
      position: relative;
    }
    .t-company::before {
      content: "";
      display: block;
      background-image: url(/image/project/news.bg.png);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      -webkit-transform: scale(-1, -1);
      transform: scale(-1, -1);
    }
    .t-company .c {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
      position: relative;
      top: 1;
    }
    @container _container (min-width: 601px) {
      .t-company .flex {
        display: -webkit-flex;
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        gap: 5vw;
      }
    }
    .t-company figure {
      max-width: 250px;
      margin-inline: auto;
    }
    @container _container (max-width: 600px) {
      .t-company section {
        margin-top: 5vh;
      }
    }
    .t-company h3 {
      font-size: min(1.5em, 4cqw);
      margin-bottom: 1em;
    }
    @container _container (max-width: 600px) {
      .t-company h3 {
        text-align: center;
      }
    }
    .t-company p {
      line-height: 2;
    }
    .t-company table {
      width: 100%;
      margin-top: 2.5vh;
    }
    .t-company table tbody {
      background-color: transparent;
    }
    .t-company table tr {
      border-bottom: none;
      margin: 0;
    }
    .t-company table th {
      font-size: 1rem;
      font-weight: bold;
      border-bottom: 2px solid var(--color-main);
      white-space: nowrap;
      text-align: center;
      padding: 1em 0.5em;
    }
    .t-company table td {
      font-size: 1rem;
      border-bottom: 1px solid rgba(25, 47, 96, 0.5);
      padding: 1em;
    }
    .t-company .u-btn {
      width: 18em;
      margin: 5vh auto;
    }
    .t-company .u-btn::after {
      font-family: "FontAwesome solid";
      content: "\f08e";
      vertical-align: baseline;
      margin-left: 3em;
    }
    .t-siteFooter {
      color: var(--color-main);
      background-color: white;
      padding-top: 5vh;
    }
    .t-siteFooter h2 {
      text-align: center;
    }
    .t-siteFooter h2 img {
      width: 12em;
    }
    .t-siteFooter nav {
      font-weight: bold;
    }
    .t-siteFooter .copyright {
      color: white;
    }
    .t-siteHeader {
      padding: 0.5em 0;
    }
    .t-siteHeader.open {
      color: var(--initial-color);
      background-color: var(--initial-bgColor);
    }
    .t-siteHeader h1 img {
      width: min(25cqw, 5em);
    }
    .t-siteHeader nav {
      display: -webkit-flex;
      display: flex;
      gap: 0.75em;
    }
    .t-siteHeader nav [href] {
      white-space: nowrap;
    }
    .t-siteHeader nav [href*="/inquiry"] {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.35em;
      padding: 0.25rem;
    }
    @media (max-width: 700px) {
      .t-siteHeader nav [href*="/inquiry"] {
        flex-direction: column;
        font-size: xx-small;
      }
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/inquiry"] {
        font-size: 0;
      }
    }
    .t-siteHeader nav [href*="/inquiry"]::before {
      content: "";
      display: inline-block;
      font-size: 1.5rem;
      width: 1.35rem;
      height: 1.35rem;
      background-image: url(/image/project/icon.email.svg);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/inquiry"]::before {
        font-size: 2rem;
      }
    }
    .t-siteHeader nav [href*="/login"] {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.35em;
      padding: 0.25rem;
    }
    @media (max-width: 700px) {
      .t-siteHeader nav [href*="/login"] {
        flex-direction: column;
        font-size: xx-small;
      }
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/login"] {
        font-size: 0;
      }
    }
    .t-siteHeader nav [href*="/login"]::before {
      content: "";
      display: inline-block;
      font-size: 1.5rem;
      width: 1.35rem;
      height: 1.35rem;
      background-image: url(/image/project/icon.login.svg);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/login"]::before {
        font-size: 2rem;
      }
    }
    .t-siteHeader nav [href*="/case/search"] {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.35em;
      padding: 0.25rem;
    }
    @media (max-width: 700px) {
      .t-siteHeader nav [href*="/case/search"] {
        flex-direction: column;
        font-size: xx-small;
      }
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/case/search"] {
        font-size: 0;
      }
    }
    .t-siteHeader nav [href*="/case/search"]::before {
      content: "";
      display: inline-block;
      font-size: 1.5rem;
      width: 1.75rem;
      height: 1.75rem;
      background-image: url(/image/project/icon.search.svg);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/case/search"]::before {
        font-size: 2rem;
      }
    }
    .t-siteHeader nav [href*="/mypage"] {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.35em;
      padding: 0.25rem;
    }
    @media (max-width: 700px) {
      .t-siteHeader nav [href*="/mypage"] {
        flex-direction: column;
        font-size: xx-small;
      }
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/mypage"] {
        font-size: 0;
      }
    }
    .t-siteHeader nav [href*="/mypage"]::before {
      content: "";
      display: inline-block;
      font-size: 1.5rem;
      width: 1.75rem;
      height: 1.75rem;
      background-image: url(/image/project/icon.user.svg);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/mypage"]::before {
        font-size: 2rem;
      }
    }
    .t-siteHeader nav [href*="/favoriteList"] {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.35em;
      padding: 0.25rem;
    }
    @media (max-width: 700px) {
      .t-siteHeader nav [href*="/favoriteList"] {
        flex-direction: column;
        font-size: xx-small;
      }
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/favoriteList"] {
        font-size: 0;
      }
    }
    .t-siteHeader nav [href*="/favoriteList"]::before {
      content: "";
      display: inline-block;
      font-size: 1.5rem;
      width: 1.75rem;
      height: 1.75rem;
      background-image: url(/image/project/icon.bookmark.svg);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }
    @media (max-width: 400px) {
      .t-siteHeader nav [href*="/favoriteList"]::before {
        font-size: 2rem;
      }
    }
    .t-siteHeader nav .u-btn {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
    }
    @media (max-width: 900px) {
      .t-siteHeader nav .u-btn {
        display: none;
      }
    }
    .t-siteHeader .overlayMenuOpenClose {
      color: var(--color-main);
      background-color: transparent;
    }
    .t-siteHeader .overlayMenuOpenClose::before {
      width: auto;
      font-size: 1.75em;
    }
    /* _component */
  }
  @layer content {
    /* freespace */
    /* _backend */
    /* _area */
    /* _auth */
    /* _bank */
    /* _blog */
    /* _blog/_blogpost */
    ._blog._blogpost._embed_content {
      display: -webkit-flex;
      -webkit-flex-direction: column;
      display: flex;
      flex-direction: column;
      height: 100%;
      background-color: white;
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-l);
      box-shadow: 2px 2px 2px lightgray;
    }
    ._blog._blogpost._embed_content figure {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      aspect-ratio: 16/9;
      border-bottom: 1px solid var(--color-border-gray);
      overflow: hidden;
    }
    ._blog._blogpost._embed_content figure img:not([src*=noImage]) {
      width: 100%;
      height: 100%;
    }
    ._blog._blogpost._embed_content figure img:is([src*=noImage]) {
      width: 5em;
    }
    ._blog._blogpost._embed_content .texts {
      padding: 0.5em 1em;
    }
    ._blog._blogpost._embed_content h3 {
      font-size: min(1.15em, 3.5cqw);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    ._blog._blogpost._embed_content p {
      font-size: 0.9em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      line-height: 1.75;
      margin: 0.5em 0;
    }
    ._blog._blogpost._embed_content .e-user {
      grid-area: user;
      margin: 0.5em;
      margin-top: auto;
    }
    ._blog._blogpost._embed_content .e-user ._grid {
      gap: 0;
    }
    ._blog._blogpost._embed_content .e-user .userImg {
      width: 2em;
    }
    /* _blog/_blogmanage */
    /* _community */
    /* _community/_community */
    /* _community/_topic */
    /* _community/_event */
    /* _community/_member */
    /* _community/_comment */
    /* _community/_communitymanage */
    /* _earnings */
    /* _event */
    /* _event/_event */
    ._event._event._embed_content {
      position: relative;
    }
    ._event._event._embed_content .category {
      display: inline-block;
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border-top-right-radius: var(--radius-m);
      border-bottom-right-radius: var(--radius-m);
      padding: 0.154em 0.75em;
      position: absolute;
      top: 1.5em;
      left: 0;
      z-index: 1;
    }
    ._event._event._embed_content footer {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 1em;
    }
    ._event._event._embed_content footer [data-openclosed]::before {
      font-size: 1.05em;
    }
    ._event._event._search .u-rangeForm select {
      width: auto;
    }
    /* _event/_eventmanage */
    /* _knowledge */
    /* _knowledge/_knowledge */
    /* _knowledge/_knowledgemanage */
    /* _mypage */
    ._mypage._tpl_editProfile .flex {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: end;
      display: flex;
      flex-wrap: wrap;
      align-items: end;
      gap: 0.5em 1em;
    }
    ._mypage._tpl_editProfile .u-choice b {
      display: block;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin: 1em 0 0.5em;
    }
    ._mypage._tpl_editProfile .industry .u-note {
      font-size: 0.9em;
      padding: 1em;
    }
    /* _mypage/_config */
    /* _notification */
    /* _purchase */
    /* _purchase/_cart */
    /* _purchase/_purchasemanage */
    /* _questionnaire */
    /* _register */
    ._register._pending main p {
      line-height: 2;
    }
    /* _reset_password */
    /* _sale */
    /* _stc */
    /* _stc/_case */
    ._stc._case._embed_content {
      container: _container/inline-size;
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      background-color: white;
      border-radius: var(--radius-l);
      box-shadow: 0 0 5px lightgray;
      padding: 1.5em;
    }
    ._stc._case._embed_content:hover {
      opacity: 1;
      box-shadow: none;
    }
    ._stc._case._embed_content:hover h3 {
      color: var(--color-main);
    }
    ._stc._case._embed_content section {
      display: -webkit-flex;
      -webkit-flex-direction: column;
      display: flex;
      flex-direction: column;
      height: inherit;
    }
    ._stc._case._embed_content :where(h3) {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-size: 1.35em;
      transition: 0.2s;
      margin: 0.5em 0;
    }
    ._stc._case._embed_content :where(._tpl_metaData) {
      font-size: 0.9em;
    }
    ._stc._case._embed_content :where(address) {
      background-color: var(--color-main-bg);
      border-radius: var(--radius-m);
      padding: min(1em, 4cqw);
    }
    ._stc._case._embed_content :where(address) dl {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.25em 0.5em;
    }
    ._stc._case._embed_content :where(address) dt {
      font-weight: bold;
    }
    ._stc._case._embed_content :where(address) dt::before {
      font-family: "FontAwesome solid";
      content: "\f1ad";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._stc._case._embed_content :where(address) dd {
      font-size: 0.9em;
    }
    ._stc._case._embed_content :where(address) dd::before {
      font-family: "FontAwesome solid";
      content: "\f3c5";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._stc._case._embed_content.typeA2:hover {
      background-color: var(--color-main-bg);
    }
    ._stc._case._embed_content.typeA2:is(.col) {
      padding: 0;
    }
    ._stc._case._embed_content.typeA2 section:is(.col *) {
      height: 100%;
    }
    ._stc._case._embed_content.typeA2 section:not(.col *) {
      display: grid;
      grid-template-columns: 25cqw 1fr;
      gap: 4cqw;
    }
    ._stc._case._embed_content.typeA2 figure {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      overflow: hidden;
    }
    ._stc._case._embed_content.typeA2 figure :not([src*=noImage]) {
      width: 100%;
      height: 100%;
      aspect-ratio: 4/3;
    }
    ._stc._case._embed_content.typeA2 figure :not([src*=noImage]):is(.col *) {
      aspect-ratio: 16/9;
    }
    ._stc._case._embed_content.typeA2 figure :is([src*=noImage]) {
      width: 5em;
    }
    ._stc._case._embed_content.typeA2 .texts {
      display: -webkit-flex;
      -webkit-flex-direction: column;
      display: flex;
      flex-direction: column;
    }
    ._stc._case._embed_content.typeA2 .texts:is(.col *) {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1em;
    }
    ._stc._case._embed_content.typeA2 address {
      margin-top: auto;
    }
    ._stc._case._embed_content.typeA3:hover {
      background-color: var(--color-sub-bg);
    }
    ._stc._case._embed_content.typeA3 em {
      display: block;
      font-weight: bold;
    }
    ._stc._case._embed_content.typeA3 address {
      margin: 0.5em 0;
    }
    ._stc._case._tpl_metaData li:not(:has(.pj-benefit)) {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: var(--radius-m);
      padding: 0.15em 0.75em;
    }
    ._stc._case._tpl_salary {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: baseline;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 0 0.5em;
      font-weight: bold;
      color: var(--color-sub);
    }
    ._stc._case._tpl_salary dd {
      font-size: 1.25em;
    }
    ._stc._case._tpl_salary .u-fromTo {
      white-space: nowrap;
    }
    ._stc._case._tpl_salary b {
      font-weight: inherit;
    }
    ._stc._case._entry .e-contentHeader .title {
      font-size: 1.35em;
      margin-bottom: -0.25em;
    }
    ._stc._case._entry .flex {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: end;
      display: flex;
      flex-wrap: wrap;
      align-items: end;
      gap: 0.5em 1em;
    }
    ._stc._case._entry .u-choice b {
      display: block;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin: 1em 0 0.5em;
    }
    ._stc._case._index ._d .e-swiper {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 5vh;
    }
    ._stc._case._index ._d .e-swiper .swiper-slide a {
      display: block;
      aspect-ratio: 21/9;
    }
    ._stc._case._index ._d .e-swiper .swiper-slide img {
      width: 100%;
      height: 100%;
      border-radius: var(--radius-l);
    }
    ._stc._case._index ._d ._embed_contentHeader {
      max-width: var(--width-max-m);
      margin: 5vh auto 2.5vh;
    }
    ._stc._case._index ._d ._embed_contentHeader h1 {
      font-size: min(1.75em, 5cqw);
    }
    @container e-contentHeader (max-width: 450px) {
      ._stc._case._index ._d ._embed_contentHeader img {
        display: none;
      }
    }
    ._stc._case._index ._d .meta {
      max-width: var(--width-max-m);
      margin: 5vh auto 2.5vh;
    }
    ._stc._case._index ._d .meta em {
      display: block;
      font-weight: bold;
      font-size: 1.25em;
    }
    ._stc._case._index ._d .meta ._tpl_salary {
      font-size: min(1.5em, 4cqw);
    }
    ._stc._case._index ._f .overview {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
      margin-top: 0;
    }
    ._stc._case._index ._f .u-metaDatas + p {
      margin-top: 0.5em;
    }
    ._stc._case._index ._f .u-metaDatas li {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    ._stc._case._index ._f .u-metaDatas li:not(.category *) {
      font-size: 0.9em;
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      border-radius: var(--radius-s);
      text-align: center;
      padding: 0.25em 0.75em;
    }
    ._stc._case._index ._f .pj-benefit + p {
      margin-top: 0.5em;
    }
    ._stc._case._index ._f .e-switchContents {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._stc._case._index ._f .e-switchContents [data-target] {
      margin: 5vh 0;
    }
    ._stc._case._index ._f .salary p {
      margin-top: 1em;
    }
    ._stc._case._index ._h {
      position: sticky;
      bottom: 0;
    }
    ._stc._case._index ._h .u-btns {
      margin-top: 10vh;
    }
    ._stc._case._index ._h .u-btns .u-btn {
      padding: 1em;
    }
    ._stc._case._search ._e .dtNone dt {
      display: none;
    }
    ._stc._case._search main .cases {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: max(1em, 4cqw);
    }
    @media (min-width: 1001px) {
      ._stc._case._search main .cases {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    /* _stc/_casemanage */
    ._stc._casemanage._tpl_entry fieldset {
      margin-top: 2.5vh;
    }
    ._stc._casemanage._tpl_entry legend {
      font-weight: bold;
      margin-bottom: 0.5em;
    }
    ._stc._casemanage._tpl_entry table.u + table {
      margin-top: 1em;
    }
    ._stc._casemanage._tpl_entry .u-metaDatas li {
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      border-radius: var(--radius-s);
      padding: 0.15em 0.75em;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf) .u-note {
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      font-size: 0.9em;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf) .u-note.self {
      -webkit-justify-content: center;
      justify-content: center;
    }
    ._stc._casemanage._edit main .flex {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: end;
      display: flex;
      flex-wrap: wrap;
      align-items: end;
      gap: 0.5em 1em;
    }
    /* _stp */
    /* _stp/_product */
    /* _stp/_productmanage */
    /* _str */
    /* _str/_reserve */
    /* _str/_reservemanage */
    /* _shipping */
    /* _sitetop */
    ._sitetop._embed_about_content {
      background-color: white;
      border: 2px solid lightgray;
      border-radius: var(--radius-l);
      box-shadow: 5px 5px 0 lightgray;
      padding: 1em;
    }
    @container _container (max-width: 600px) {
      ._sitetop._embed_about_content {
        display: grid;
        grid-template-columns: 5em auto;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    @container _container (min-width: 601px) {
      ._sitetop._embed_about_content {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: repeat(4, minmax(0, auto));
        -webkit-justify-items: center;
        justify-items: center;
      }
    }
    ._sitetop._embed_about_content:first-of-type:is([data-target="0"] *) {
      border-color: var(--color-main);
      box-shadow: 5px 5px 0 var(--color-main);
    }
    ._sitetop._embed_about_content:first-of-type:is([data-target="1"] *) {
      border-color: var(--color-sub);
      box-shadow: 5px 5px 0 var(--color-sub);
    }
    ._sitetop._embed_about_content figure {
      height: 5em;
      text-align: center;
    }
    @container _container (min-width: 601px) {
      ._sitetop._embed_about_content div {
        display: grid;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        grid-column: span 1;
        grid-row: 2/-1;
      }
    }
    ._sitetop._embed_about_content h5 {
      margin-bottom: 0.5em;
    }
    @container _container (min-width: 601px) {
      ._sitetop._embed_about_content h5 {
        text-align: center;
        margin: 1em 0;
      }
    }
    ._sitetop._embed_about_content p {
      line-height: 1.75;
      margin-bottom: 0.5em;
    }
    @container _container (min-width: 601px) {
      ._sitetop._embed_about_content p {
        margin-bottom: 1em;
      }
    }
    ._sitetop._embed_about_content footer {
      margin-top: auto;
    }
    ._sitetop._embed_about_content footer a {
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      font-size: 0.9em;
    }
    ._sitetop._embed_about_content footer a:is([data-target="0"] *) {
      color: var(--color-main);
    }
    ._sitetop._embed_about_content footer a:is([data-target="1"] *) {
      color: var(--color-sub);
    }
    ._sitetop._embed_about_content footer a::after {
      font-family: "FontAwesome regular";
      content: "\f35a";
      vertical-align: baseline;
    }
    ._sitetop._tpl_about .service {
      padding: 10vh 0;
      position: relative;
    }
    ._sitetop._tpl_about .service h4 {
      font-size: min(1.5em, 4.5cqw);
      font-weight: bold;
      text-align: center;
      margin-bottom: 1em;
    }
    ._sitetop._tpl_about .service h4:is([data-target="0"] *) {
      color: var(--color-main);
    }
    ._sitetop._tpl_about .service h4:is([data-target="1"] *) {
      color: var(--color-sub);
    }
    ._sitetop._tpl_about .service nav {
      container: _container/inline-size;
      position: relative;
      width: 100%;
      font-size: 0.9em;
    }
    ._sitetop._tpl_about .service nav:is([data-target="0"] *) {
      color: var(--color-main);
    }
    ._sitetop._tpl_about .service nav:is([data-target="1"] *) {
      color: var(--color-sub);
    }
    @container _container (min-width: 601px) {
      ._sitetop._tpl_about .service nav {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1em;
        -webkit-align-items: start;
        align-items: start;
        position: absolute;
      }
    }
    ._sitetop._tpl_about .service nav div {
      border: 2px solid transparent;
      border-radius: var(--radius-l);
      padding: 0 1rem;
      overflow: hidden;
    }
    @container _container (max-width: 600px) {
      ._sitetop._tpl_about .service nav div {
        margin-bottom: 1em;
      }
    }
    ._sitetop._tpl_about .service nav div:is([data-target="0"] *) {
      background-color: var(--color-main-bg);
      border-color: var(--color-main);
    }
    ._sitetop._tpl_about .service nav div:is([data-target="1"] *) {
      background-color: var(--color-sub-bg);
      border-color: var(--color-sub);
    }
    ._sitetop._tpl_about .service nav .opener:not([class*=js-])::after {
      content: "\f105";
    }
    ._sitetop._tpl_about .service nav .content a {
      display: block;
      font-size: 0.85em;
      user-select: none;
      padding: 0.75rem;
    }
    ._sitetop._tpl_about .service nav .content a:not(li:last-of-type *) {
      border-bottom: 1px solid transparent;
    }
    ._sitetop._tpl_about .service nav .content a:not(li:last-of-type *):is([data-target="0"] *) {
      border-color: var(--color-main);
    }
    ._sitetop._tpl_about .service nav .content a:not(li:last-of-type *):is([data-target="1"] *) {
      border-color: var(--color-sub);
    }
    ._sitetop._tpl_about .service .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 1em;
      margin-top: 125px;
    }
    @container _container (min-width: 601px) {
      ._sitetop._tpl_about .service .grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @container _container (min-width: 801px) {
      ._sitetop._tpl_about .service .grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    ._sitetop._tpl_about .pr {
      color: var(--color-main);
      margin-bottom: 5vh;
    }
    ._sitetop._tpl_about .pr h4 {
      max-width: 600px;
      margin-right: auto;
      margin-left: auto;
      font-size: min(1.5em, 4.5cqw);
      line-height: 2;
      text-align: center;
      margin-bottom: 1em;
    }
    ._sitetop._tpl_about .pr p {
      max-width: 100em;
      line-height: 2;
      text-align: center;
      margin: 1em 0;
    }
    ._sitetop._tpl_about .u-btns {
      margin-top: 5vh;
    }
    ._sitetop._inquiry .u-note {
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      font-size: 0.9em;
    }
    ._sitetop._inquiry .u-note.self {
      -webkit-justify-content: center;
      justify-content: center;
    }
    /* _sitetop/_index */
    ._sitetop._index ._d .mv {
      background-image: url(/image/project/mv.bg.png);
      background-size: cover;
      background-position: left top;
      background-repeat: no-repeat;
      padding: 5vw;
      position: relative;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._d .mv {
        padding-top: 10vw;
        padding-bottom: 10vw;
      }
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._d .mv .grid {
        display: grid;
        grid-template: "h1  figure" "box figure";
        grid-template-columns: auto 1fr;
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
      }
    }
    ._sitetop._index ._d h1 {
      margin-bottom: 2em;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._d h1 {
        text-align: center;
      }
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._d h1 {
        -webkit-justify-self: start;
        justify-self: start;
        grid-area: h1;
        position: relative;
        z-index: 1;
      }
    }
    ._sitetop._index ._d h1 span {
      display: block;
      font-size: min(1.5em, 4.5cqw);
      color: var(--color-main);
      letter-spacing: 0.05em;
      background-color: white;
      padding: 0.5em 1em;
    }
    ._sitetop._index ._d h1 b {
      display: block;
      color: var(--color-sub);
      text-shadow: 0 0 2px white, 0 0 4px white, 0 0 6px white;
      margin-top: 1em;
    }
    @container _container (min-width: 401px) {}
    @container _container (max-width: 800px) {
      ._sitetop._index ._d h1 b {
        font-size: small;
        word-break: keep-all;
        letter-spacing: 0.1em;
      }
    }
    ._sitetop._index ._d .box {
      min-width: 20em;
      background-color: white;
      border-radius: var(--radius-l);
      box-shadow: 0 0 5px lightgray;
      padding: 1em 2em;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._d .box {
        margin-top: 2em;
      }
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._d .box {
        -webkit-justify-self: start;
        justify-self: start;
        -webkit-align-self: start;
        align-self: start;
        grid-area: box;
        min-width: 20em;
        padding: 2em;
        position: relative;
        z-index: 1;
      }
    }
    ._sitetop._index ._d .box.auth .u-btn {
      margin-bottom: 1em;
    }
    ._sitetop._index ._d .box.auth span {
      display: block;
      text-align: center;
      margin-top: 1.25em;
    }
    ._sitetop._index ._d .box.auth span a {
      display: inline-block;
      color: var(--color-sub);
      text-decoration: underline;
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._d .box.search {
        width: min-content;
      }
    }
    ._sitetop._index ._d .box.search :where([type=text], select, [type=submit]) {
      width: 20em;
      border-radius: var(--radius-l);
      padding: 0.75em;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._d .box.search :where([type=text], select, [type=submit]) {
        width: 100%;
      }
    }
    ._sitetop._index ._d .box.search [type=text] {
      margin-bottom: 1em;
    }
    ._sitetop._index ._d .box.search select {
      margin-bottom: 1em;
    }
    ._sitetop._index ._d .box .u-btn {
      width: 100%;
      padding-top: 0.75em;
      padding-bottom: 0.75em;
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._d figure {
        position: absolute;
        right: 0;
        z-index: 0;
      }
    }
    ._sitetop._index ._d figure img {
      height: 100%;
    }
    ._sitetop._index ._f :where(h4, p, span):has(wbr) {
      word-break: keep-all;
    }
    ._sitetop._index ._f :where(.pj-title) {
      text-align: center;
      margin-bottom: 2.5vh;
    }
    ._sitetop._index ._f :where(.pj-title) i {
      display: block;
      font-size: 1.1em;
      color: var(--color-sub);
      margin-bottom: 0.5em;
    }
    ._sitetop._index ._f :where(.pj-title) span {
      display: block;
      font-size: min(1.5em, 4cqw);
      color: var(--color-main);
      line-height: 2;
    }
    ._sitetop._index ._f :where(.swiper) {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f :where(.swiper-slide) {
      height: auto;
    }
    @media (max-width: 600px) {
      ._sitetop._index ._f :where(.swiper-slide) {
        width: 300px;
      }
    }
    ._sitetop._index ._f :where(.more) {
      width: 11em;
      margin: 5vh auto 0;
    }
    ._sitetop._index ._f :where(.more)::after {
      font-family: "FontAwesome solid";
      content: "\f105";
      vertical-align: baseline;
      margin-left: 3em;
    }
    ._sitetop._index ._f :where(.t-noResult) {
      text-align: center;
    }
    ._sitetop._index ._f .about {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      padding: 10vh 0;
    }
    ._sitetop._index ._f .about .sectionTitle span {
      max-width: 30em;
      margin-inline: auto;
    }
    ._sitetop._index ._f .about .u-tab {
      margin-top: 5vh;
    }
    ._sitetop._index ._f .about [data-target] {
      padding: 5vw;
    }
    ._sitetop._index ._f .about [data-target="0"] {
      background-color: var(--color-main-bg);
    }
    ._sitetop._index ._f .about [data-target="1"] {
      background-color: var(--color-sub-bg);
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._f .about .overview {
        display: -webkit-flex;
        display: flex;
        gap: 2.5cqw;
      }
    }
    ._sitetop._index ._f .about .overview figure {
      padding: 0 1em;
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._f .about .overview figure {
        -webkit-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
      }
    }
    ._sitetop._index ._f .about .overview img {
      width: 100%;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._f .about .overview div {
        margin-top: 2em;
      }
    }
    ._sitetop._index ._f .about .overview em {
      display: block;
      font-size: min(1.5em, 4.5cqw);
      font-weight: bold;
      margin-bottom: 0.75em;
    }
    ._sitetop._index ._f .about .overview em:is([data-target="0"] *) {
      color: var(--color-main);
    }
    ._sitetop._index ._f .about .overview em:is([data-target="1"] *) {
      color: var(--color-sub);
    }
    ._sitetop._index ._f .about .overview p {
      line-height: 2;
      margin-bottom: 1em;
    }
    ._sitetop._index ._f .about .overview p b:is([data-target="0"] *) {
      color: var(--color-main);
    }
    ._sitetop._index ._f .about .overview p b:is([data-target="1"] *) {
      color: var(--color-sub);
    }
    ._sitetop._index ._f .about .overview .u-btn {
      width: fit-content;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._f .about .overview .u-btn {
        margin-inline: auto;
      }
    }
    ._sitetop._index ._f .contents > section {
      padding: 10vh 0;
    }
    ._sitetop._index ._f .contents > section:nth-of-type(even):not(._z._partner *) {
      background-color: var(--color-main-bg);
    }
    ._sitetop._index ._f .contents > section:nth-of-type(even):is(._z._partner *) {
      background-color: var(--color-sub-bg);
    }
    ._sitetop._index ._f .contents .news {
      background-image: url(/image/project/news.bg.png);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
    ._sitetop._index ._f .contents .news ul.u {
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .contents .news li {
      border-bottom: 1px solid var(--color-main);
      padding: 0;
    }
    ._sitetop._index ._f .contents .news li a {
      padding: 1em;
    }
    ._sitetop._index ._f .contents .news li time {
      font-weight: bold;
    }
    ._sitetop._index ._f .contents :where(.swiper-slide) {
      padding: 0.5em;
    }
    ._sitetop._index ._f .contents .stc .swiper {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .contents .community .swiper {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .contents .event .swiper {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .contents .blog .swiper {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .contents .user .swiper {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    /* _special */
    /* _user */
    ._user._embed_content {
      display: block;
      width: 100%;
      height: 100%;
      background-color: white;
      border-radius: var(--radius-l);
      box-shadow: 0 0 5px lightgray;
      padding: 1.5em;
    }
    ._user._embed_content:hover {
      background-color: var(--color-main-bg);
      opacity: 1;
      box-shadow: none;
    }
    ._user._embed_content:hover h3 {
      color: var(--color-main);
    }
    ._user._embed_content section {
      display: -webkit-flex;
      -webkit-flex-direction: column;
      display: flex;
      flex-direction: column;
      height: inherit;
    }
    ._user._embed_content :where(h3) {
      font-size: 1.35em;
      transition: 0.2s;
      text-align: center;
      padding: 0.75em 0.5em;
    }
    ._user._embed_content.normal header {
      text-align: center;
    }
    ._user._embed_content.normal header :where(img, .noImage) {
      width: 150px;
      height: 150px;
      border-radius: 100%;
    }
    ._user._embed_content.normal header .noImage {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      background-color: var(--color-main-bg);
      margin-inline: auto;
    }
    ._user._embed_content.normal header .noImage::before {
      font-family: "FontAwesome regular";
      content: "\f03e";
      vertical-align: baseline;
      color: gray;
      font-size: 50px;
    }
    ._user._embed_content.normal header .pref {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      font-size: 0.9em;
      color: var(--color-main);
    }
    ._user._embed_content.normal header .pref::before {
      font-family: "FontAwesome solid";
      content: "\f3c5";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._user._embed_content.normal .content ul {
      padding: 1em;
      margin-top: 1em;
    }
    ._user._embed_content.normal .content li {
      font-size: 0.85em;
      background-color: var(--color-gray-light);
      border-radius: 1.5em;
      padding: 0.5em 1em;
    }
    ._user._embed_content.normal .pj-industry {
      -webkit-justify-content: center;
      justify-content: center;
    }
    ._user._embed_content.partner .content section {
      background-color: var(--color-main-bg);
      border-radius: var(--radius-m);
      padding: 1em;
      margin-top: 1em;
    }
    ._user._embed_content.partner .content h4 {
      font-size: 1em;
      margin-bottom: 0.5em;
    }
    ._user._embed_content.partner .content h4::before {
      font-family: "FontAwesome regular";
      content: "\f328";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._user._embed_content.partner .content ul {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
    }
    ._user._embed_content.partner .content li {
      font-size: 0.85em;
      color: var(--color-main);
      background-color: white;
      border: 1px solid var(--color-main);
      border-radius: var(--radius-m);
      padding: 0.15em 0.5em;
    }
    ._user._embed_showProfile {
      max-width: unset;
    }
    ._user._embed_showProfile .pageHeader {
      width: 100%;
    }
    ._user._embed_showProfile .e-swiper {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 5vh;
    }
    ._user._embed_showProfile .e-swiper .swiper-slide a {
      display: block;
      aspect-ratio: 21/9;
    }
    ._user._embed_showProfile .e-swiper .swiper-slide img {
      width: 100%;
      height: 100%;
      border-radius: var(--radius-l);
    }
    ._user._embed_showProfile .e-user {
      max-width: var(--width-max-m);
      margin-top: 2.5vh;
      margin-bottom: 2.5vh;
      margin-right: auto;
      margin-left: auto;
    }
    ._user._embed_showProfile .e-user .above {
      margin-bottom: 0.5em;
    }
    ._user._embed_showProfile .e-user .below nav {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 1em;
    }
    ._user._embed_showProfile .e-user .below a {
      font-size: 1.5em;
    }
    ._user._embed_showProfile .e-user .below a::before {
      font-family: "FontAwesome brands";
      vertical-align: baseline;
    }
    ._user._embed_showProfile .e-user .below a::after {
      font-family: "FontAwesome brands";
      vertical-align: baseline;
    }
    ._user._embed_showProfile .e-user .below .hp {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.25em;
      font-size: small;
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: var(--radius-m);
      padding: 0.15em 0.75em;
    }
    ._user._embed_showProfile .e-user .below .hp::after {
      font-family: "FontAwesome solid";
      vertical-align: baseline;
      content: "\f08e";
    }
    ._user._embed_showProfile .e-user .below .facebook {
      color: #1877F2;
    }
    ._user._embed_showProfile .e-user .below .facebook::before {
      content: "\f09a";
    }
    ._user._embed_showProfile .e-user .below .instagram {
      color: #E22B81;
    }
    ._user._embed_showProfile .e-user .below .instagram::before {
      content: "\f16d";
    }
    ._user._embed_showProfile .e-user .below .x::before {
      content: "\e61b";
    }
    ._user._embed_showProfile .e-user .below .youtube {
      color: #FF0302;
    }
    ._user._embed_showProfile .e-user .below .youtube::before {
      content: "\f167";
    }
    ._user._embed_showProfile .e-user .below .tiktok::before {
      content: "\e07b";
    }
    ._user._embed_showProfile .overview {
      max-width: var(--width-max-m);
      margin: 0 auto 5vh;
      padding: 1em 0;
    }
    ._user._embed_showProfile .overview h2 {
      font-size: 1.25em;
      color: var(--color-main);
      margin-bottom: 1em;
    }
    ._user._embed_showProfile .overview p {
      line-height: 2;
      padding: 0;
    }
    ._user._embed_showProfile .u-btns {
      margin-top: 10vh;
    }
    ._user._embed_showProfile .u-btns .u-btn {
      padding: 1em;
    }
    ._user._tpl_partnerMeta .u-metaDatas {
      -webkit-align-items: center;
      align-items: center;
    }
    ._user._tpl_partnerMeta b {
      display: inline-block;
      font-size: 0.9em;
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border-radius: var(--radius-s);
      padding: 0.15em 0.75em;
    }
    ._user._tpl_partnerMeta span {
      color: var(--color-main);
    }
    ._user._tpl_partnerMeta span.pref::before {
      font-family: "FontAwesome solid";
      content: "\f3c5";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._user._tpl_profile {
      max-width: var(--width-max-m);
      margin-top: 5vh;
      margin-bottom: 5vh;
      margin-right: auto;
      margin-left: auto;
    }
    ._user._tpl_profile :where(.e-contentOpen, .exp) {
      background-color: var(--color-main-bg);
      border-radius: var(--radius-l);
      padding: 0.5em 1em;
    }
    ._user._tpl_profile :where(.e-contentOpen, .exp) tbody {
      background-color: transparent;
    }
    ._user._tpl_profile .exp {
      margin: 2.5vh 0;
    }
    ._user._tpl_profile .pj-industry {
      margin-bottom: 1em;
    }
    ._user._tpl_profile h4 {
      font-size: 1.15em;
      color: var(--color-main);
      margin-top: 1em;
    }
    ._user._search ._f .users {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: max(1em, 4cqw);
    }
    @media (min-width: 1001px) {
      ._user._search ._f .users {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  }
}
