@charset "UTF-8";
@layer project {
  @layer parts;
  @layer content;
}
@layer project {
  @import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap");
  :root {
    --color-gray: #4F4F4F;
    --color-gray-dark: #363636;
    --color-black: #1D1D1D;
    --color-blue: #89D1ED;
    --color-green: #65C697;
    --color-gold: #E2C365;
    --color-pink: #E55296;
    --color-stone: #DEDBD5;
    --color-main: #4F4F4F;
    --color-main-on: white;
    --color-sub: #E2C365;
    --color-sub-on: white;
    --color-a: #89D1ED;
    --color-ok: #89D1ED;
    --color-base: #FAF9F3;
    --color-city: #65C697;
    --color-A2: #65C697;
    --color-univ: #89D1ED;
    --color-A3: #89D1ED;
    --color-border-gray: rgba(79, 79, 79, 0.75);
    --color-border-gray-light: rgba(79, 79, 79, 0.25);
    --color-border-ok: rgba(137, 209, 237, 0.5);
    --color-border-main: rgba(79, 79, 79, 0.5);
    --color-border-sub: rgba(226, 195, 101, 0.5);
    --color-shadow-gray: rgba(79, 79, 79, 0.5);
    --initial-color: #363636;
    --initial-bgColor: white;
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;
    --radius-x: 1.5em;
    /* be adjust */
  }
  @layer parts {
    /* font */
    /* animation */
    @keyframes example {
      from {
        transform: 0 0;
      }
      to {
        transform: 1 1;
      }
    }
    /* common */
    body {
      font-family: "Zen Kaku Gothic New", sans-serifbody;
    }
    :where(h1, h2, h3):not(:where(.gm-style, ._ck, ._encapsulate) *) {
      font-family: "ryo-gothic-plusn", "Inter", "Zen Kaku Gothic New", "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo";
      font-weight: 700;
    }
    /* pj */
    .pj-searchDialog {
      width: 90vw;
      height: 90vh;
      background-color: red;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 9;
    }
    .pj-checkBtnHeader {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em;
      margin-bottom: 0.75em;
    }
    .pj-checkBtnHeader span {
      font-weight: bold;
      margin-right: auto;
    }
    .pj-checkBtnHeader div {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.5em;
    }
    .pj-checkBtnHeader .u-btn {
      font-size: 0.8em;
      padding: 0.5em 1em;
    }
    .pj-caseStatus {
      display: inline-block;
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: var(--radius-s);
      padding: 0.25em 1em;
    }
    .pj-entryStatus {
      display: inline-block;
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      border-radius: var(--radius-s);
      padding: 0.25em 1em;
    }
    .pj-status {
      display: inline-block;
      background-color: var(--color-main);
      background-color: var(--color);
      border-bottom-right-radius: var(--radius-l);
      padding: 0.25em 1em 0.5em 1em;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }
    /* f */
    .f-checkbox li {
      display: grid;
      grid-template-columns: 1em 1fr;
      gap: 0.5em;
    }
    /* _ */
    ._svgDef {
      display: none !important;
    }
    /* js */
    /* m */
    /* form */
    /* util */
    table.u ._none {
      display: none;
    }
    table.u .dlId {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
    }
    table.u .dlId.js-dialogOpener::after {
      font-size: smaller;
      top: 0.25em;
    }
    table.u .dlId.js-dialogOpener dd {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      padding-right: 1.5em;
    }
    table.u .dlId dt {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
    }
    table.u .dlId dt::after {
      content: ":";
      margin: 0 0.35em;
    }
    .u-btn {
      width: fit-content;
      padding: 0.75em 1.75em;
      border-radius: 1.75em;
    }
    .u-btn:where(.grid) {
      grid-template-columns: auto 1fr auto;
      -webkit-justify-items: center;
      justify-items: center;
      gap: 0 0.5em;
    }
    .u-btn:where(.grid)::before {
      content: "";
      display: inline-block;
    }
    .u-btn:where(.grid)::after {
      content: "";
      display: inline-block;
    }
    .u-btn:where(.grid)::before {
      -webkit-justify-self: start;
      justify-self: start;
    }
    .u-btn:where(.grid)::after {
      -webkit-justify-self: end;
      justify-self: end;
    }
    .u-btn:where(.grid)::after {
      font-family: "FontAwesome solid";
      content: "\f111";
      vertical-align: baseline;
      font-size: 7px;
      margin-left: 2em;
    }
    .u-btn.l {
      border-radius: 2.5em;
      padding: 1.5em 2.5em;
    }
    .u-choice li:has([type=checkbox]) label:is(form *) {
      -webkit-align-content: center;
      align-content: center;
      min-height: calc(var(--input-height) * 1.1);
    }
    .u-progress {
      --color-main: var(--color-gold);
    }
    ._e:has(.u-sideMenu) {
      background-color: whitesmoke;
      border-radius: var(--radius-m);
      margin-top: 2.5vh;
    }
    .u-sideMenu :where(a, label) {
      background-color: white;
      border-left: 5px solid var(--color-gold);
    }
    .u-sideMenu :where(a, .u-openCloser):hover {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    .u-sideMenu .current {
      background-color: var(--color-gold);
    }
    /* embed */
    .e-caseSearch {
      width: 100% !important;
      text-align: center;
      position: fixed;
      top: 50%;
      translate: 0 -50%;
    }
    .e-caseSearch:not(.open) {
      z-index: -999;
    }
    .e-caseSearch:is(.open) {
      animation: show 0.25s ease-in 0s;
      z-index: 999;
    }
    .e-caseSearch .content {
      container: _container/inline-size;
      position: relative;
      display: inline-block;
      width: 90vw;
      min-width: calc(var(--width-min) * 0.75);
      max-width: 800px;
      max-height: 75vh;
      color: var(--initial-color);
      background-color: white;
      border-radius: var(--radius-l);
      box-shadow: 2px 2px 5px lightgray;
      word-break: break-all;
      text-align: initial;
      padding: min(5cqw, 5cqh) max(2.5cqw, 1em);
      overflow-y: auto;
      position: relative;
    }
    .e-caseSearch .content:is(.close) {
      display: none;
    }
    .e-caseSearch .close {
      display: grid;
      grid-template: line;
      -webkit-justify-content: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      line-height: 30px;
      min-height: unset;
      background-color: white;
      border: 1px solid var(--color-border-gray);
      border-radius: 100%;
      cursor: pointer;
      user-select: none;
      position: absolute;
      top: max(1em, 2.5cqh);
      right: max(1em, 2.5cqw);
      z-index: 1;
    }
    .e-caseSearch .close::before {
      grid-area: line;
      content: "";
      display: block;
      width: 15px;
      height: 1px;
      background-color: var(--color-border-gray);
    }
    .e-caseSearch .close::after {
      grid-area: line;
      content: "";
      display: block;
      width: 15px;
      height: 1px;
      background-color: var(--color-border-gray);
    }
    .e-caseSearch .close::before {
      rotate: 45deg;
      translate: 0 0;
    }
    .e-caseSearch .close::after {
      rotate: -45deg;
      translate: 0 0;
    }
    .e-caseSearch legend {
      font-weight: bold;
      font-size: 1.15em;
      padding-right: 2em;
      margin-bottom: 2em;
    }
    .e-caseSearch fieldset:not(.open) {
      display: none;
    }
    .e-caseSearch fieldset:is(.open) {
      display: block;
    }
    .e-caseSearch fieldset:where(.region, .prefecture, .city) ul {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
      gap: 0.25em;
    }
    .e-caseSearch .region {
      margin-bottom: 2em;
    }
    .e-caseSearch .region:has(li[style="display: none;"]) {
      display: none;
    }
    .e-caseSearch .u-btn:hover {
      border: 1px solid transparent;
    }
    .e-caseSearch [type=submit] {
      display: none;
    }
    .e-content {
      background-color: transparent;
      border: none;
      box-shadow: none;
    }
    .e-content .img {
      border: none;
      border-radius: var(--radius-m);
    }
    .e-content .img._noImage {
      background-color: #FAFAFA;
    }
    .e-content .texts {
      padding: 1em 0;
    }
    .e-content .title {
      color: var(--color-sub);
      line-height: 1.75;
      text-decoration: underline;
    }
    .e-content .excerpt {
      line-height: 1.75;
      margin-top: 0.5em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }
    .e-content .e-user {
      padding: 0;
      margin: 0;
    }
    .e-content .e-user ._grid {
      gap: 0;
    }
    .e-content .e-user em {
      font-weight: normal;
      font-size: 0.9em;
    }
    .e-globalNav a {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.25em;
    }
    .e-globalNav a.normal::before {
      background-image: url("../image/project/icon.normal.svg");
    }
    .e-globalNav a.partner::before {
      background-image: url("../image/project/icon.partner.svg");
    }
    .e-globalNav a.login::before {
      background-image: url("../image/project/icon.login.svg");
    }
    .e-globalNav a.mypage.isUnread:is(.t-siteHeader *) {
      padding-right: 0.5em;
      position: relative;
    }
    .e-globalNav a.mypage.isUnread:is(.t-siteHeader *)::after {
      font-family: "FontAwesome solid";
      content: "\f111";
      vertical-align: baseline;
      color: var(--color-pink);
      position: absolute;
      top: 0;
      right: 0;
    }
    .e-globalNav a.mypage::before {
      background-image: url("../image/project/icon.mypage.svg");
    }
    .e-globalNav a.logout::before {
      background-image: url("../image/project/icon.logout.svg");
    }
    .e-globalNav a[class]::before {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      content: "";
      display: inline-block;
      width: 2em;
      height: 2em;
      line-height: 2em;
      border-radius: 100%;
      background-color: var(--color-gold);
      background-size: 50% auto;
      background-position: center center;
      background-repeat: no-repeat;
    }
    .e-myMenu :where(a, span, label) {
      font-size: 0.85rem;
    }
    .e-pjHeader {
      margin-bottom: 2em;
    }
    .e-pjHeader span {
      display: block;
      font-size: 0.85em;
      color: var(--color-sub);
      margin-bottom: 0.5em;
    }
    .e-pjHeader b {
      font-size: 1.5em;
      letter-spacing: 0.15em;
    }
    .e-pjHeader .u-btn {
      margin-left: auto;
    }
    .e-overlayMenu {
      color: var(--color-main);
      background-color: white;
    }
    .e-overlayMenu .e-globalNav {
      max-width: var(--width-max-s);
      margin-top: 5vh;
      margin-bottom: 5vh;
      margin-right: auto;
      margin-left: auto;
    }
    .e-overlayMenu .e-globalNav a {
      color: inherit;
      border-bottom: 1px solid var(--color-border-gray);
      padding: 1em;
    }
    .e-overlayMenu .t-signup {
      margin-top: 5vh;
    }
    @container e-overlayMenu (min-width: 701px) {
      .e-overlayMenu .t-signup {
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5em;
      }
    }
    .e-overlayMenu .t-signup a {
      width: 20em;
    }
    @container e-overlayMenu (max-width: 700px) {
      .e-overlayMenu .t-signup a {
        margin: 1em auto;
      }
    }
    .e-user .email {
      display: block;
      line-height: 1;
      margin-top: 0.5em;
    }
    /* tpl */
    .t-breadcrumb {
      border-bottom: none;
    }
    .t-siteFooter {
      color: var(--initial-color);
      background-color: var(--color-base);
      padding: 5vh 5cqw;
    }
    @container _container (max-width: 800px) {
      .t-siteFooter {
        padding-bottom: 2.5vh;
      }
    }
    .t-siteFooter .grid {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    @container _container (min-width: 801px) {
      .t-siteFooter .grid {
        display: grid;
        grid-template: "logo ." 1fr "logo gNav" auto "logo subNav" auto "logo copyright" 1fr;
        grid-template-columns: 15cqw 1fr;
        gap: 1em;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    .t-siteFooter .logo {
      grid-area: logo;
      width: 7em;
      margin-inline: auto;
    }
    @container _container (max-width: 800px) {
      .t-siteFooter .logo {
        padding-bottom: 5vh;
      }
    }
    .t-siteFooter .logo img {
      width: 100%;
    }
    @container _container (max-width: 800px) {
      .t-siteFooter .navs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5cqw;
        border-top: 1px solid var(--color-border-gray);
        padding: 2.5vh 0 5vh;
      }
    }
    @container _container (min-width: 801px) {
      .t-siteFooter .navs {
        display: contents;
      }
    }
    .t-siteFooter :where(.e-globalNav, .subNav) {
      padding: 0.5rem;
    }
    @container _container (min-width: 801px) {
      .t-siteFooter :where(.e-globalNav, .subNav) {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        padding: 1rem;
      }
    }
    .t-siteFooter :where(.e-globalNav, .subNav) a {
      display: block;
      padding: 0.5rem;
    }
    @container _container (max-width: 800px) {
      .t-siteFooter :where(.e-globalNav, .subNav) a {
        margin-bottom: 0.5rem;
      }
    }
    @container _container (min-width: 801px) {
      .t-siteFooter .e-globalNav {
        grid-area: gNav;
        border-bottom: 1px solid var(--color-border-gray);
      }
    }
    .t-siteFooter .subNav {
      font-size: small;
    }
    @container _container (min-width: 801px) {
      .t-siteFooter .subNav {
        grid-area: subNav;
      }
    }
    .t-siteFooter .cr {
      font-size: x-small;
      word-break: break-word;
    }
    @container _container (max-width: 800px) {
      .t-siteFooter .cr {
        text-align: center;
      }
    }
    @container _container (min-width: 801px) {
      .t-siteFooter .cr {
        grid-area: copyright;
        -webkit-justify-self: end;
        justify-self: end;
        -webkit-align-self: end;
        align-self: end;
      }
    }
    .t-siteHeader {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      padding: 0.75em;
    }
    .t-siteHeader.open {
      color: var(--initial-color);
    }
    .t-siteHeader h1 {
      container: _container/inline-size;
      position: relative;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      width: clamp(7.5em, 15cqw, 12.5em);
      margin-right: auto;
    }
    .t-siteHeader h1 a {
      display: grid;
      grid-template-columns: 25cqw 75cqw;
      gap: 5cqw;
      -webkit-align-items: center;
      align-items: center;
    }
    .t-siteHeader .e-globalNav {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    .t-siteHeader .e-globalNav a {
      font-size: 0.9em;
      white-space: nowrap;
      padding: 0.25em;
      margin: 0 0.25em;
    }
    @container _container (max-width: 1100px) {
      .t-siteHeader .e-globalNav a:not(.login, .mypage) {
        display: none;
      }
    }
    .t-siteHeader .after {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    .t-siteHeader .t-signup {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    .t-siteHeader .t-signup a {
      word-break: keep-all;
    }
    .t-siteHeader .openClose {
      display: inline-block;
      width: 26px;
      height: 22px;
      cursor: pointer;
      margin-left: 1em;
      position: relative;
    }
    .t-siteHeader .openClose span {
      display: block;
      width: 100%;
      height: 3px;
      background-color: var(--initial-color);
      border-radius: 3px;
      transition: 0.25s;
      position: absolute;
      left: 0;
    }
    .t-siteHeader .openClose span:nth-of-type(1) {
      top: 0;
    }
    .t-siteHeader .openClose span:nth-of-type(2) {
      top: calc(50% - 1.5px);
    }
    .t-siteHeader .openClose span:nth-of-type(3) {
      bottom: 0;
    }
    .t-siteHeader .openClose span:is(.open *):nth-of-type(1) {
      transform: translateY(calc(11px - 1.5px)) rotate(-45deg);
    }
    .t-siteHeader .openClose span:is(.open *):nth-of-type(2) {
      opacity: 0;
    }
    .t-siteHeader .openClose span:is(.open *):nth-of-type(3) {
      transform: translateY(calc(-11px + 1.5px)) rotate(45deg);
    }
    .t-signup .u-btn.normal::before {
      background-image: url("../image/project/icon.normal.svg");
    }
    .t-signup .u-btn.partner::before {
      background-image: url("../image/project/icon.partner.svg");
    }
    .t-signup .u-btn[class]::before {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      content: "";
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      line-height: 1.5em;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      margin-right: 0.5em;
    }
    /* _component */
  }
  @layer content {
    /* freespace */
    /* _backend */
    ._backend._user._list ._f main {
      padding-top: 2.5vh;
    }
    ._backend._user._list ._f form .flex [type=Submit] {
      -webkit-flex: 1 1 0;
      flex: 1 1 0;
      -webkit-align-self: end;
      align-self: end;
      width: 100%;
      max-width: 300px;
      border-radius: var(--radius-m);
      margin-bottom: 1px;
    }
    @container _container (max-width: 600px) {
      ._backend._user._list ._f form .flex [type=Submit] {
        margin: 2.5vh auto;
      }
    }
    ._backend._user._list ._f form .csv {
      margin-top: 5vh;
    }
    ._backend._user._list ._f form .csv h3 {
      font-size: 1.25em;
    }
    ._backend._user._list ._f form .csv .u-btn {
      font-size: 0.9em;
    }
    @container _container (max-width: 500px) {
      ._backend._user._list ._f form .csv .u-btn {
        width: 100%;
      }
    }
    /* _area */
    /* _auth */
    ._auth._login ._f [type=submit] {
      width: 100%;
      max-width: 250px;
      margin-top: 2em;
      margin-bottom: 2em;
      margin-right: auto;
      margin-left: auto;
    }
    /* _bank */
    /* _blog */
    /* _blog/_blogpost */
    /* _blog/_blogmanage */
    ._blog._blogmanage._edit ._f header.u {
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
    /* _community */
    /* _community/_community */
    /* _community/_topic */
    /* _community/_event */
    /* _community/_member */
    /* _community/_comment */
    /* _community/_communitymanage */
    /* _earnings */
    /* _event */
    /* _event/_event */
    ._event._event._embed_content dl {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.5em;
      -webkit-align-items: baseline;
      align-items: baseline;
    }
    ._event._event._embed_content dt {
      font-size: 0.8em;
      background-color: var(--color-gray-light);
      border-radius: var(--radius-s);
      padding: 0.25em 0.5em;
    }
    ._event._event._embed_content dd {
      font-size: 0.9em;
    }
    /* _event/_eventmanage */
    /* _knowledge */
    /* _knowledge/_knowledge */
    /* _knowledge/_knowledgemanage */
    /* _mypage */
    ._mypage._index ._f {
      padding-top: 2.5vh;
    }
    ._mypage._index ._f .u-btns {
      margin-bottom: 5vh;
    }
    ._mypage._index ._f .u-btns a {
      max-width: none;
    }
    ._mypage._index ._f .counts {
      margin-bottom: 5vh;
    }
    ._mypage._index ._f .counts thead {
      display: none;
    }
    ._mypage._index ._f .counts .name {
      width: 100%;
    }
    ._mypage._index ._f .counts .r {
      min-width: 10em;
    }
    ._mypage._index ._f ._embed_contentHeader ._grid {
      gap: 0;
    }
    ._mypage._index ._f ._embed_contentHeader .img {
      display: none;
    }
    ._mypage._index ._f ._embed_contentHeader .title::before {
      font-family: "FontAwesome solid";
      content: "\f15c";
      vertical-align: baseline;
      margin-right: 0.35em;
    }
    /* _mypage/_config */
    /* _notification */
    ._notification._tpl_list span {
      display: -webkit-flex;
      -webkit-justify-content: space-between;
      -webkit-align-items: center;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }
    ._notification._tpl_list span::after {
      font-family: "FontAwesome solid";
      content: "\f105";
      vertical-align: baseline;
    }
    /* _purchase */
    /* _purchase/_cart */
    /* _purchase/_purchasemanage */
    /* _questionnaire */
    /* _register */
    ._register._new ._f .consent {
      margin: 5vh 0;
    }
    ._register._new ._f .consent legend {
      font-size: 1.25rem;
      text-align: left;
    }
    ._register._new ._f .consent label {
      display: -webkit-flex;
      -webkit-align-items: start;
      display: flex;
      align-items: start;
      gap: 1em;
      background-color: whitesmoke;
      border-radius: var(--radius-m);
      padding: 1em;
      margin: 0.5em 0;
    }
    ._register._new ._f .consent [type=checkbox] {
      display: inline-block;
      margin-top: 0.25em;
    }
    ._register._new ._f .consent a {
      display: inline-block;
      color: var(--color-pink);
      margin: 0 0.25em;
    }
    ._register._new ._f .consent a::before {
      font-family: "FontAwesome solid";
      content: "\f1c1";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._register._identify ._f .note {
      font-size: 0.9em;
      padding: 1em;
      margin-bottom: 2em;
    }
    ._register._identify ._f .note li::before {
      content: "※";
      margin-right: 0.5em;
    }
    ._register._add ._f legend {
      padding: 0;
      margin-bottom: 1.5em;
    }
    ._register._add ._f .t-note {
      padding-left: 1.5em;
      margin-top: 0;
    }
    ._register._add ._f .t-note li {
      list-style-type: disc;
      margin: 0.5em 0;
    }
    ._register._add ._f .t-note span {
      display: inline-block;
      color: var(--color-pink);
      margin: 0 0.25em;
    }
    /* _reset_password */
    /* _sale */
    /* _stc */
    /* _stc/_case */
    ._stc._case {
      --width-content-min: 300px;
    }
    ._stc._case._tpl_actions a {
      justify-items: start;
      width: 100%;
      margin-bottom: 1em;
    }
    ._stc._case._tpl_actions a.theme {
      color: var(--color);
      border-color: var(--color);
    }
    ._stc._case._tpl_actions a.theme:hover {
      color: white;
      background-color: var(--color);
      opacity: 1;
    }
    ._stc._case._tpl_searchTab {
      display: -webkit-flex;
      -webkit-justify-content: end;
      display: flex;
      justify-content: end;
      gap: 1em;
      margin-bottom: 2.5vh;
    }
    ._stc._case._tpl_searchTab a {
      display: inline-block;
      background-color: white;
      border: 1px solid var(--color-border-gray-light);
      border-radius: var(--radius-s);
      padding: 0.5em 1.5em;
    }
    ._stc._case._tpl_searchTab a.current {
      background-color: var(--color-stone);
    }
    ._stc._case._embed_searchUI:is(._sitetop *) {
      background-color: var(--color);
      border-radius: var(--radius-l);
      padding: 2em;
    }
    @media (min-width: 601px) {
      ._stc._case._embed_searchUI:is(._sitetop *) {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0 10cqw;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    ._stc._case._embed_searchUI.typeA2:is(._sitetop *) {
      --color: var(--color-A2);
    }
    ._stc._case._embed_searchUI.typeA3:is(._sitetop *) {
      --color: var(--color-A3);
    }
    ._stc._case._embed_searchUI h3:not(._sitetop *) {
      text-align: center;
    }
    ._stc._case._embed_searchUI h3:is(._sitetop *) {
      font-size: min(1.5em, 5.5cqw);
    }
    @media (max-width: 600px) {
      ._stc._case._embed_searchUI h3:is(._sitetop *) {
        margin-bottom: 1em;
      }
    }
    @container _container (min-width: 801px) {
      ._stc._case._embed_searchUI ._grid:is(._sitetop *) {
        display: grid;
        grid-template: "desired region  pref    city" ".       keyword keyword button";
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 1em;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    ._stc._case._embed_searchUI dl:not(.keyword):is(._sitetop *) {
      display: contents;
    }
    ._stc._case._embed_searchUI dt:is(._sitetop *) {
      display: none;
    }
    ._stc._case._embed_searchUI dd:is(._sitetop *) {
      display: contents;
    }
    ._stc._case._embed_searchUI :where(a, [type=text], [type=button]) {
      display: block;
      width: 100%;
      min-width: 0;
      background-color: white;
      border-radius: var(--radius-s);
      cursor: pointer;
      user-select: none;
      padding: 0.75em 1em;
    }
    ._stc._case._embed_searchUI :where(a, [type=text], [type=button]):is(._sitetop *) {
      height: 3.5em;
      border-radius: var(--radius-m);
      padding: 1em;
    }
    @container _container (max-width: 800px) {
      ._stc._case._embed_searchUI :where(a, [type=text], [type=button]) {
        margin-bottom: 0.5em;
      }
    }
    ._stc._case._embed_searchUI a:has(span:not(:empty)) b {
      display: none;
    }
    ._stc._case._embed_searchUI a.disabled {
      color: gray;
      background-color: lightgray;
    }
    ._stc._case._embed_searchUI b {
      display: block;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    ._stc._case._embed_searchUI span {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    ._stc._case._embed_searchUI .desired {
      grid-area: desired;
    }
    ._stc._case._embed_searchUI .region {
      grid-area: region;
    }
    ._stc._case._embed_searchUI .pref {
      grid-area: pref;
    }
    ._stc._case._embed_searchUI .city {
      grid-area: city;
    }
    ._stc._case._embed_searchUI .keyword {
      grid-area: keyword;
    }
    ._stc._case._embed_searchUI [type=button] {
      grid-area: button;
      font-weight: bold;
      font-size: 0.9em;
      color: var(--color-main-on);
      background-color: var(--color-main);
      white-space: nowrap;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
    }
    ._stc._case._embed_searchUI [type=button]::before {
      font-family: "FontAwesome solid";
      content: "\f002";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._stc._case._embed_content {
      display: block;
    }
    ._stc._case._embed_content.typeA2 {
      --color: var(--color-A2);
    }
    ._stc._case._embed_content.typeA3 {
      --color: var(--color-A3);
    }
    ._stc._case._embed_content a {
      border: 1px solid var(--color-border-gray-light);
      border-radius: var(--radius-l);
      overflow: hidden;
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content a {
        display: grid;
        grid-template: "image" "title" "excerpt" "meta";
        -webkit-align-content: center;
        align-content: center;
        background-color: white;
      }
    }
    @container _container (min-width: 601px) {
      ._stc._case._embed_content a {
        display: grid;
        grid-template: "image title" auto "image excerpt" 1fr "image meta" auto;
        grid-template-columns: 25cqw 1fr;
        -webkit-align-content: center;
        align-content: center;
        min-height: 250px;
        background-color: whitesmoke;
      }
      ._stc._case._embed_content a:hover {
        background-color: white;
      }
      ._stc._case._embed_content a:hover .image img {
        width: 110%;
        height: 110%;
      }
      ._stc._case._embed_content a:hover .meta dt {
        background-color: var(--color-gray-light);
      }
    }
    ._stc._case._embed_content .image {
      grid-area: image;
      position: relative;
    }
    ._stc._case._embed_content .image img {
      transition: 0.25s;
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content .image img {
        width: 100%;
        aspect-ratio: 16/9;
      }
    }
    @container _container (min-width: 601px) {
      ._stc._case._embed_content .image img {
        width: 100%;
        height: 100%;
        position: absolute;
      }
    }
    ._stc._case._embed_content .texts {
      display: grid;
      grid-template-columns: subgrid;
      grid-template-rows: subgrid;
      grid-column: title-start/title-end;
      grid-row: title-start/meta-end;
      padding: 2rem min(2rem, 5cqw) 1rem;
    }
    @container _container (min-width: 601px) {
      ._stc._case._embed_content .texts {
        padding: 1.5rem;
      }
    }
    ._stc._case._embed_content .title {
      grid-area: title;
      font-size: min(1.5em, 5.5cqw);
      color: var(--color);
      text-decoration: underline;
    }
    ._stc._case._embed_content .excerpt {
      grid-area: excerpt;
      line-height: 1.75;
      margin: 1rem 0;
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content .excerpt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
      }
    }
    @container _container (min-width: 601px) {
      ._stc._case._embed_content .excerpt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
    }
    ._stc._case._embed_content .meta {
      grid-area: meta;
      border-top: 1px solid var(--color-border-gray);
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content .meta {
        display: grid;
        grid-template: "dt dd";
        grid-template-columns: auto 1fr;
        gap: 0 1em;
        -webkit-align-content: center;
        align-content: center;
      }
    }
    @container _container (min-width: 601px) {
      ._stc._case._embed_content .meta {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1em;
        padding-top: 1rem;
      }
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content .meta .e-user {
        grid-column: span 2;
        order: 1;
        padding: 0.5em 0;
      }
    }
    @container _container (min-width: 601px) {
      ._stc._case._embed_content .meta .e-user {
        border-right: 1px solid var(--color-border-gray);
        padding-right: 1em;
      }
    }
    ._stc._case._embed_content .meta .e-user img {
      width: 2em;
    }
    ._stc._case._embed_content .meta .e-user em {
      font-weight: normal;
      font-size: 1em;
    }
    ._stc._case._embed_content .meta dl {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.5em;
      -webkit-align-items: baseline;
      align-items: baseline;
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content .meta dl {
        display: grid;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid;
        grid-column: span 2;
        border-bottom: 1px solid var(--color-border-gray);
        padding: 0.5em 0;
      }
    }
    ._stc._case._embed_content .meta dt {
      font-size: 0.8em;
      background-color: white;
      border-radius: var(--radius-s);
      padding: 0.25em 0.5em;
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content .meta dt {
        grid-column: 1;
        white-space: nowrap;
      }
    }
    ._stc._case._embed_content .meta dd {
      font-size: 0.9em;
    }
    @container _container (max-width: 600px) {
      ._stc._case._embed_content .meta dd {
        grid-column: 2;
      }
    }
    ._stc._case._embed_contentHeader .above {
      margin-bottom: 0.5em;
    }
    ._stc._case._latest_info .u-gridList > li {
      container: _container/inline-size;
      position: relative;
    }
    ._stc._case._conf ._f section {
      margin-bottom: 5vh;
    }
    ._stc._case._owner ._f .u-gridList > li {
      container: _container/inline-size;
      position: relative;
    }
    ._stc._case._index._z {
      background-color: whitesmoke;
    }
    ._stc._case._index.typeA2 {
      --color: var(--color-A2);
    }
    ._stc._case._index.typeA3 {
      --color: var(--color-A3);
    }
    ._stc._case._index ._d .meta {
      margin-bottom: 2.5vh;
    }
    @container _container (min-width: 601px) {
      ._stc._case._index ._d .meta {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1em;
      }
    }
    ._stc._case._index ._d .meta dl {
      display: grid;
      grid-template-columns: 7em 1fr;
      gap: 0.5em;
      -webkit-align-items: baseline;
      align-items: baseline;
      padding: 0.5em 0;
    }
    @container _container (min-width: 601px) {
      ._stc._case._index ._d .meta dl {
        grid-template-columns: auto 1fr;
      }
    }
    ._stc._case._index ._d .meta dt {
      font-size: 0.8em;
      background-color: white;
      border-radius: var(--radius-s);
      white-space: nowrap;
      padding: 0.25em 0.5em;
    }
    ._stc._case._index ._d .meta dd {
      font-size: 0.9em;
    }
    ._stc._case._index ._d .meta .e-user {
      width: fit-content;
      margin-left: auto;
    }
    ._stc._case._index ._d .meta .e-user img {
      width: 2em;
    }
    ._stc._case._index ._d .image {
      aspect-ratio: 3/1;
      background-color: white;
      border-radius: var(--radius-l);
      position: relative;
      overflow: hidden;
    }
    ._stc._case._index ._d .image ._universalMediadata {
      display: block;
    }
    ._stc._case._index ._d .image img {
      width: 100%;
      height: 100%;
    }
    ._stc._case._index ._f :where(label) {
      cursor: auto;
    }
    ._stc._case._index ._f :where(p) {
      line-height: 2;
    }
    ._stc._case._index ._f .overviews {
      background-color: white;
      border-radius: var(--radius-l);
      padding: 2.5em 1.5em;
      margin-bottom: 5vh;
    }
    ._stc._case._index ._f .overviews h1 {
      font-size: min(1.75em, 7.5cqw);
      color: var(--color);
      margin-bottom: 1em;
    }
    ._stc._case._index ._f .overviews .overview {
      padding-bottom: 2.5vh;
    }
    ._stc._case._index ._f .overviews section {
      margin-botttom: 2.5vh 0;
    }
    ._stc._case._index ._f .overviews section:not(:first-child) {
      border-top: 1px solid var(--color-border-gray);
      padding-top: 2.5vh;
    }
    ._stc._case._index ._f .overviews section:not(:last-of-type) {
      margin-bottom: 5vh;
    }
    ._stc._case._index ._f .overviews section h2 {
      font-size: min(1.5em, 5.5cqw);
      color: var(--color);
      padding: 0.5em;
      padding-left: 0;
      margin-bottom: 0.5em;
    }
    ._stc._case._index ._f .overviews section h2::before {
      font-family: "FontAwesome regular";
      content: "\f07c";
      vertical-align: baseline;
      margin-right: 0.5em;
    }
    ._stc._case._index ._f .area .prefs {
      --color: var(--color-gold);
    }
    ._stc._case._index ._f .area .prefs {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(6.5em, 1fr));
      gap: 0.25em;
    }
    ._stc._case._index ._f .area .prefs li {
      display: grid;
      grid-template-columns: 1fr auto;
      background-color: white;
      border-radius: var(--radius-s);
      cursor: pointer;
      padding: 0.25em 0.5em;
    }
    ._stc._case._index ._f .area .prefs li:hover {
      background-color: var(--color);
    }
    ._stc._case._index ._f .area .prefs li::after {
      font-family: "FontAwesome solid";
      content: "\f0d7";
      vertical-align: baseline;
      color: --color;
    }
    ._stc._case._index ._f .area .cities .city {
      display: none;
      background-color: white;
      border-radius: var(--radius-m);
      padding: 1em;
      margin-top: 1em;
    }
    ._stc._case._index ._f .area .cities .city:is(.show) {
      display: block;
      animation-name: show;
      animation-duration: 0.5s;
      animation-timing-function: ease-out;
      animation-fill-mode: forwards;
    }
    ._stc._case._index ._f .area .cities .city:not(.show) {
      animation-name: hide;
      animation-duration: 0.25s;
      animation-timing-function: ease-out;
      animation-fill-mode: forwards;
    }
    ._stc._case._index ._f .props section {
      margin-bottom: 5vh;
    }
    ._stc._case._index ._f .props h2 {
      background-color: var(--color);
      padding: 0.5em 1.5em;
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .props table.row tbody {
        padding: 0;
      }
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .props table.row tr {
        display: contents;
        margin: 0;
      }
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .props table.row :where(th + th, td + td, th + td) {
        border-left: 3px solid white;
      }
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .props table.row :where(tr + tr th, tr + tr td) {
        border-top: 3px solid white;
      }
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .props table.row th {
        background-color: var(--color-stone);
      }
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .props table.row td {
        background-color: var(--color-gray-light);
      }
    }
    @media (min-width: 751px) {
      ._stc._case._index ._g {
        padding-top: 5vh;
      }
    }
    ._stc._case._index ._g .u-sticky {
      top: calc(var(--stickyPageTop) + 2.5vh);
    }
    ._stc._case._index ._h .owerCaseList {
      margin-bottom: 5vh;
    }
    ._stc._case._index ._h .owerCaseList .u-gridList > li {
      container: _container/inline-size;
      position: relative;
    }
    ._stc._case._search._z {
      background-color: whitesmoke;
    }
    ._stc._case._search ._d .pageHeader {
      margin-bottom: 5eh;
    }
    ._stc._case._search ._d h2 {
      font-size: min(2em, 7.5cqw);
      padding: 1em;
      margin-bottom: 0;
    }
    ._stc._case._search ._d .t-resultCount {
      width: fit-content;
      margin: 0;
      margin-left: auto;
    }
    ._stc._case._search ._e ._embed_searchUI {
      background-color: var(--color-stone);
      border-radius: var(--radius-m);
      padding: 2em 1em;
    }
    ._stc._case._search ._e dl {
      margin-bottom: 1em;
    }
    ._stc._case._search ._e dt {
      font-weight: bold;
      font-size: 0.9em;
      margin-bottom: 0.5em;
    }
    ._stc._case._search ._e :where(.desired, .area) li {
      font-size: 0.8em;
    }
    ._stc._case._search ._e :where(.period, .status) label {
      display: block;
      padding: 0.25em;
    }
    ._stc._case._search ._e :where(.desired, .keyword) dt {
      display: none;
    }
    ._stc._case._search ._e .status ul {
      display: -webkit-flex;
      -webkit-flex-direction: column;
      display: flex;
      flex-direction: column;
    }
    ._stc._case._search ._e .status li:has([value=rejection]) {
      order: 1;
    }
    ._stc._case._search ._e .status li:has([value=none]) {
      order: 2;
    }
    ._stc._case._search ._e .status li:has([value=proposal]) {
      order: 3;
    }
    ._stc._case._search ._e .status li:has([value=accept]) {
      order: 4;
    }
    ._stc._case._search ._e [type=submit] {
      border-radius: var(--radius-m);
    }
    ._stc._case._search ._f .caseList {
      container: _container/inline-size;
      position: relative;
    }
    ._stc._case._search ._f .caseList .case {
      margin-bottom: 2em;
    }
    ._stc._case._search ._f .caseList ._embed_content a {
      background-color: white;
    }
    ._stc._case._search ._h .recommend .u-gridList > li {
      container: _container/inline-size;
      position: relative;
    }
    /* _stc/_casemanage */
    ._stc._casemanage._embed_appliedReceived header.u {
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
    ._stc._casemanage._embed_appliedReceived header.u .caseEntryStatus {
      display: inline-block;
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: var(--radius-s);
      padding: 0.5em 3em;
    }
    ._stc._casemanage._tpl_status {
      display: block;
      font-size: 1.25emm;
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-m);
      letter-spacing: 0.25em;
      text-align: center;
      padding: 1.5em;
      margin: 2.5vh 0;
    }
    ._stc._casemanage._tpl_status p {
      margin-bottom: 1em;
    }
    ._stc._casemanage._tpl_statusButton:has(.u-btn:not([type=hidden])) {
      background-color: var(--color-base);
      border: 1px solid var(--color-border-gray);
      border-radius: var(--radius-m);
      padding: 2em;
      margin: 2.5vh 0;
    }
    ._stc._casemanage._conf ._f .prefectures section {
      padding: 0.25em 0.5em;
    }
    ._stc._casemanage._conf ._f .prefectures section:not(:last-of-type) {
      border-bottom: 1px solid var(--color-border-gray-light);
    }
    ._stc._casemanage._conf ._f .prefectures div {
      padding-left: 1em;
    }
    ._stc._casemanage._entryList ._f .u.col .above dl {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.5em;
      -webkit-align-items: baseline;
      align-items: baseline;
      padding: 0 0.25em;
    }
    ._stc._casemanage._entryList ._f .u.col .above dt {
      font-size: 0.85em;
    }
    ._stc._casemanage._entryList ._f .u.col .above dd {
      font-size: 1.1em;
    }
    @container _container (max-width: 500px) {
      ._stc._casemanage._entryList ._f .u.col .btns .label {
        display: none;
      }
    }
    ._stc._casemanage._receivedList ._f .u.col {
      grid-template-columns: 1fr auto auto !important;
    }
    @container _container (max-width: 500px) {
      ._stc._casemanage._receivedList ._f .u.col .btns .label {
        display: none;
      }
    }
    ._stc._casemanage._edit ._f {
      z-index: 1;
    }
    ._stc._casemanage._edit ._f header.u {
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
    ._stc._casemanage._edit ._f .prefectures ul:not(.u-validation) {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
      gap: 0.25em;
    }
    ._stc._casemanage._edit ._f .prefectures :where(.region, .cities > div) {
      background-color: white;
      padding: 1em;
      margin-bottom: 0.5em;
    }
    ._stc._casemanage._edit ._f .prefectures .e-caseSearch {
      left: 0;
    }
    ._stc._casemanage._edit ._f .prefectures .e-caseSearch:not(.open) {
      display: none;
    }
    ._stc._casemanage._edit ._f .prefectures legend {
      margin-bottom: 1em;
    }
    ._stc._casemanage._edit ._f .prefectures .pj-checkBtnHeader {
      width: 100%;
    }
    ._stc._casemanage._edit ._f .prefectures a {
      display: block;
      width: 100%;
      min-width: 0;
      background-color: white;
      border: 1px solid var(--color-border-gray-light);
      border-radius: var(--radius-s);
      cursor: pointer;
      user-select: none;
      padding: 0.75em 1em;
    }
    ._stc._casemanage._edit ._f .prefectures a:has(span:not(:empty)) b {
      display: none;
    }
    ._stc._casemanage._edit ._f .prefectures a.prefecture {
      margin-bottom: 0.5em;
    }
    ._stc._casemanage._edit ._f .prefectures a:not(.disabled):hover {
      border-color: var(--color-border-gray);
    }
    ._stc._casemanage._edit ._f .prefectures a:is(.disabled) {
      color: gray;
      background-color: lightgray;
    }
    ._stc._casemanage._edit ._f .prefectures b {
      display: block;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    ._stc._casemanage._edit ._f .prefectures span {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    ._stc._casemanage._favorite ._f .caseList {
      container: _container/inline-size;
      position: relative;
    }
    ._stc._casemanage._favorite ._f .case {
      margin-bottom: 2em;
    }
    ._stc._casemanage._list ._f .u.col {
      grid-template-columns: 1fr auto !important;
    }
    @container _container (max-width: 500px) {
      ._stc._casemanage._list ._f .u.col .btns .label {
        display: none;
      }
    }
    ._stc._casemanage._list ._f .u.col .btns a {
      display: block;
      padding: 0.25em 0.5em;
    }
    /* _stp */
    /* _stp/_product */
    /* _stp/_productmanage */
    /* _str */
    /* _str/_reserve */
    /* _str/_reservemanage */
    /* _shipping */
    /* _sitetop */
    /* _sitetop/_index */
    ._sitetop._index._z {
      background-color: white;
    }
    ._sitetop._index ._a {
      position: fixed;
    }
    ._sitetop._index ._a .t-siteHeader {
      transition: 0.25s;
    }
    ._sitetop._index ._a .t-siteHeader:not(.scrolled) {
      background-color: transparent;
      box-shadow: none;
    }
    ._sitetop._index ._d .mv {
      background-image: url("../image/project/mv.deco.svg"), url("../image/project/mv.bg.left.png"), url("../image/project/mv.bg.right.png");
      background-repeat: no-repeat;
      background-size: auto 100%, max(250px, 35cqw) auto, max(300px, 40cqw);
    }
    @media (max-width: 600px) {
      ._sitetop._index ._d .mv {
        background-position: center center, top 0 left 0, top 350px right 0;
      }
    }
    @media (min-width: 601px) {
      ._sitetop._index ._d .mv {
        background-position: center center, top 0 left 0, top 50% right 0;
      }
    }
    ._sitetop._index ._d .c {
      max-width: var(--width-max);
      margin-right: auto;
      margin-left: auto;
      padding: min(25vh, 25vw) 5vw;
    }
    ._sitetop._index ._d h1 {
      container: _container/inline-size;
      position: relative;
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      width: clamp(20em, 30cqw, 40em);
      height: clamp(20em, 30cqw, 40em);
      background-color: white;
      border: 5px solid var(--color-black);
      border-radius: 100%;
      word-break: keep-all;
      margin-inline: auto;
    }
    ._sitetop._index ._d h1 strong {
      display: block;
      font-size: 5cqw;
      line-height: 1.75;
      padding-left: 15cqw;
    }
    ._sitetop._index ._d h1 svg {
      width: 70cqw;
      margin-top: 1em;
    }
    ._sitetop._index ._d .t-signup {
      margin-top: 5vh;
    }
    @container _container (min-width: 701px) {
      ._sitetop._index ._d .t-signup {
        display: -webkit-flex;
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        gap: 0.5em;
      }
    }
    ._sitetop._index ._d .t-signup a {
      width: 20em;
    }
    @container _container (max-width: 700px) {
      ._sitetop._index ._d .t-signup a {
        margin: 1em auto;
      }
    }
    ._sitetop._index ._d .news {
      max-width: 600px;
      margin-top: 5vh;
    }
    @media (max-width: 700px) {
      ._sitetop._index ._d .news:is(.loggedIn *) {
        margin-top: 30vh;
      }
    }
    ._sitetop._index ._d .news li {
      border-bottom: 1px solid var(--color-border-gray);
    }
    ._sitetop._index ._d .news a[href*="/list"] {
      display: block;
      width: fit-content;
      font-size: 0.9em;
      margin-top: 1em;
      margin-left: auto;
    }
    ._sitetop._index ._d .news a[href*="/list"]::before {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._sitetop._index ._f ._embed_searchUI {
      max-width: var(--width-max);
      margin-top: 5vh;
      margin-bottom: 5vh;
      margin-right: auto;
      margin-left: auto;
      width: 94cqw;
    }
    ._sitetop._index ._f .caseList {
      max-width: var(--width-max);
      margin-top: 10vh;
      margin-bottom: 10vh;
      margin-right: auto;
      margin-left: auto;
      width: 94cqw;
    }
    ._sitetop._index ._f .caseList header.u {
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }
    ._sitetop._index ._f .caseList h2.u {
      font-size: min(1.75em, 5cqw);
      letter-spacing: 0.1em;
    }
    ._sitetop._index ._f .caseList h2.u:is(.typeA2 *) {
      color: var(--color-A2);
    }
    ._sitetop._index ._f .caseList h2.u:is(.typeA3 *) {
      color: var(--color-A3);
    }
    ._sitetop._index ._f .caseList h2.u::before {
      font-family: "FontAwesome solid";
      content: "\f002";
      vertical-align: baseline;
      margin-right: 0.25em;
    }
    ._sitetop._index ._f .caseList ul {
      container: _container/inline-size;
      position: relative;
    }
    ._sitetop._index ._f .caseList li {
      margin-bottom: 2em;
    }
    ._sitetop._index ._f .aboutWrapper {
      position: relative;
    }
    ._sitetop._index ._f .aboutWrapper::before {
      content: "";
      display: block;
      background-color: var(--color-base);
      position: absolute;
      top: 5%;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
    }
    ._sitetop._index ._f .about {
      background-image: url("../image/project/about.deco.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      padding: 10vh 5cqw;
      margin-top: 10vh;
      position: relative;
      z-index: 1;
    }
    ._sitetop._index ._f .about .sectionHeader {
      text-align: center;
      margin: 2em 0;
    }
    ._sitetop._index ._f .about svg {
      width: 7em;
      margin-inline: auto;
    }
    ._sitetop._index ._f .about h2 {
      font-size: min(1.75em, 5cqw);
      letter-spacing: 0.25em;
      margin-top: 0.5em;
    }
    ._sitetop._index ._f .about :where(h3) {
      font-size: 1.25em;
      margin-bottom: 1em;
    }
    ._sitetop._index ._f .about :where(p) {
      font-size: 0.9em;
      line-height: 1.75;
    }
    ._sitetop._index ._f .about :where(a) {
      font-size: 0.9em;
    }
    ._sitetop._index ._f .about ._container {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
      background-color: white;
      border-radius: var(--radius-m);
      padding: 3em 2em;
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._f .about ._grid {
        display: grid;
        grid-template-columns: 1fr 40cqw;
        gap: 5cqw;
      }
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._f .about ._grid section {
        margin-top: 2em;
      }
    }
    ._sitetop._index ._f .about ._grid a {
      margin-top: 1em;
      margin-left: auto;
    }
    ._sitetop._index ._f .about .fy25 {
      margin-top: 2em;
    }
    ._sitetop._index ._f .about .fy25 h3 {
      background-color: whitesmoke;
      text-align: center;
      padding: 0.5em;
    }
    ._sitetop._index ._f .about .fy25 footer {
      margin-top: 2em;
    }
    @container _container (min-width: 801px) {
      ._sitetop._index ._f .about .fy25 footer {
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5em 1em;
      }
    }
    ._sitetop._index ._f .about .fy25 footer:has(.disabled) a {
      min-width: 200px;
      min-height: 4rem;
      border-radius: 4rem;
    }
    @container _container (max-width: 800px) {
      ._sitetop._index ._f .about .fy25 footer:has(.disabled) a {
        width: 100%;
        margin: 1em 0;
      }
    }
    ._sitetop._index ._f .about .fy25 footer:has(.disabled) a.disabled {
      display: block;
      font-size: 0.9em;
    }
    ._sitetop._index ._f .about .fy25 footer:has(.disabled) i {
      display: block;
      font-size: 0.9em;
    }
    ._sitetop._index ._f .contents {
      background-image: url("../image/project/about.bgmark.svg");
      background-position: top right;
      background-repeat: no-repeat;
      background-size: max(30cqw, 300px);
    }
    ._sitetop._index ._f .contents > section {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      border-bottom: 1px solid var(--color-border-gray);
      padding: 10vh 2.5vw;
      position: relative;
      z-index: 1;
    }
    ._sitetop._index ._f .contents .swiper-slide {
      width: 275px;
    }
    ._sitetop._index ._j .banners {
      max-width: var(--width-max);
      margin: 10vh auto 0;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1em;
    }
    /* _special */
    ._special._index.faq._z {
      background-color: whitesmoke;
    }
    ._special._index.faq ._f h1 {
      display: none;
    }
    ._special._index.faq ._f section {
      margin: 10vh 0;
    }
    ._special._index.faq ._f section.common {
      --color: var(--color-gold);
    }
    ._special._index.faq ._f section.city {
      --color: var(--color-city);
    }
    ._special._index.faq ._f section.univ {
      --color: var(--color-univ);
    }
    ._special._index.faq ._f h2 {
      font-size: 1.5em;
      color: var(--color);
      text-align: center;
    }
    ._special._index.faq ._f :where(dt, dd)::before {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      display: inline-block;
      padding: 1rem;
    }
    ._special._index.faq ._f dl {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
      background-color: white;
      position: relative;
      margin-bottom: 1em;
    }
    ._special._index.faq ._f dt {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 1em;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
    }
    ._special._index.faq ._f dt:has(+ .open) {
      margin-bottom: 1em;
    }
    ._special._index.faq ._f dt:has(+ .open)::after {
      content: "\f139";
    }
    ._special._index.faq ._f dt::before {
      font-family: "FontAwesome solid";
      content: "Q" ".";
      vertical-align: baseline;
      background-color: var(--color);
      padding: 1em;
    }
    ._special._index.faq ._f dt::after {
      font-family: "FontAwesome solid";
      content: "\f13a";
      vertical-align: baseline;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      color: var(--color);
      padding: 1rem;
      margin-left: auto;
    }
    ._special._index.faq ._f dd {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 1em;
      height: 0;
      transition: all 0.3s ease-in-out;
      overflow: hidden;
    }
    ._special._index.faq ._f dd.open {
      padding-bottom: 1rem;
    }
    ._special._index.faq ._f dd::before {
      font-family: "FontAwesome solid";
      content: "A" ".";
      vertical-align: baseline;
    }
    ._special._index.faq ._f dd a {
      color: var(--color-a);
    }
    ._special._index.flow ._f h1 {
      display: none;
    }
    ._special._index.flow ._f section {
      max-width: var(--width-max-s);
      margin-top: 15vh;
      margin-bottom: 15vh;
      margin-right: auto;
      margin-left: auto;
    }
    ._special._index.flow ._f section.city {
      margin-top: 5vh;
    }
    ._special._index.flow ._f section.city {
      --color: var(--color-city);
    }
    ._special._index.flow ._f section.city section:nth-of-type(1) i::before {
      font-family: "FontAwesome solid";
      content: "\f2bb";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.city section:nth-of-type(2) i::before {
      font-family: "FontAwesome solid";
      content: "\f044";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.city section:nth-of-type(3) i::before {
      font-family: "FontAwesome solid";
      content: "\f658";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.city section:nth-of-type(4) i::before {
      font-family: "FontAwesome solid";
      content: "\f086";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.city section:nth-of-type(5) i::before {
      font-family: "FontAwesome solid";
      content: "\f2b5";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.univ {
      --color: var(--color-univ);
    }
    ._special._index.flow ._f section.univ section:nth-of-type(1) i::before {
      font-family: "FontAwesome solid";
      content: "\f2bb";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.univ section:nth-of-type(2) i::before {
      font-family: "FontAwesome solid";
      content: "\f044";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.univ section:nth-of-type(3) i::before {
      font-family: "FontAwesome solid";
      content: "\f086";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section.univ section:nth-of-type(4) i::before {
      font-family: "FontAwesome solid";
      content: "\f002";
      vertical-align: baseline;
    }
    ._special._index.flow ._f section h2 {
      font-size: 1.5em;
      color: var(--color);
      text-align: center;
    }
    ._special._index.flow ._f section section {
      display: grid;
      grid-template-columns: min(20cqw, 150px) 1fr;
      -webkit-align-content: center;
      align-content: center;
      margin: 2.5vh 0;
      overflow: hidden;
    }
    ._special._index.flow ._f section section:not(:last-of-type)::after {
      grid-column: span 2;
      font-family: "FontAwesome solid";
      content: "\f0d7";
      vertical-align: baseline;
      display: block;
      font-size: 100px;
      color: var(--color);
      line-height: 0.75em;
      text-align: center;
    }
    ._special._index.flow ._f section section i {
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      background-color: var(--color);
      border-top-left-radius: 1.5em;
      border-bottom-left-radius: 1.5em;
    }
    ._special._index.flow ._f section section i::before {
      font-style: normal;
      font-size: 3em;
    }
    ._special._index.flow ._f section div {
      background-color: whitesmoke;
      border-top-right-radius: 1.5em;
      border-bottom-right-radius: 1.5em;
      padding: 1em;
    }
    ._special._index.flow ._f section h3 {
      color: var(--color);
      margin-top: 0.5em;
    }
    ._special._index.flow ._f section a {
      color: var(--color);
    }
    /* _user */
    ._user._embed_showProfile .pageHeader {
      margin: 1em 0;
    }
  }
}