@charset "UTF-8";
@layer project {
  @layer parts;
  @layer content;
}
@layer project {
  :root {
    --color-orange: #FF6600;
    --grad-orange: linear-gradient(to right, #FF6600 0%, #FDBE00 100%), -webkit-linear-gradient(left, #FF6600 0%, #FDBE00 100%);
    --color-main: #FF6600;
    --color-main-on: white;
    --color-sub: #FDBE00;
    --color-sub-on: black;
    --color-border-main: rgba(255, 102, 0, 0.5);
    --color-border-sub: rgba(253, 190, 0, 0.5);
    /* be adjust */
  }
  @layer parts {
    /* common */
    html {
      scroll-behavior: smooth;
    }
    /* _ */
    ._svgdef {
      display: none;
    }
    h2.p {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      text-align: center;
      margin-bottom: 5vh;
      overflow: hidden;
      position: relative;
    }
    h2.p i {
      display: block;
      font-size: min(12.5cqw, 5em);
      color: var(--color-gray-light);
      white-space: nowrap;
      position: relative;
    }
    h2.p b {
      font-size: min(4cqw, 2.5em);
      position: absolute;
      z-index: 1;
      transform: translateY(0);
    }
    h2.p::after {
      content: "";
      display: block;
      width: 2.5em;
      height: 3px;
      font-weight: bold;
      color: white;
      background: var(--grad-orange);
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .p-images {
      margin-top: 5vh;
    }
    @container _container (min-width: 801px) {
      .p-images {
        display: -webkit-flex;
        -webkit-justify-content: center;
        display: flex;
        justify-content: center;
        gap: 2em;
      }
    }
    .p-images li {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      display: flex;
      flex-direction: column;
      text-align: center;
      padding: 1em;
      padding-bottom: 3em;
      position: relative;
    }
    @container _container (max-width: 800px) {
      .p-images li {
        margin: 5vh 0;
      }
    }
    .p-images li::before {
      content: "";
      display: block;
      height: 75%;
      background-color: var(--color-gray-light);
      clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
    }
    .p-images img {
      display: block;
      margin-inline: auto;
      margin-bottom: 1em;
    }
    .p-images span {
      display: block;
      font-weight: bold;
      margin-top: auto;
    }
    .p-step {
      display: grid;
      grid-template-columns: repeat(3, auto);
      gap: 2em 0;
      -webkit-justify-content: center;
      justify-content: center;
      text-align: center;
      padding: 5vh 0;
    }
    .p-step .char {
      display: block;
      font-size: 0.75em;
      white-space: nowrap;
      text-align: center;
    }
    .p-step .char b {
      display: block;
      font-weight: normal;
      font-size: 2.5em;
    }
    .p-step .line {
      display: grid;
      grid-template: "before circle after";
      grid-template-columns: 1fr auto 1fr;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .p-step .line:is(li:first-child *)::before {
      display: none;
    }
    .p-step .line:is(li:last-child *)::after {
      display: none;
    }
    .p-step .line::before {
      content: "";
      display: block;
      background-color: black;
      width: clamp(20px, 10cqw, 200px);
      height: 2px;
    }
    .p-step .line::after {
      content: "";
      display: block;
      background-color: black;
      width: clamp(20px, 10cqw, 200px);
      height: 2px;
    }
    .p-step .line::before {
      grid-area: before;
    }
    .p-step .line::after {
      grid-area: after;
    }
    .p-step .line b {
      grid-area: circle;
    }
    .p-step .line b:is(.current *)::before {
      color: var(--color-main);
    }
    .p-step .line b::before {
      font-family: "FontAwesome solid";
      content: "\f111";
      vertical-align: baseline;
      font-size: small;
    }
    .p-step .ja {
      margin-top: 0.5em;
    }
    /* js */
    /* m */
    /* form */
    /* util */
    /* embed */
    .e-overlayMenu {
      padding-top: 7em;
    }
    .e-overlayMenu .header {
      max-width: var(--width-max-s);
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .e-overlayMenu .header .e-user {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
    .e-overlayMenu .contents {
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
    }
    .e-overlayMenu .contents nav {
      padding: 2.5vh padding(m);
    }
    .e-overlayMenu .contents h2 {
      margin-bottom: 1em;
    }
    .e-overlayMenu .contents a {
      display: block;
      color: black;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 1em;
      margin-top: 0.5em;
    }
    .e-overlayMenu .contents a::before {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-main);
    }
    @container _container (max-width: 400px) {
      .e-user.comStyle > ._grid.row {
        display: block;
        text-align: center;
      }
    }
    .e-user.comStyle .userImg {
      aspect-ratio: auto;
      object-fit: contain;
      border: none;
      border-radius: 0;
    }
    .e-user.comStyle .userImg:is(.col *) {
      width: auto;
    }
    @container _container (max-width: 400px) {
      .e-user.comStyle .userImg:is(.row *) {
        width: auto;
        margin-bottom: 1em;
      }
    }
    @container _container (min-width: 401px) {
      .e-user.comStyle .userImg:is(.row *) {
        width: 10em;
      }
    }
    .e-user .userImg:is(._blog._embed_content *) {
      display: none;
    }
    .e-user em {
      max-width: 100%;
      white-space: normal;
      word-break: break-all;
      overflow: visible;
    }
    /* tpl */
    .t-siteFooter {
      background-color: transparent;
    }
    .t-siteFooter::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
    .t-siteFooter::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
    .t-siteFooter::before {
      background-image: url(/image/project/footer.bg.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      z-index: -2;
    }
    .t-siteFooter::after {
      background-color: rgba(0, 0, 0, 0.75);
      z-index: -1;
    }
    .t-siteFooter .flex {
      padding: 10vh 1em;
    }
    @container _container (max-width: 850px) {
      .t-siteFooter .flex {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
      }
    }
    @container _container (min-width: 851px) {
      .t-siteFooter .flex {
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-flex;
        -webkit-justify-content: space-around;
        -webkit-align-items: start;
        display: flex;
        justify-content: space-around;
        align-items: start;
        gap: 1em;
      }
    }
    .t-siteFooter h2 {
      width: 200px;
    }
    .t-siteFooter nav {
      padding: 1em;
    }
    .t-siteFooter nav h3 {
      display: inline-block;
      border-bottom: 1px solid white;
      margin-bottom: 0.5em;
    }
    .t-siteFooter nav a {
      display: table;
      padding: 0.25em;
      margin: 0.25em 0;
    }
    .t-siteFooter nav a.newPartner {
      color: white;
      background-color: black;
      border: 1px solid white;
      padding: 0.25em 0.75em;
      margin-bottom: 1em;
    }
    .t-siteFooter .copyright {
      background-color: black;
    }
    .t-siteHeader > ._grid :where(a) {
      padding: 0.25em 0.75em;
    }
    .t-siteHeader [href*="/register"] {
      -webkit-align-self: center;
      align-self: center;
      font-weight: bold;
      color: white;
      background: var(--grad-orange);
      padding: 0.25em 0.75em;
      border-radius: var(--radius-s);
    }
    @container _container (max-width: 550px) {
      .t-siteHeader :where([href*="/login"], [href*="/logout"]) {
        display: none;
      }
    }
    .t-siteHeader :where([href*="/login"], [href*="/logout"]):is(._sitetop._index *) {
      color: white;
    }
    .t-siteHeader h1, .t-siteHeader .h1 {
      -webkit-flex: 1 0 auto;
      flex: 1 0 auto;
      font-size: 1.75em;
      margin-right: auto;
    }
    .t-siteHeader h1 img, .t-siteHeader .h1 img {
      width: min(40cqw, 180px);
    }
    /* _component */
  }
  @layer content {
    /* freespace */
    /* _backend */
    /* _area */
    /* _auth */
    /* _bank */
    /* _blog */
    ._blog ._b .blogNavi {
      background-color: white;
      border-bottom: solid var(--color-border-gray) 1px;
      position: relative;
    }
    ._blog ._b .blogNavi .parentWrap {
      overflow: hidden;
      max-width: 100%;
    }
    ._blog ._b .blogNavi .st-Header_Controller {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      border: 0;
      margin: 0;
      padding: 1em;
      height: 100%;
    }
    @media (min-width: 1100px) {
      ._blog ._b .blogNavi .st-Header_Controller {
        display: none;
      }
    }
    ._blog ._b .blogNavi .st-Header_Controller::before {
      font-family: "FontAwesome solid";
      content: "\f105";
      vertical-align: baseline;
      color: var(--color-gray);
    }
    ._blog ._b .blogNavi .st-Header_Controller.end {
      right: unset;
      left: 0;
    }
    ._blog ._b .blogNavi .st-Header_Controller.end::before {
      font-family: "FontAwesome solid";
      content: "\f104";
      vertical-align: baseline;
    }
    ._blog ._b .blogNavi ul {
      width: 100%;
      max-width: 1200px;
      margin: auto;
      display: flex;
      justify-content: center;
      min-width: 1100px;
    }
    ._blog ._b .blogNavi ul li {
      flex-grow: 1;
    }
    ._blog ._b .blogNavi ul li a {
      border-bottom: solid 2px white;
      display: block;
      font-size: 0.9em;
      font-weight: bold;
      text-align: center;
      padding: 0.5em;
      width: 100%;
      word-break: keep-all;
    }
    ._blog ._b .blogNavi ul li a::before {
      content: "■";
      margin-right: 0.35em;
      display: inline-block;
      font-size: 0.8em;
      color: var(--color-main);
    }
    ._blog ._b .blogNavi ul li a:hover {
      border-bottom: solid 2px var(--color-main);
    }
    /* _blog/_blogpost */
    ._blog._blogpost._embed_content .e-user {
      padding: 1em;
      margin-top: 0;
    }
    ._blog._blogpost._embed_content .e-user .userImg {
      display: none;
    }
    ._blog._blogpost._embed_content .e-user em {
      line-height: 1.4;
    }
    ._blog._blogpost._embed_content .e-user em::before {
      font-family: "FontAwesome solid";
      content: "\f303";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._blog._blogpost._postInfo .e-contentHeader .title {
      font-size: 1.75em;
    }
    /* _blog/_blogmanage */
    /* _community */
    /* _community/_community */
    /* _community/_topic */
    /* _community/_event */
    /* _community/_member */
    /* _community/_comment */
    /* _community/_communitymanage */
    /* _earnings */
    /* _event */
    /* _event/_event */
    /* _event/_eventmanage */
    /* _knowledge */
    /* _knowledge/_knowledge */
    /* _knowledge/_knowledgemanage */
    /* _mypage */
    /* _mypage/_config */
    /* _notification */
    ._notification._tpl_list {
      padding: 1em;
    }
    @container _container (min-width: 501px) {
      ._notification._tpl_list {
        display: grid;
        grid-template-columns: auto 1fr auto;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    ._notification._tpl_list svg {
      width: 2em;
      height: 1em;
      transform: translateY(2px);
    }
    @container _container (max-width: 500px) {
      ._notification._tpl_list svg {
        display: none;
      }
    }
    /* _purchase */
    /* _purchase/_cart */
    /* _purchase/_purchasemanage */
    /* _questionnaire */
    /* _register */
    /* _reset_password */
    /* _sale */
    /* _stc */
    /* _stc/_case */
    /* _stc/_casemanage */
    :where(._stc._casemanage._edit, ._stc._casemanage._conf, ._stc._casemanage._complete) ._f {
      padding-top: 5vh;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf, ._stc._casemanage._complete) ._f .note {
      text-align: center;
      padding: 2em 1em;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf, ._stc._casemanage._complete) ._f .note b {
      display: block;
      font-size: min(4cqw, 1.5em);
      margin: 0.5em 0;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf, ._stc._casemanage._complete) ._f .note p {
      word-break: keep-all;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf, ._stc._casemanage._complete) ._f .terms {
      max-height: 25em;
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-m);
      padding: 1.5em;
      overflow-y: auto;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf, ._stc._casemanage._complete) ._f .termCheck {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5em;
      padding: 2.5vh 0;
    }
    :where(._stc._casemanage._edit, ._stc._casemanage._conf, ._stc._casemanage._complete) ._f .u-btn {
      border-radius: 1.5em;
    }
    ._stc._casemanage._complete ._f .comp {
      display: block;
      text-align: center;
    }
    ._stc._casemanage._complete ._f .note {
      background-color: #FFF3DF;
    }
    ._stc._casemanage._complete ._f .note i {
      display: block;
      text-align: center;
      margin: 1em 0;
    }
    ._stc._casemanage._complete ._f footer {
      text-align: center;
      padding: 5vh 1em;
      margin-top: 5vh;
    }
    ._stc._casemanage._complete ._f footer h3 {
      word-break: keep-all;
    }
    ._stc._casemanage._complete ._f footer .u-btn {
      display: inline-grid;
      width: 20em;
      margin-top: 5vh;
    }
    ._stc._casemanage._complete ._f footer .u-btn::after {
      font-family: "FontAwesome solid";
      content: "\f054";
      vertical-align: baseline;
    }
    ._stc._casemanage._conf ._f .note {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._stc._casemanage._conf ._f .note::before {
      font-family: "FontAwesome solid";
      content: "\f071";
      vertical-align: baseline;
      display: block;
      font-size: 3em;
    }
    /* _stp */
    /* _stp/_product */
    /* _stp/_productmanage */
    /* _str */
    /* _str/_reserve */
    /* _str/_reservemanage */
    /* _shipping */
    /* _sitetop */
    /* _sitetop/_index */
    ._sitetop._index._z {
      position: relative;
    }
    ._sitetop._index._z::before {
      content: "";
      display: block;
      height: min(200vw, 100vh);
      background-image: url(/image/project/mv.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }
    @media (max-width: 600px) {
      ._sitetop._index._z::before {
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
      }
    }
    @media (min-width: 601px) {
      ._sitetop._index._z::before {
        clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
      }
    }
    ._sitetop._index ._a {
      position: relative;
    }
    ._sitetop._index ._a .t-siteHeader {
      background-color: transparent;
      box-shadow: none;
    }
    ._sitetop._index ._b {
      background-color: transparent;
      padding-bottom: 13em;
    }
    ._sitetop._index ._b .hero {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      padding: 0 5vw;
      margin-top: min(20cqw, 13em);
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._b .flex {
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        -webkit-align-items: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
    ._sitetop._index ._b .flex h1 {
      font-size: min(1.35em, 5cqw);
    }
    ._sitetop._index ._b .flex h1 :where(*) {
      display: table;
      position: relative;
    }
    ._sitetop._index ._b .flex h1 :where(*)::after {
      content: "";
      display: block;
      height: 1px;
      background-color: black;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
    }
    ._sitetop._index ._b .flex h1 em::after {
      bottom: -5px;
    }
    ._sitetop._index ._b .flex h1 strong {
      font-size: 3em;
      letter-spacing: 0.11em;
      margin-top: 0.25em;
    }
    ._sitetop._index ._b .flex h1 strong::after {
      bottom: 5px;
    }
    ._sitetop._index ._b .flex p {
      max-width: 27em;
      font-size: min(4cqw, 1.1em);
      font-weight: bold;
      line-height: 2;
      word-break: keep-all;
      text-shadow: 0 0 1px white;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._b .flex p {
        text-shadow: 0 0 2px white, 0 0 4px white;
        margin-top: 5vh;
      }
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._b .flex p {
        color: white;
      }
    }
    @media (max-width: 599px) {
      ._sitetop._index ._b .flex .pc {
        display: none;
      }
    }
    @media (min-width: 600px) {
      ._sitetop._index ._b .flex .sp {
        display: none;
      }
    }
    ._sitetop._index ._d {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      position: sticky;
      top: 0;
      z-index: 1;
    }
    ._sitetop._index ._d .signup {
      display: block;
      width: 100%;
      box-shadow: 2px 2px 2px #262626;
      text-align: center;
      padding: 2em;
      position: absolute;
      top: 0;
    }
    @media (max-width: 800px) {
      ._sitetop._index ._d .signup {
        left: 50%;
        transform: translateX(-50%);
      }
    }
    ._sitetop._index ._d .signup:not(.sticky) {
      max-width: 30em;
      font-size: min(0.75em, 5cqw);
      background-color: rgba(255, 255, 255, 0.75);
      padding: 2em;
    }
    @media (min-width: 801px) {
      ._sitetop._index ._d .signup:not(.sticky) {
        right: 1em;
      }
    }
    ._sitetop._index ._d .signup:is(.sticky) {
      font-size: 0.9em;
      background-color: rgba(255, 255, 255, 0.95);
      padding: 1em;
    }
    ._sitetop._index ._d .signup em {
      display: block;
      font-weight: bold;
      word-break: keep-all;
    }
    ._sitetop._index ._d .signup em:not(.sticky *) {
      font-size: min(7cqw, 2em);
    }
    ._sitetop._index ._d .signup em:is(.sticky *) {
      font-size: min(4cqw, 1.5em);
    }
    ._sitetop._index ._d .signup small {
      display: block;
    }
    ._sitetop._index ._d .signup small:not(.sticky *) {
      padding: 2em 0;
    }
    ._sitetop._index ._d .signup small:is(.sticky *) {
      font-size: min(3cqw, 0.8em);
      padding: 1em 0;
    }
    ._sitetop._index ._d .signup a {
      font-weight: bold;
      color: white;
      background: var(--grad-orange);
      padding: 0.5em 1.5em;
    }
    ._sitetop._index ._d .signup .close {
      display: inline-block;
      min-height: auto;
      background-color: transparent;
      border: none;
      cursor: pointer;
      line-height: 1;
      padding: 0.25em;
      position: absolute;
      top: 1em;
      right: 1em;
    }
    @container _container (max-width: 400px) {
      ._sitetop._index ._d .signup .close:is(.sticky *) {
        top: 2em;
      }
    }
    ._sitetop._index ._d .signup .close::before {
      font-family: "FontAwesome solid";
      content: "\f00d";
      vertical-align: baseline;
    }
    ._sitetop._index ._f {
      padding-top: 30vh;
    }
    :where(._sitetop._index ._f > section) {
      padding: 10vh 0;
    }
    ._sitetop._index ._f :where(.more) {
      width: 15em;
      border-radius: 1.5em;
      margin-inline: auto;
      margin-top: 10vh;
    }
    ._sitetop._index ._f :where(.more)::after {
      font-family: "FontAwesome solid";
      content: "\f054";
      vertical-align: baseline;
    }
    ._sitetop._index ._f .pr {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .pr h2 {
      max-width: 25em;
      font-size: min(4cqw, 1.5em);
      line-height: 2;
      word-break: keep-all;
      text-align: center;
      margin-inline: auto;
    }
    ._sitetop._index ._f .pr h2 strong {
      display: inline-block;
      font-weight: bold;
      color: white;
      background: var(--grad-orange);
      padding: 0.15em 1em;
      margin: 0.5em 0;
    }
    ._sitetop._index ._f .guidance {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .guidance h3 {
      font-size: 1.25em;
      word-break: keep-all;
      margin-bottom: 0.75em;
    }
    ._sitetop._index ._f .guidance a {
      display: block;
    }
    ._sitetop._index ._f .guidance a:hover {
      opacity: 1;
    }
    ._sitetop._index ._f .guidance .p-images {
      flex-wrap: wrap;
    }
    ._sitetop._index ._f .guidance li:not(.l):hover::before {
      background-color: rgba(255, 102, 0, 0.1);
    }
    ._sitetop._index ._f .guidance li.l {
      width: 100%;
    }
    ._sitetop._index ._f .guidance li.l::before {
      background-color: rgba(255, 102, 0, 0.25);
    }
    ._sitetop._index ._f .guidance li.l a {
      display: table;
      width: 17em;
      font-size: 1.1em;
      text-align: initial;
      padding: 0.5em;
      margin-inline: auto;
    }
    ._sitetop._index ._f .guidance li.l a:hover {
      color: var(--color-main);
    }
    ._sitetop._index ._f .guidance li.l a::before {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._sitetop._index ._f .guidance li::before {
      transition: 0.2s;
    }
    ._sitetop._index ._f .guidance li img {
      height: 200px;
    }
    ._sitetop._index ._f .guidance li b {
      display: block;
      max-width: 15em;
      font-weight: normal;
      text-align: left;
      padding: 0.25em;
      margin-inline: auto;
    }
    ._sitetop._index ._f .guidance li b::before {
      content: "⇒";
      margin-right: 0.1em;
    }
    ._sitetop._index ._f .guidance .alone {
      display: table;
      font-weight: bold;
      color: var(--color-main-on);
      background-color: var(--color-main);
      border: 1px solid var(--color-border-main);
      border-radius: 1.5em;
      padding: 0.5em 1.5em;
      margin-top: 5vh;
    }
    ._sitetop._index ._f .guidance .alone:hover {
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
    }
    @container _container (max-width: 600px) {
      ._sitetop._index ._f .guidance .alone {
        margin-inline: auto;
      }
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._f .guidance .alone {
        margin-right: 1em;
        margin-left: auto;
      }
    }
    ._sitetop._index ._f .blog {
      padding: 25vh 0;
      position: relative;
    }
    ._sitetop._index ._f .blog::before {
      content: "";
      display: block;
      background-image: url(/image/project/blog.bg.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.25;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
    }
    @media (max-width: 600px) {
      ._sitetop._index ._f .blog::before {
        clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
      }
    }
    @media (min-width: 601px) {
      ._sitetop._index ._f .blog::before {
        clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
      }
    }
    ._sitetop._index ._f .blog .swiper {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
      padding: 1em;
    }
    ._sitetop._index ._f .blog .swiper-slide {
      width: 300px;
      height: auto;
    }
    ._sitetop._index ._f .qa {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .qa li {
      margin: 1em;
    }
    ._sitetop._index ._f .qa :where(h3, .a.open) {
      display: -webkit-flex;
      display: flex;
      gap: 1em;
      background-color: var(--color-gray-light);
      padding: 1em;
      margin: 1em 0;
    }
    ._sitetop._index ._f .qa :where(h3, .a.open)::before {
      content: "";
      display: inline-block;
      font-weight: bold;
      font-size: 1.5em;
      padding: 1rem;
      position: relative;
    }
    ._sitetop._index ._f .qa h3 {
      -webkit-align-items: center;
      align-items: center;
      cursor: pointer;
      padding-right: 2em;
    }
    ._sitetop._index ._f .qa h3:hover::after {
      color: var(--color-main);
    }
    ._sitetop._index ._f .qa h3:has(+ .open)::after {
      rotate: 45deg;
    }
    ._sitetop._index ._f .qa h3::before {
      content: "Q";
      -webkit-mask-image: url("/image/project/q.svg");
      -webkit-mask-size: contain;
      -webkit-mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-image: url("/image/project/q.svg");
      mask-size: contain;
      mask-position: center center;
      mask-repeat: no-repeat;
      color: var(--color-main-on);
      background-color: var(--color-main);
      padding-left: 1.5rem;
      right: 0.25rem;
    }
    ._sitetop._index ._f .qa h3::after {
      font-family: "FontAwesome solid";
      content: "+";
      vertical-align: baseline;
      font-size: 1.5em;
      color: gray;
      transition: 0.2s;
      margin-left: auto;
    }
    ._sitetop._index ._f .qa .a {
      -webkit-align-items: start;
      align-items: start;
      transition: 0.1s;
      overflow: hidden;
    }
    ._sitetop._index ._f .qa .a:not(.open) {
      height: 0;
    }
    ._sitetop._index ._f .qa .a:is(.open)::before {
      content: "A";
      -webkit-mask-image: url("/image/project/a.svg");
      -webkit-mask-size: contain;
      -webkit-mask-position: center center;
      -webkit-mask-repeat: no-repeat;
      mask-image: url("/image/project/a.svg");
      mask-size: contain;
      mask-position: center center;
      mask-repeat: no-repeat;
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      padding-right: 1.5rem;
      left: 0.25rem;
    }
    ._sitetop._index ._f .qa dl {
      font-size: min(4cqw, 1em);
      margin: 0.25em 0;
    }
    @container _container (max-width: 600px) {
      ._sitetop._index ._f .qa dl {
        margin: 0.5em 0;
      }
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._f .qa dl {
        display: -webkit-flex;
        display: flex;
      }
    }
    ._sitetop._index ._f .qa dt {
      margin-right: 0.5em;
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._f .qa dt {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
      }
    }
    ._sitetop._index ._f .qa dt::after {
      content: "：";
    }
    ._sitetop._index ._f .achievements {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .achievements li {
      display: -webkit-flex;
      -webkit-align-items: start;
      display: flex;
      align-items: start;
      width: 300px;
      height: auto;
      padding: 0.5em;
    }
    ._sitetop._index ._f .achievements li span {
      width: 3em;
      border-bottom: 1px solid black;
      white-space: nowrap;
      transform: translateY(2em) rotate(-90deg);
    }
    ._sitetop._index ._f .achievements li div {
      display: -webkit-flex;
      -webkit-flex-direction: column;
      display: flex;
      flex-direction: column;
      gap: 1em;
    }
    ._sitetop._index ._f .achievements li em {
      -webkit-align-self: start;
      align-self: start;
      display: inline-block;
      font-weight: bold;
      color: white;
      background: var(--grad-orange);
      padding: 0.25em 0.5em;
    }
    ._sitetop._index ._f .achievements li em::before {
      font-family: "FontAwesome solid";
      content: "\f0eb";
      vertical-align: baseline;
      margin-right: 1em;
    }
    ._sitetop._index ._f .achievements li img {
      display: block;
      width: 100%;
      aspect-ratio: 16/9;
    }
    ._sitetop._index ._f .achievements li b {
      font-weight: bold;
    }
    ._sitetop._index ._f .achievements li p {
      line-height: 1.75;
    }
    ._sitetop._index ._f .flow {
      padding: 25vh 0;
      position: relative;
    }
    ._sitetop._index ._f .flow::before {
      content: "";
      display: block;
      background-color: var(--color-gray-light);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
    }
    @media (max-width: 600px) {
      ._sitetop._index ._f .flow::before {
        clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
      }
    }
    @media (min-width: 601px) {
      ._sitetop._index ._f .flow::before {
        clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
      }
    }
    ._sitetop._index ._f .flow h2 i {
      color: white;
    }
    ._sitetop._index ._f .flow .wrapper {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    @container _container (min-width: 501px) {
      ._sitetop._index ._f .flow ol {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 2em 0;
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._f .flow ol {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 2em 0;
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
    @container _container (min-width: 1101px) {
      ._sitetop._index ._f .flow ol {
        display: grid;
        grid-template-columns: repeat(6, auto);
        gap: 2em 0;
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
    @container _container (max-width: 500px) {
      ._sitetop._index ._f .flow li {
        display: -webkit-flex;
        display: flex;
        padding: 0 1em;
        margin-inline: auto;
      }
    }
    @container _container (min-width: 501px) {
      ._sitetop._index ._f .flow li {
        width: 190px;
      }
    }
    @container _container (max-width: 500px) {
      ._sitetop._index ._f .flow li .step {
        display: -webkit-flex;
        -webkit-justify-content: center;
        display: flex;
        justify-content: center;
      }
    }
    ._sitetop._index ._f .flow li .step .char {
      display: block;
      font-size: 0.75em;
      white-space: nowrap;
      text-align: center;
    }
    ._sitetop._index ._f .flow li .step .char b {
      display: block;
      font-size: 2.5em;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index ._f .flow li .step .line {
        display: grid;
        grid-template: "before" 2.25em "circle" auto "after" 1fr;
        -webkit-justify-items: center;
        justify-items: center;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-order: -1;
        order: -1;
        padding: 0 1em;
      }
    }
    @container _container (min-width: 501px) {
      ._sitetop._index ._f .flow li .step .line {
        display: grid;
        grid-template: "before circle after";
        grid-template-columns: 1fr auto 1fr;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    ._sitetop._index ._f .flow li .step .line:is(li:first-child *)::before {
      display: none;
    }
    ._sitetop._index ._f .flow li .step .line:is(li:last-child *)::after {
      display: none;
    }
    ._sitetop._index ._f .flow li .step .line::before {
      content: "";
      display: block;
      background-color: black;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index ._f .flow li .step .line::before {
        width: 2px;
      }
    }
    @container _container (min-width: 501px) {
      ._sitetop._index ._f .flow li .step .line::before {
        height: 2px;
      }
    }
    ._sitetop._index ._f .flow li .step .line::after {
      content: "";
      display: block;
      background-color: black;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index ._f .flow li .step .line::after {
        width: 2px;
      }
    }
    @container _container (min-width: 501px) {
      ._sitetop._index ._f .flow li .step .line::after {
        height: 2px;
      }
    }
    ._sitetop._index ._f .flow li .step .line::before {
      grid-area: before;
    }
    ._sitetop._index ._f .flow li .step .line::after {
      grid-area: after;
    }
    ._sitetop._index ._f .flow li .step .line b {
      grid-area: circle;
    }
    @container _container (max-width: 500px) {
      ._sitetop._index ._f .flow li .step .line b {
        line-height: 1px;
      }
    }
    ._sitetop._index ._f .flow li .step .line b::before {
      font-family: "FontAwesome solid";
      content: "\f111";
      vertical-align: baseline;
      font-size: small;
    }
    ._sitetop._index ._f .flow li .content {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      min-height: 75%;
      background-color: white;
      border: 2px solid transparent;
      padding: 2em 0.45em;
      margin: 1em 0.5em;
    }
    ._sitetop._index ._f .flow li .content:is(li:last-of-type *) {
      border-color: var(--color-border-main);
    }
    ._sitetop._index ._f .flow li .content img {
      display: block;
      margin-inline: auto;
      margin-bottom: 1em;
    }
    ._sitetop._index ._f .flow li .content p {
      font-size: min(3.5cqw, 0.85em);
      word-break: keep-all;
      line-height: 1.75;
      text-align: center;
    }
    ._sitetop._index ._f .flow li .content p b {
      display: block;
      font-size: 0.9em;
      font-weight: bold;
      color: white;
      background: var(--grad-orange);
      padding: 0.15em 0.25em;
    }
    ._sitetop._index ._f .member {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._f .member .grid {
        display: grid;
        grid-template: "h3     h3  h3" auto ".      svg area1" auto "area2  svg area3" auto "area4  svg area5" auto "area6  svg area7" auto "area8  svg area9" auto "area10 svg ." auto;
        grid-template-columns: 200px 1fr 200px;
        gap: 1em;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    ._sitetop._index ._f .member h3 {
      grid-area: h3;
      text-align: center;
    }
    ._sitetop._index ._f .member figure {
      grid-area: svg;
      padding: 1.5em;
    }
    ._sitetop._index ._f .member figure img {
      width: 100%;
    }
    ._sitetop._index ._f .member .navs {
      padding: 1em;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._f .member .navs {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        gap: 1em;
      }
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._f .member .navs {
        display: contents;
      }
    }
    ._sitetop._index ._f .member nav {
      background-color: var(--color-gray-light);
      text-align: center;
      padding: 1em 0.5em;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._f .member nav {
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        width: calc(50% - 0.5em);
      }
    }
    ._sitetop._index ._f .member nav:has([href*="=03"]) {
      grid-area: area1;
    }
    ._sitetop._index ._f .member nav:has([href*="=17"]) {
      grid-area: area2;
    }
    ._sitetop._index ._f .member nav:has([href*="=04"]) {
      grid-area: area3;
    }
    ._sitetop._index ._f .member nav:has([href*="=37"]) {
      grid-area: area4;
    }
    ._sitetop._index ._f .member nav:has([href*="=01"]) {
      grid-area: area5;
    }
    ._sitetop._index ._f .member nav:has([href*="=32"]) {
      grid-area: area6;
    }
    ._sitetop._index ._f .member nav:has([href*="=10"]) {
      grid-area: area7;
    }
    ._sitetop._index ._f .member nav:has([href*="=41"]) {
      grid-area: area8;
    }
    ._sitetop._index ._f .member nav:has([href*="=19"]) {
      grid-area: area9;
    }
    ._sitetop._index ._f .member nav:has([href*="=48"]) {
      grid-area: area10;
    }
    ._sitetop._index ._f .member h4 {
      margin-bottom: 1em;
    }
    ._sitetop._index ._f .member ul {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.25em;
    }
    ._sitetop._index ._f .member li {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      width: calc(50% - 0.5em);
    }
    ._sitetop._index ._f .member li:has(:is([href*="=01"], [href*="=02"])) {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
    ._sitetop._index ._f .member li:has(:is([href*="=01"], [href*="=02"])) a {
      white-space: wrap;
    }
    ._sitetop._index ._f .member li:has(:where([href*="=03"], [href*="=48"])) {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    ._sitetop._index ._f .member li a {
      display: block;
      font-size: 0.85em;
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      white-space: nowrap;
      padding: 0.25em 0.5em;
    }
    ._sitetop._index ._f .member li a:hover {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._sitetop._index ._f .member li a span {
      font-size: 0.9em;
      white-space: nowrap;
    }
    ._sitetop._index ._f .member li a span:not(:first-of-type)::before {
      content: "・";
    }
    ._sitetop._index ._f .cv {
      background-image: url(/image/project/bg.cv.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      color: white;
      text-align: center;
    }
    ._sitetop._index ._f .cv h2 b {
      display: block;
      font-size: min(5cqw, 2.5em);
      margin-top: 1rem;
    }
    ._sitetop._index ._f .cv img {
      display: block;
      width: 200px;
      margin: 2.5vh auto;
    }
    ._sitetop._index ._f .cv div b {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5em;
      margin-bottom: 0.5em;
    }
    ._sitetop._index ._f .cv div b::before {
      content: "";
      display: inline-block;
      width: 2em;
      border-top: 2px solid white;
    }
    ._sitetop._index ._f .cv div b::after {
      content: "";
      display: inline-block;
      width: 2em;
      border-top: 2px solid white;
    }
    ._sitetop._index ._f .cv div b::before {
      rotate: 45deg;
    }
    ._sitetop._index ._f .cv div b::after {
      rotate: -45deg;
    }
    ._sitetop._index ._f .cv div a {
      display: table;
      font-size: 1.25em;
      font-weight: bold;
      color: white;
      background: var(--grad-orange);
      padding: 1em 3em;
      border-radius: 2em;
      margin-inline: auto;
    }
    ._sitetop._index ._f .news {
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .news h3 {
      text-align: center;
      margin: 2em 0;
    }
    ._sitetop._index ._f .news ul {
      padding: 1em;
    }
    ._sitetop._index ._f .news li {
      background-color: var(--color-gray-light);
    }
    ._sitetop._index ._f .news span {
      width: auto;
    }
    /* _special */
    /* _user */
    ._user._embed_showProfile .pageHeader {
      width: 100%;
    }
    @container _container (max-width: 600px) {
      ._user._embed_showProfile .pageHeader .u-metaDatas {
        -webkit-justify-content: center;
        justify-content: center;
      }
    }
    @container _container (max-width: 600px) {
      ._user._embed_showProfile .pageHeader nav {
        width: 100%;
      }
    }
    ._user._embed_showProfile .e-user:is(.partner *) {
      margin: 2em 0;
    }
    @container _container (min-width: 601px) {
      ._user._embed_showProfile .e-user:is(.partner *) {
        padding-left: 1.5em;
      }
    }
    ._user._embed_showProfile .switch {
      display: none;
    }
    ._user._tpl_profile section {
      padding: 5vh min(2.5cqw, 1em);
    }
    ._user._tpl_profile .overview {
      padding: 1em min(2.5cqw, 1em);
      margin: 5vh 0;
    }
    ._user._tpl_profile .overview dt {
      font-size: 0.8em;
      margin-bottom: 1em;
    }
    ._user._tpl_profile .overview dt::before {
      font-family: "FontAwesome solid";
      content: "\f0eb";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-sub);
    }
    ._user._tpl_profile h3 {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      text-align: center;
      padding: 1em;
    }
    ._user._tpl_profile .postcode {
      display: block;
    }
    ._user._tpl_profile .postcode::before {
      content: "〒";
    }
    ._user._info ._f .swiper-slide {
      border: 2px solid transparent;
      text-align: center;
    }
    ._user._info ._f .swiper-slide[class*=thumb-active] {
      border-color: var(--color-border-sub);
    }
    ._user._search :is(._c, ._i) {
      display: none;
    }
    ._user._search ._d form {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._user._search ._d dl.primary {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
    ._user._search ._d dd li {
      min-width: 5.75em;
    }
    @container _container (min-width: 501px) {
      ._user._search ._d dd li {
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
      }
    }
    ._user._search ._d :where(label[for$=itemCodeVarchar03_0], label[for$=itemCodeVarchar03_1]) {
      font-size: 0.85em;
      padding-top: 0.3em;
      padding-bottom: 0.3em;
    }
    ._user._search ._f {
      background-color: var(--color-gray-light);
      padding: 10vh 1em;
    }
    ._user._search ._f article {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    ._user._search ._f nav {
      padding: 1.5em 0.5em;
    }
    @container _container (max-width: 600px) {
      ._user._search ._f nav {
        text-align: center;
      }
    }
    @container _container (min-width: 601px) {
      ._user._search ._f nav {
        display: -webkit-flex;
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        gap: 1em;
      }
    }
    @container _container (max-width: 600px) {
      ._user._search ._f nav span {
        display: block;
        margin-bottom: 1em;
      }
    }
    @container _container (max-width: 600px) {
      ._user._search ._f nav button {
        display: inline-grid;
      }
    }
    ._user._search ._f .userList > li {
      margin: 1em 0;
    }
    ._user._search ._f .userList > li label {
      display: block;
      width: 100%;
      background-color: white;
      border: 2px solid white;
      border-radius: var(--radius-m);
      transition: 0.2s;
      padding: 1.5em;
    }
    ._user._search ._f .userList > li label:not(:has(.check)):hover {
      cursor: auto;
    }
    ._user._search ._f .userList > li label:has(.check) {
      display: -webkit-flex;
      display: flex;
    }
    ._user._search ._f .userList > li label:has(.check):hover {
      background-color: rgba(255, 102, 0, 0.05);
    }
    ._user._search ._f .userList > li label:has(:checked) {
      background-color: rgba(255, 102, 0, 0.05);
      border-color: var(--color-border-main);
    }
    ._user._search ._f .userList > li .check {
      -webkit-flex: 0 0 3em;
      flex: 0 0 3em;
      max-width: 3em;
      -webkit-align-content: center;
      align-content: center;
    }
    ._user._search ._f .userList > li .check:hover em {
      color: var(--color-main);
    }
    ._user._search ._f .userList > li .user {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    @container _container (min-width: 501px) {
      ._user._search ._f .userList > li .flex {
        display: -webkit-flex;
        display: flex;
        gap: 1em;
      }
    }
    ._user._search ._f .userList > li .logo {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      background-color: white;
      padding: 0.5em;
    }
    @container _container (max-width: 500px) {
      ._user._search ._f .userList > li .logo {
        margin-bottom: 1em;
      }
    }
    @container _container (min-width: 501px) {
      ._user._search ._f .userList > li .logo {
        width: 10em;
      }
    }
    ._user._search ._f .userList > li .props {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 0.5em 0;
    }
    ._user._search ._f .userList > li .props .meta :where(b) {
      display: inline-block;
      font-size: 0.8em;
      padding: 0.15em 0.75em;
      margin-right: 0.5em;
    }
    ._user._search ._f .userList > li .props .meta .service {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border-radius: var(--radius-s);
    }
    ._user._search ._f .userList > li .props .meta .postCode::before {
      content: "〒";
      margin-right: 0.25em;
    }
    ._user._search ._f .userList > li .props .meta .city::before {
      font-family: "FontAwesome solid";
      content: "\f3c5";
      vertical-align: baseline;
      margin-right: 0.25em;
      color: var(--color-main);
    }
    ._user._search ._f .userList > li .props a {
      display: block;
      font-size: 1.25em;
      padding: 1em 0;
    }
    ._user._search ._f .userList > li .props a:hover strong {
      color: var(--color-main);
    }
    ._user._search ._f .userList > li .props strong {
      display: block;
      transition: 0.2s;
    }
    ._user._search ._f .userList > li .props strong::before {
      font-family: "FontAwesome solid";
      content: "\f08e";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    ._user._search ._f .userList > li .props .areas dt {
      font-size: 0.7em;
      margin-bottom: 0.35em;
    }
    ._user._search ._f .userList > li .props .areas ul {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      margin-left: -0.12em;
    }
    ._user._search ._f .userList > li .props .areas li {
      font-size: 0.8em;
      padding: 0.15em;
    }
    ._user._search ._f .userList > li p {
      font-size: 0.8em;
      background-color: whitesmoke;
      border-radius: var(--radius-m);
      padding: 1em;
      margin-top: 1em;
    }
    ._user._search ._f .userList > li p::before {
      font-family: "FontAwesome solid";
      content: "\f0eb";
      vertical-align: baseline;
      margin-right: 0.35em;
      color: var(--color-sub);
    }
  }
}