@layer project {
  @layer parts;
  @layer content;
}
@layer project {
  :root {
    --color-gray-light: #F8F8F8;
    --color-green: #75B798;
    --color-main: #0095D8;
    --color-main-pale: #E9F5FD;
    --color-sub: #00C4CC;
    --color-sub-pale: #F0FCFC;
    --color-a: var(--color-main);
    --color-border-main: rgba(0, 149, 216, 0.5);
    --color-border-sub: rgba(0, 196, 204, 0.5);
    --initial-bgColor: white;
    /* be adjust */
  }
  @layer parts {
    /* font */
    /* common */
    body * {
      word-break: break-all;
    }
    /* _ */
    body {
      padding: 0 !important;
    }
    .global-floatingNavWrap {
      height: 60px;
    }
    .global-floatingNav {
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 20;
      width: 100%;
      height: 60px;
      background-color: var(--color-main-pale);
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      align-items: center;
    }
    .global-floatingNav a[href] {
      color: rgba(0, 149, 216, 0.5);
      font-size: 10px;
      font-weight: bold;
      text-align: center;
    }
    .global-floatingNav a[href]::before {
      display: block;
      margin: auto;
      height: 2em;
      opacity: 0.5;
    }
    .global-floatingNav a[href].current {
      color: #0095d8;
    }
    .global-floatingNav a[href].current::before {
      opacity: 1;
    }
    .global-floatingNav a[href][href*=search]::before {
      content: url("/image/icon/home.svg");
    }
    .global-floatingNav a[href][href*=favorite]::before {
      content: url("/image/icon/favorite.svg");
    }
    .global-floatingNav a[href][href*=applied]::before {
      content: url("/image/icon/job.svg");
    }
    .global-floatingNav a[href].mmessage {
      position: relative;
    }
    .global-floatingNav a[href].mmessage::before {
      content: url("/image/icon/message.svg");
    }
    .global-floatingNav a[href].mmessage span {
      background-color: red;
      color: white;
      font-weight: bold;
      padding: 0 0.5em;
      border-radius: 2em;
      z-index: 1;
      top: -7px;
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
    }
    .global-floatingNav a[href][href*=mypage]:not(.mmessage)::before {
      content: url("/image/icon/mypage.svg");
    }
    /* js */
    /* m */
    /* form */
    /* util */
    h2.u {
      font-size: 1.5em;
      border-bottom: solid var(--color-border-gray) 1px;
      margin: 1em auto;
    }
    .u-form h3 {
      font-size: 1.2em;
      color: var(--color-main);
      margin: 1em 0;
    }
    /* embed */
    a:has(.e-listContent) {
      display: block;
    }
    .e-listContent {
      font-size: 0.9em;
      margin-bottom: 1em;
      width: 100%;
      border-bottom: solid var(--color-border-gray) 1px;
    }
    .e-listContent > a {
      display: block;
    }
    .e-listContent h3 {
      font-size: 1.1em;
      margin-bottom: 0.5em;
      display: -webkit-flex;
      display: flex;
      color: var(--color-main);
    }
    .e-listContent .place, .e-listContent .job {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      background-color: var(--color-gray-light);
      margin: 1em 0;
      border-radius: 0.5em;
    }
    .e-listContent .place dt, .e-listContent .job dt {
      font-size: 0.9em;
      padding: 1em;
      min-width: 4em;
    }
    .e-listContent .place dd, .e-listContent .job dd {
      padding: 1em;
      font-size: 0.8em;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
    }
    .e-listContent .place dd span, .e-listContent .job dd span {
      border-radius: 2em;
      display: inline-block;
      padding: 0.2em 0.5em;
    }
    .e-listContent .place span {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    .e-listContent .job span {
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
    }
    .e-listContent .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1em;
      margin: 1em 0;
      width: 100%;
    }
    .e-listContent .grid dl {
      background-color: var(--color-gray-light);
      border-radius: 0.5em;
    }
    .e-listContent .grid dl dt {
      font-size: 0.8em;
      padding: 1em 0 0.5em;
      text-align: center;
    }
    .e-listContent .grid dl dd {
      font-size: 0.9em;
      font-weight: bold;
      text-align: center;
      padding-bottom: 1em;
    }
    .e-listContent .grid dl.pay {
      background-color: var(--color-sub-pale);
    }
    .e-listContent .grid dl.pay dd {
      color: var(--color-sub);
      font-size: 1rem;
    }
    .e-user .below {
      font-size: 0.8em;
    }
    /* tpl */
    .t-siteFooter {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .t-siteHeader > .flex :where(a) {
      padding-right: 0.25em;
      padding-left: 0.25em;
    }
    .t-siteHeader > .flex > *[href*=mypage]::before {
      font-family: "FontAwesome solid";
      content: "\f007";
      vertical-align: baseline;
    }
    .t-siteHeader > .flex > *[href]::before {
      color: var(--color-main-on);
      background-color: var(--color-main);
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      font-size: 1rem;
      aspect-ratio: 1/1;
      width: 2.5em;
    }
    .t-siteHeader .overlayMenuOpenClose:is(.close *) {
      color: var(--color-main);
      background-color: var(--color-main-on);
      padding: 0;
    }
    .t-siteHeader .overlayMenuOpenClose:is(.close *)::before {
      font-size: 2rem;
      width: unset;
    }
    .t-siteHeader .menuWrap[class] {
      margin-left: 1em;
    }
    .t-siteHeader .menuWrap[class] .menuOpen {
      color: var(--color-main);
      background-color: var(--color-main-on);
      padding: 0;
      display: block;
      cursor: pointer;
    }
    .t-siteHeader .menuWrap[class] .menuOpen::before {
      font-size: 2rem;
      width: unset;
      font-family: "FontAwesome solid";
      content: "\f0c9";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    .t-siteHeader .menuWrap[class] .menuOpen:hover {
      opacity: 1;
    }
    .t-siteHeader .menuWrap[class] .hideMenu {
      min-width: 300px;
      max-width: 375px;
      height: 100vh;
      background-color: white;
      padding: 1em;
      box-shadow: -1px 0 1px 0 var(--color-border-gray);
      position: fixed;
      top: 0;
      right: -100%;
      bottom: 0;
      z-index: 8;
      overflow: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      color: black;
      z-index: 11;
    }
    .t-siteHeader .menuWrap[class] .hideMenu a:not(.menuClose) {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      border-bottom: 1px solid var(--color-border-gray);
      text-align: left;
      padding: 1em;
      font-weight: normal;
    }
    .t-siteHeader .menuWrap[class] .hideMenu a:not(.menuClose)[href]::after {
      font-family: "FontAwesome solid";
      content: "\f105";
      vertical-align: baseline;
      margin-right: 0.5em;
      margin-left: auto;
    }
    .t-siteHeader .menuWrap[class] .hideMenu a:not(.menuClose).indent {
      margin-left: 1em;
    }
    .t-siteHeader .menuWrap[class] .menuClose {
      display: block;
      font-size: 1.5em;
      color: #0095D8;
      cursor: pointer;
      text-align: right;
      padding: 0.25rem 1rem;
      border: 0;
    }
    .t-siteHeader .menuWrap[class] .menuClose::before {
      font-family: "FontAwesome solid";
      content: "\f00d";
      vertical-align: baseline;
      margin-left: auto;
    }
    /* _component */
  }
  @layer content {
    /* freespace */
    /* _backend */
    /* _area */
    /* _auth */
    /* _bank */
    /* _blog */
    /* _blog/_blogpost */
    /* _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._index main.normal h2.u {
      text-align: center;
      border: 0;
      margin: 0 0 2rem;
      font-size: 1rem;
    }
    ._mypage._index main.normal .userInfo {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 1em;
      margin-bottom: 1em;
    }
    ._mypage._index main.normal .userInfo .global-coverImage {
      width: 4.5em;
      height: 4.5em;
      aspect-ratio: 1;
      border-radius: 50%;
      overflow: hidden;
    }
    ._mypage._index main.normal .userInfo .global-coverImage img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    ._mypage._index main.normal .userInfo .name {
      display: block;
      margin-bottom: 0.25em;
    }
    ._mypage._index main.normal .userInfo .name + p {
      font-size: 0.9em;
    }
    ._mypage._index main.normal .earnings {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      padding: 0.5em 1em;
      border-radius: 0.5em;
      margin-bottom: 2em;
    }
    ._mypage._index main.normal .earnings h3 {
      font-size: 1.5em;
    }
    ._mypage._index main.normal .earnings h3 small {
      display: block;
      font-size: 0.5em;
    }
    ._mypage._index main.normal .earnings h3 i {
      font-size: 0.5em;
    }
    ._mypage._index main.normal .earnings a[href] {
      margin-left: auto;
      background-color: white;
      padding: 0.5em 1em;
      font-weight: bold;
      border-radius: 0.25em;
      color: black;
    }
    ._mypage._index main.normal nav {
      margin-bottom: 2em;
    }
    ._mypage._index main.normal nav > * {
      display: block;
    }
    ._mypage._index main.normal nav h3 {
      font-weight: bold;
    }
    ._mypage._index main.normal nav h3:not(:first-of-type) {
      margin-top: 2em;
    }
    ._mypage._index main.normal nav a[href] {
      padding: 1em 0;
      border-bottom: solid var(--color-border-gray) 1px;
      line-height: 1;
      font-size: 0.9em;
    }
    ._mypage._index main.normal nav a[href]::before {
      margin-right: 0.5em;
    }
    ._mypage._index main.normal nav a[href][href*=showProfile]::before {
      content: url("/image/icon/user.svg");
    }
    ._mypage._index main.normal nav a[href][href*="bankmanage/list"]::before {
      content: url("/image/icon/card.svg");
    }
    ._mypage._index main.normal nav a[href][href*=earningsmanage]::before {
      content: url("/image/icon/signal.svg");
    }
    ._mypage._index main.normal nav a[href][href*=config]::before {
      content: url("/image/icon/gear.svg");
    }
    ._mypage._index main.normal nav a[href][href*=inquiry]::before {
      content: url("/image/icon/envelope.svg");
    }
    ._mypage._index main.normal nav a[href][href*=logout]::before {
      font-family: "FontAwesome solid";
      content: "\f2f5";
      vertical-align: baseline;
    }
    ._mypage._index main.normal nav a[href][href*=faq]::before {
      content: url("/image/icon/question.svg");
    }
    ._mypage._index main.normal nav a[href][href*=report]::before {
      content: url("/image/icon/flag.svg");
    }
    ._mypage._index main.normal nav a[href][href*=privacy]::before {
      content: url("/image/icon/book.svg");
    }
    ._mypage._index main.normal nav a[href][href*=sitepolicy]::before {
      content: url("/image/icon/book.svg");
    }
    ._mypage._index main.normal nav a[href][href*=withdraw]::before {
      content: url("/image/icon/withdraw.svg");
    }
    ._mypage._mailList ._f {
      padding: 0;
    }
    ._mypage._mailList ._f h2 {
      text-align: center;
      padding: 1em;
    }
    ._mypage._mailList ._f td.title .val {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      font-weight: bold;
    }
    @media (max-width: 799px) {
      ._mypage._mailList ._f td.title .u-read:is(table.col *) {
        margin-bottom: 0;
      }
    }
    ._mypage._mailList ._f td.title .u-status[data-read="0"]::before {
      width: 1.5rem;
      height: 1.5rem;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 1;
      background-color: var(--color-main);
      border-radius: 50%;
      color: white;
      font-size: 0.9rem;
    }
    ._mypage._mailList ._f td.title .u-status[data-read="1"]::before {
      width: 1.5rem;
      height: 1.5rem;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 1;
      background-color: var(--color-main);
      border-radius: 50%;
      color: white;
      font-size: 0.9rem;
    }
    /* _mypage/_config */
    /* _notification */
    /* _purchase */
    /* _purchase/_cart */
    /* _purchase/_purchasemanage */
    /* _questionnaire */
    /* _register */
    /* _reset_password */
    /* _sale */
    /* _stc */
    /* _stc/_case */
    ._stc._case._search ._d {
      z-index: 10;
      padding: 0;
    }
    ._stc._case._search ._d .js-close {
      position: absolute;
      left: 1em;
      top: 0.5em;
      z-index: 1;
    }
    ._stc._case._search ._d .js-close::before {
      font-family: "FontAwesome solid";
      content: "\f00d";
      vertical-align: baseline;
      font-size: 1.5em;
    }
    ._stc._case._search ._d .js-layer1 {
      display: none;
      position: fixed;
      padding: 1em;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      z-index: 10;
      background-color: white;
    }
    ._stc._case._search ._d .js-layer1 h3 {
      text-align: center;
      margin: auto 1em;
    }
    ._stc._case._search ._d .js-layer1 dl {
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      -webkit-align-items: center;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.9rem 0;
      border-bottom: solid var(--color-border-gray) 1px;
    }
    ._stc._case._search ._d .js-layer1 dl dt {
      font-size: 0.9rem;
    }
    ._stc._case._search ._d .js-layer1 dl dd {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      font-size: 0.9rem;
    }
    ._stc._case._search ._d .js-layer1 dl dd .js-val::after {
      font-family: "FontAwesome solid";
      content: "\f054";
      vertical-align: baseline;
      margin-left: 0.5em;
    }
    ._stc._case._search ._d .js-layer3 {
      display: none;
      padding: 1em;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      z-index: 10;
      background-color: white;
    }
    ._stc._case._search ._d .js-layer3 h3 {
      text-align: center;
      margin: auto 1em;
    }
    ._stc._case._search ._d .js-layer3 label, ._stc._case._search ._d .js-layer3 [type=radio] {
      display: none;
    }
    ._stc._case._search ._d .js-layer3 [type=checkbox] {
      margin-right: 0.5em;
    }
    ._stc._case._search ._d .js-layer3 ul li {
      padding: 1em;
      border-bottom: solid var(--color-border-gray) 1px;
    }
    ._stc._case._search ._d .js-layer3 ul li label {
      display: block;
    }
    ._stc._case._search ._d .js-layer3 .js-applySort {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 0.5em;
      font-weight: bold;
      width: 90%;
      text-align: center;
      padding: 1em;
      margin: 1em auto;
      display: table;
    }
    ._stc._case._search ._d .js-layer2 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      z-index: 11;
      background-color: white;
      padding: 1em;
      overflow: auto;
    }
    ._stc._case._search ._d .js-layer2 h3 {
      margin-bottom: 2em;
      font-size: 1rem;
    }
    ._stc._case._search ._d .js-layer2 [id*=mase_case_search_type_a2_caseItem] {
      width: 100%;
      display: none;
    }
    ._stc._case._search ._d .js-layer2 ul li {
      padding: 1em;
      border-bottom: solid var(--color-border-gray) 1px;
    }
    ._stc._case._search ._d .js-layer2 ul li label {
      display: block;
    }
    ._stc._case._search ._d .js-layer2 .js-apply {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 0.5em;
      font-weight: bold;
      width: 90%;
      text-align: center;
      padding: 1em;
      margin: 1em auto;
      display: table;
    }
    ._stc._case._search ._d .js-layer2 .js-back {
      position: absolute;
      left: 1em;
      top: 0.5em;
      z-index: 1;
    }
    ._stc._case._search ._d .js-layer2 .js-back::before {
      font-family: "FontAwesome solid";
      content: "\f053";
      vertical-align: baseline;
      font-size: 1.5em;
    }
    ._stc._case._search ._d .headerSearch {
      background-color: var(--color-main-pale);
      padding: 1em;
    }
    ._stc._case._search ._d .headerSearch a {
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      border-radius: 2em;
      display: block;
      width: 100%;
      padding: 0.5em 1em;
      font-weight: bold;
    }
    ._stc._case._search ._d .headerSearch a:first-of-type {
      margin-bottom: 0.5em;
    }
    ._stc._case._search ._d .headerSearch a.js-layer1Open {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    ._stc._case._search ._d .headerSearch a.js-layer1Open::before {
      font-family: "FontAwesome solid";
      content: "\f002";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._stc._case._search ._d .headerSearch a.js-layer1Open::after {
      font-family: "FontAwesome solid";
      content: "\f054";
      vertical-align: baseline;
      margin-left: auto;
    }
    ._stc._case._search ._d .headerSearch a.js-layer3Open {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    ._stc._case._search ._d .headerSearch a.js-layer3Open::before {
      font-family: "FontAwesome solid";
      content: "\f160";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._stc._case._search ._f {
      padding: 0;
    }
    ._stc._case._search ._f header {
      padding: 1em;
      border-bottom: solid var(--color-border-gray) 1px;
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    ._stc._case._search ._f header h2 {
      font-size: 1.25em;
    }
    ._stc._case._search ._f header .t-resultCount {
      font-size: 0.8em;
      margin-bottom: 0;
      margin-left: auto;
    }
    ._stc._case._search ._f .u-gridList {
      padding: 1em;
    }
    ._stc._case._search ._f .u-gridList li section {
      font-size: 0.9em;
      margin-bottom: 2em;
    }
    ._stc._case._search ._f .u-gridList li section h3 {
      font-size: 1.1em;
      margin-bottom: 0.5em;
      display: -webkit-flex;
      display: flex;
    }
    ._stc._case._search ._f .u-gridList li section h3 div {
      margin-left: auto;
    }
    ._stc._case._search ._f .u-gridList li section h3 .js_favorite {
      font-size: 0;
      background-color: unset;
      margin: 0;
      padding: 0;
      border: 0;
    }
    ._stc._case._search ._f .u-gridList li section h3 .js_favorite::before {
      font-family: "FontAwesome solid";
      content: "\f004";
      vertical-align: baseline;
      margin-right: 0;
      margin-left: 0.5rem;
      color: var(--color-gray);
      font-size: 1.5rem;
    }
    ._stc._case._search ._f .u-gridList li section h3 .js_favorite.active::before {
      color: pink;
    }
    ._stc._case._search ._f .u-gridList li section .place, ._stc._case._search ._f .u-gridList li section .job {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      background-color: var(--color-gray-light);
      margin: 1em 0;
      border-radius: 0.5em;
    }
    ._stc._case._search ._f .u-gridList li section .place dt, ._stc._case._search ._f .u-gridList li section .job dt {
      font-size: 0.9em;
      padding: 1em;
      min-width: 4em;
    }
    ._stc._case._search ._f .u-gridList li section .place dd, ._stc._case._search ._f .u-gridList li section .job dd {
      padding: 1em;
      font-size: 0.8em;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
    }
    ._stc._case._search ._f .u-gridList li section .place dd span, ._stc._case._search ._f .u-gridList li section .job dd span {
      border-radius: 2em;
      display: inline-block;
      padding: 0.2em 0.5em;
    }
    ._stc._case._search ._f .u-gridList li section .place span {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    ._stc._case._search ._f .u-gridList li section .job span {
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
    }
    ._stc._case._search ._f .u-gridList li section .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1em;
      margin: 1em 0;
    }
    ._stc._case._search ._f .u-gridList li section .grid dl {
      background-color: var(--color-gray-light);
      border-radius: 0.5em;
    }
    ._stc._case._search ._f .u-gridList li section .grid dl dt {
      font-size: 0.8em;
      padding: 1em 0 0.5em;
      text-align: center;
    }
    ._stc._case._search ._f .u-gridList li section .grid dl dd {
      font-size: 0.9em;
      font-weight: bold;
      text-align: center;
      padding-bottom: 1em;
    }
    ._stc._case._search ._f .u-gridList li section .grid dl.pay {
      background-color: var(--color-sub-pale);
    }
    ._stc._case._search ._f .u-gridList li section .grid dl.pay dd {
      color: var(--color-sub);
      font-size: 1rem;
    }
    ._stc._case._index ._f {
      padding: 0;
    }
    ._stc._case._index ._f article {
      padding: 1em;
    }
    ._stc._case._index ._f article section {
      font-size: 0.9em;
      margin-bottom: 1em;
    }
    ._stc._case._index ._f article section h2 {
      font-size: 1.1em;
      margin-bottom: 0.5em;
      display: -webkit-flex;
      display: flex;
    }
    ._stc._case._index ._f article section h2 div {
      margin-left: auto;
    }
    ._stc._case._index ._f article section h2 .js_favorite {
      font-size: 0;
      background-color: unset;
      margin: 0;
      padding: 0;
      border: 0;
    }
    ._stc._case._index ._f article section h2 .js_favorite::before {
      font-family: "FontAwesome solid";
      content: "\f004";
      vertical-align: baseline;
      margin-right: 0;
      margin-left: 0.5rem;
      color: var(--color-gray);
      font-size: 1.5rem;
    }
    ._stc._case._index ._f article section h2 .js_favorite.active::before {
      color: pink;
    }
    ._stc._case._index ._f article section .place, ._stc._case._index ._f article section .job {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      background-color: var(--color-gray-light);
      margin: 1em 0;
      border-radius: 0.5em;
    }
    ._stc._case._index ._f article section .place dt, ._stc._case._index ._f article section .job dt {
      font-size: 0.9em;
      padding: 1em;
      min-width: 4em;
    }
    ._stc._case._index ._f article section .place dd, ._stc._case._index ._f article section .job dd {
      padding: 1em;
      font-size: 0.8em;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em;
    }
    ._stc._case._index ._f article section .place dd span, ._stc._case._index ._f article section .job dd span {
      border-radius: 2em;
      display: inline-block;
      padding: 0.2em 0.5em;
    }
    ._stc._case._index ._f article section .place span {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    ._stc._case._index ._f article section .job span {
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
    }
    ._stc._case._index ._f article section .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1em;
      margin: 1em 0;
    }
    ._stc._case._index ._f article section .grid dl {
      background-color: var(--color-gray-light);
      border-radius: 0.5em;
    }
    ._stc._case._index ._f article section .grid dl dt {
      font-size: 0.8em;
      padding: 1em 0 0.5em;
      text-align: center;
    }
    ._stc._case._index ._f article section .grid dl dd {
      font-size: 0.9em;
      font-weight: bold;
      text-align: center;
      padding-bottom: 1em;
    }
    ._stc._case._index ._f article section .grid dl.pay {
      background-color: var(--color-sub-pale);
    }
    ._stc._case._index ._f article section .grid dl.pay dd {
      color: var(--color-sub);
      font-size: 1rem;
    }
    ._stc._case._index ._f article .contents {
      border-top: solid var(--color-border-gray) 1px;
      padding-top: 1em;
    }
    ._stc._case._index ._f article .contents table {
      font-size: 0.9em;
      border-spacing: 0 0.5em;
      width: 100%;
      margin-bottom: 1em;
      border-bottom: solid var(--color-border-gray) 1px;
      padding-bottom: 1em;
    }
    ._stc._case._index ._f article .contents table th {
      font-weight: normal;
      background-color: var(--color-gray-light);
      padding: 0.2em 0.5em;
      text-align: left;
      white-space: nowrap;
    }
    ._stc._case._index ._f article .contents table td {
      padding: 0.2em 0.5em;
      width: 80%;
    }
    ._stc._case._index ._f article .contents table.comment th {
      background-color: unset;
      padding-left: 0;
    }
    ._stc._case._index ._f article .contents table.schedule th {
      background-color: unset;
      padding-left: 0;
    }
    ._stc._case._index ._f article .contents h3 {
      margin: 1em 0;
    }
    ._stc._case._index ._f article .contents .document {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.9em;
    }
    ._stc._case._index ._f article .contents dl.check {
      font-size: 0.9em;
      display: -webkit-flex;
      display: flex;
      gap: 1em;
      margin: 1em 0;
    }
    /* _stc/_casemanage */
    ._stc._casemanage._edit dl, ._stc._casemanage._conf dl {
      margin-bottom: 1em;
    }
    ._stc._casemanage._edit dl dt, ._stc._casemanage._conf dl dt {
      font-size: 0.9em;
      font-weight: bold;
      padding: 0.5em 0;
    }
    ._stc._casemanage._edit dl dd [type=text], ._stc._casemanage._conf dl dd [type=text] {
      width: 100%;
      background-color: white !important;
    }
    ._stc._casemanage._edit dl dd select:not([id*=Date]), ._stc._casemanage._conf dl dd select:not([id*=Date]) {
      width: 100%;
    }
    ._stc._casemanage._edit dl dd.files, ._stc._casemanage._conf dl dd.files {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
    }
    ._stc._casemanage._edit dl dd.files small, ._stc._casemanage._conf dl dd.files small {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
    ._stc._casemanage._edit dl dd.files dt, ._stc._casemanage._conf dl dd.files dt {
      display: none;
    }
    ._stc._casemanage._edit dl.required > dt::after, ._stc._casemanage._conf dl.required > dt::after {
      content: "*";
      color: red;
    }
    ._stc._casemanage._edit fieldset, ._stc._casemanage._conf fieldset {
      margin-bottom: 2em;
    }
    ._stc._casemanage._edit fieldset > div, ._stc._casemanage._conf fieldset > div {
      margin: 1em 0;
    }
    @media (min-width: 800px) {
      ._stc._casemanage._edit .grid2, ._stc._casemanage._conf .grid2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 1em;
      }
    }
    @media (min-width: 800px) {
      ._stc._casemanage._edit .grid3, ._stc._casemanage._conf .grid3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 1em;
      }
    }
    ._stc._casemanage._conf dl {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 1em;
    }
    ._stc._casemanage._conf dl dt {
      -webkit-flex-basis: 10em;
      flex-basis: 10em;
      max-width: 10em;
    }
    ._stc._casemanage._task_list table.u.col thead {
      border: 0;
      margin: 0;
    }
    ._stc._casemanage._task_list table.u.col thead th {
      background-color: var(--color-main-pale);
      margin: 0.2em;
    }
    ._stc._casemanage._task_list table.u.col thead.sub th {
      background-color: var(--color-gray-light);
    }
    ._stc._casemanage._task_list table.u.col tbody td {
      border: 0;
    }
    ._stc._casemanage._task_list table.u.col tbody td:not(:where(.header, .footer)) .val {
      text-align: center;
    }
    ._stc._casemanage._task_list table.u.col tbody td:not(:where(.header, .footer)) .val > a:not(.e-user *)::before {
      display: none;
    }
    ._stc._casemanage._task_list table.u.col tbody td .toggle-icon::before {
      font-family: "FontAwesome solid";
      content: "\f107";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._stc._casemanage._task_list table.u.col tbody td .toggle-icon.expanded::before {
      font-family: "FontAwesome solid";
      content: "\f106";
      vertical-align: baseline;
    }
    ._stc._casemanage._task_list table.u.col tbody td .budget {
      color: var(--color-main);
    }
    ._stc._casemanage._task_list table.u.col tbody.sub td a {
      color: var(--color-main-on);
      background-color: var(--color-main);
      display: inline-block;
      border-radius: 0.2em;
      margin: 0 0.25em;
      padding: 0 0.5em;
    }
    ._stc._casemanage._task_list .accordion-content h4 {
      font-weight: normal;
    }
    ._stc._casemanage._task_list .accordion-content .acceptedAt {
      background-color: var(--color-gray-light);
      padding: 0.5em;
      margin: 0.5em 0 1em;
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    ._stc._casemanage._task_list .accordion-content .acceptedAt div {
      font-size: 0.8em;
      display: inline-block;
    }
    ._stc._casemanage._task_list .accordion-content .acceptedAt .status-badge {
      padding: 0.2em 0.5em;
      border-radius: 0.25em;
      text-align: center;
      background-color: white;
      margin-right: 0.5em;
    }
    ._stc._casemanage._task_list .accordion-content .acceptedAt .status-rejected {
      background: var(--color-red);
      color: white;
    }
    ._stc._casemanage._task_list .accordion-content .acceptedAt .status-approved {
      background: var(--color-green);
      color: white;
    }
    ._stc._casemanage._task_list .accordion-content .acceptedAt .action {
      margin-left: auto;
      background-color: var(--color-main);
      color: white;
      font-weight: bold;
      padding: 0.2em 0.5em;
      border-radius: 0.25em;
    }
    ._stc._casemanage._list ._b h2 {
      text-align: center;
      padding: 1em;
    }
    ._stc._casemanage._list ._b .tab {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    ._stc._casemanage._list ._b .tab li {
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      border-bottom: solid var(--color-border-gray) 1px;
      padding: 0.5em;
    }
    ._stc._casemanage._list ._b .tab li:not(:has(a)) {
      border-bottom: solid var(--color-sub) 3px;
    }
    ._stc._casemanage._appliedReceived h3 {
      margin-bottom: 0.5em;
    }
    ._stc._casemanage._appliedReceived h3 small {
      font-size: 0.75em;
      color: var(--color-gray);
    }
    ._stc._casemanage._appliedReceived .images {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1em;
      margin-bottom: 2em;
    }
    @media (max-width: 799px) {
      ._stc._casemanage._appliedReceived .images {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    ._stc._casemanage._appliedReceived .images ._universalMediadata {
      width: 100%;
      aspect-ratio: 16/9;
    }
    ._stc._casemanage._appliedReceived .images ._universalMediadata img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    ._stc._casemanage._appliedReceived .message {
      border: solid var(--color-border-gray) 1px;
      border-radius: 0.5em;
      padding: 1em;
      margin-bottom: 2em;
    }
    ._stc._casemanage._appliedReceived .agreecontract {
      margin: 2em 0;
      padding: 1em;
      background-color: var(--color-gray-light);
    }
    ._stc._casemanage._appliedReceived .agreecontract nav {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 1em;
      margin-bottom: 1em;
    }
    ._stc._casemanage._appliedReceived .agreecontract nav .disagreeproposal {
      background-color: red;
      color: white;
    }
    ._stc._casemanage._appliedReceived table.data th {
      background-color: var(--color-gray-light);
      font-weight: normal;
      text-align: left;
      padding: 0.5em;
    }
    ._stc._casemanage._appliedReceived table.data td {
      padding: 0.5em;
    }
    ._stc._casemanage._edit_task_report ._f .e-listContent h3 {
      display: none;
    }
    ._stc._casemanage._edit_task_report ._f h2 {
      text-align: center;
      padding: 1em;
    }
    ._stc._casemanage._edit_task_report ._f form {
      padding: 1em 0;
      font-size: 0.9em;
    }
    ._stc._casemanage._edit_task_report ._f form h3 {
      margin: 1em 0;
    }
    ._stc._casemanage._edit_task_report ._f form fieldset {
      padding: 1em 0;
      border-bottom: solid var(--color-border-gray) 1px;
      margin-bottom: 1em;
    }
    ._stc._casemanage._edit_task_report ._f form fieldset legend {
      font-weight: bold;
      margin: 1em 0 0;
    }
    ._stc._casemanage._edit_task_report ._f table {
      font-size: 0.9em;
      border-spacing: 0 0.5em;
      width: 100%;
      margin-bottom: 1em;
      border-bottom: solid var(--color-border-gray) 1px;
      padding-bottom: 1em;
    }
    ._stc._casemanage._edit_task_report ._f table th {
      font-weight: normal;
      background-color: var(--color-gray-light);
      padding: 0.2em 0.5em;
      text-align: left;
      white-space: nowrap;
    }
    ._stc._casemanage._edit_task_report ._f table td {
      padding: 0.2em 0.5em;
      width: 80%;
    }
    /* _stp */
    /* _stp/_product */
    /* _stp/_productmanage */
    /* _str */
    /* _str/_reserve */
    /* _str/_reservemanage */
    /* _shipping */
    /* _sitetop */
    /* _sitetop/_index */
    /* _special */
    /* _user */
  }
}