@layer project {
  @layer parts;
  @layer content;
}
@layer project {
  :root {
    --width-userList: 12em;
    --color-gray-light: #F6F6F6;
    --color-main: #0F7ABD;
    --color-main-pale: #F1F7FE;
    --color-sub: #17BCB1;
    --color-a: var(--color-main);
    --color-score: orange;
    --color-border-main: rgba(15, 122, 189, 0.5);
    --color-border-sub: rgba(23, 188, 177, 0.5);
    --initial-bgColor: white;
    /* be adjust */
  }
  @layer parts {
    /* font */
    /* common */
    .common-title {
      text-align: center;
      margin-bottom: 2em;
    }
    .common-title i {
      display: block;
      font-size: 2em;
      letter-spacing: 0.1em;
    }
    .common-title i:first-letter {
      color: var(--color-main);
    }
    /* _ */
    .global-attention {
      font-size: 0.8em;
      color: var(--color-notice);
    }
    .global-explain {
      font-size: 0.9em;
      background-color: var(--color-main-pale);
      padding: 1em;
      border-radius: 0.5em;
      margin: 1em auto;
    }
    /* js */
    /* m */
    /* form */
    /* util */
    .u.row label .red {
      color: var(--color-notice);
    }
    .u.row td .unit {
      margin-left: 0;
    }
    .u-score {
      text-align: center;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .u-score i {
      color: var(--color-score);
      font-size: 1.2em;
    }
    /* embed */
    .e-messages {
      background-color: var(--color-main-pale);
    }
    .e-content > div {
      border: solid #EEEEEE 1px;
      border-radius: 0.5em;
      background-color: white;
    }
    .e-content .excerpt:has(.category) {
      -webkit-line-clamp: unset;
    }
    .e-content .title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      font-size: 1.2em;
      font-weight: bold;
      margin-bottom: 0.5em;
    }
    .e-content .category {
      font-size: 0.9em;
    }
    .e-content .category span {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border-radius: 0.25em;
      display: inline-block;
      padding: 0 0.5em;
      margin: 0 0.5em 0.5em 0;
    }
    .e-content .location {
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
      border-radius: 0.25em;
      display: inline-block;
      font-size: 0.9em;
      padding: 0 1em;
      margin: 0 0.5em 0.5em 0;
    }
    .e-content .caseData {
      background-color: var(--color-gray-light);
      border-radius: 0.5em;
      font-size: 0.9em;
      padding: 0.5em;
    }
    .e-content .caseData dl {
      display: -webkit-flex;
      display: flex;
      margin: 0.25em 0;
    }
    .e-content .caseData dl dt {
      white-space: nowrap;
    }
    .e-content .caseData dl dd {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
    .e-content footer {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      margin-top: auto;
    }
    .e-content footer::after {
      font-family: "FontAwesome solid";
      content: "\f061";
      vertical-align: baseline;
      margin-left: auto;
      color: var(--color-main);
    }
    .e-content .applyLimit {
      color: var(--color-main);
      font-weight: bold;
      font-size: 0.9em;
    }
    .e-user img:is(.e-user > .col *) {
      width: 236px;
    }
    .e-user .qualifications {
      color: var(--color-main);
      font-weight: bold;
      font-size: 1.15em;
      text-align: center;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      margin-bottom: 0.5rem;
    }
    .e-user h3 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      font-size: 1.15em;
      margin-bottom: 0.5rem;
    }
    .e-user .pref {
      font-size: 0.8em;
    }
    .e-user .genre {
      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: 0.25em;
      margin-bottom: 0.5rem;
    }
    .e-user .genre span {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      font-weight: bold;
      font-size: 0.85em;
      border-radius: 0.2em;
      padding: 0 0.5em;
    }
    .e-user .industry {
      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: 0.25em;
      margin-bottom: 0.5rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
    .e-user .industry span {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      font-weight: bold;
      font-size: 0.85em;
      border-radius: 0.2em;
      padding: 0 0.5em;
      margin: 0 0.125em;
    }
    ._e-attention {
      font-size: 0.8em;
      color: var(--color-notice);
    }
    ._e-attention::before {
      font-family: "FontAwesome solid";
      content: "*";
      vertical-align: baseline;
    }
    /* tpl */
    .t-siteHeader .flex {
      -webkit-align-items: center;
      align-items: center;
    }
    @media (max-width: 799px) {
      .t-siteHeader h1 {
        max-width: 30%;
      }
    }
    @media (max-width: 599px) {
      .t-siteHeader h1 {
        max-width: 200px;
      }
    }
    .t-siteHeader a[href]::before {
      display: none;
    }
    .t-siteHeader a[href].partner {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border-radius: 2em;
      display: inline-block;
      margin: 0 0.5em;
      padding: 0.5em 1em;
    }
    @media (max-width: 799px) {
      .t-siteHeader a[href].partner {
        display: none;
      }
    }
    .t-siteHeader a[href].normal {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 2em;
      display: inline-block;
      margin: 0 0.5em;
      padding: 0.5em 1em;
    }
    @media (max-width: 799px) {
      .t-siteHeader a[href].normal {
        display: none;
      }
    }
    .t-siteHeader a[href].profile {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 2em;
      display: inline-block;
      margin: 0 0.5em;
      padding: 0.5em 1em;
    }
    @media (max-width: 799px) {
      .t-siteHeader a[href].profile {
        display: none;
      }
    }
    .t-siteHeader a[href].case {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border-radius: 2em;
      display: inline-block;
      margin: 0 0.5em;
      padding: 0.5em 1em;
    }
    @media (max-width: 799px) {
      .t-siteHeader a[href].case {
        display: none;
      }
    }
    .t-siteHeader a[href].case.search {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    .t-siteHeader .overlayMenuOpenClose {
      margin-right: 1em;
    }
    .t-siteHeader .overlayMenuOpenClose:is(.close *) {
      background-color: unset;
      width: 2.5rem;
    }
    .t-siteHeader .overlayMenuOpenClose:is(.close *)::before {
      content: url("/image/menu.svg");
    }
    .t-siteHeader .overlayMenuOpenClose:is(.open *) {
      background-color: unset;
      width: 2.5rem;
    }
    .t-siteHeader .overlayMenuOpenClose:is(.open *)::before {
      font-size: 2rem;
      color: white;
    }
    .t-siteFooter {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    /* _component */
  }
  @layer content {
    /* freespace */
    /* _backend */
    /* _area */
    /* _auth */
    ._auth._login dd.password {
      display: -webkit-flex;
      display: flex;
    }
    ._auth._login dd.password .viewSwitch {
      padding: 0 0.5em;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }
    ._auth._login dd.password .viewSwitch::before {
      font-size: 1.5em;
      color: #274a78;
    }
    ._auth._login dd.password .viewSwitch.hide::before {
      font-family: "FontAwesome solid";
      content: "\f070";
      vertical-align: baseline;
    }
    ._auth._login dd.password .viewSwitch.show::before {
      font-family: "FontAwesome solid";
      content: "\f06e";
      vertical-align: baseline;
    }
    /* _bank */
    /* _blog */
    /* _blog/_blogpost */
    ._blog._blogpost._embed_content .e-content {
      box-shadow: unset;
      border: 0;
    }
    ._blog._blogpost._embed_content .e-content .img {
      aspect-ratio: 1/1;
      width: calc(100% - 1em);
      border-radius: 0;
      margin: 0.5em auto 0;
    }
    ._blog._blogpost._embed_content .e-content .title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
    ._blog._blogpost._embed_content .e-content .texts {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
    }
    ._blog._blogpost._embed_content footer .published {
      margin: 0;
      font-size: 0.9em;
    }
    ._blog._blogpost._search ._e form {
      background-color: var(--color-gray-light);
      border-radius: 0.5em;
      padding: 1em;
    }
    ._blog._blogpost._search ._e form h3 {
      margin-bottom: 1em;
    }
    ._blog._blogpost._search ._e form [type=submit] {
      border-radius: 2em;
      font-weight: bold;
    }
    ._blog._blogpost._search ._e form [type=submit]::after {
      font-family: "FontAwesome solid";
      content: "\f061";
      vertical-align: baseline;
    }
    /* _blog/_blogmanage */
    /* _community */
    /* _community/_community */
    /* _community/_topic */
    /* _community/_event */
    /* _community/_member */
    /* _community/_comment */
    /* _community/_communitymanage */
    /* _earnings */
    /* _event */
    /* _event/_event */
    /* _event/_eventmanage */
    /* _knowledge */
    /* _knowledge/_knowledge */
    /* _knowledge/_knowledgemanage */
    /* _mypage */
    /* _mypage/_config */
    /* _notification */
    ._notification._tpl_list {
      border-bottom: solid #CCCCCC 1px;
      padding: 1em 0;
    }
    ._notification._tpl_list time {
      color: var(--color-main);
      font-weight: bold;
    }
    /* _purchase */
    /* _purchase/_cart */
    /* _purchase/_purchasemanage */
    /* _questionnaire */
    /* _register */
    /* _reset_password */
    /* _sale */
    /* _stc */
    /* _stc/_case */
    ._stc._case._tpl_actions [href*=entry] {
      border-radius: 2em;
      width: 236px;
      margin: 2em auto;
      font-size: 1.25em;
      font-weight: bold;
      text-align: center;
    }
    ._stc._case._tpl_actions [href*=entry]::after {
      font-family: "FontAwesome solid";
      content: "\f061";
      vertical-align: baseline;
      margin-left: 1em;
    }
    ._stc._case._search ._e form {
      background-color: var(--color-gray-light);
      border-radius: 0.5em;
      padding: 1em;
    }
    ._stc._case._search ._e form h3 {
      margin-bottom: 1em;
    }
    ._stc._case._search ._e form dl {
      width: 100%;
    }
    ._stc._case._search ._e form .select dd {
      position: relative;
      width: 100%;
    }
    ._stc._case._search ._e form .select dd::after {
      font-family: "FontAwesome solid";
      content: "\f107";
      vertical-align: baseline;
      color: var(--color-main-on);
      background-color: var(--color-main);
      width: 40px;
      height: 40px;
      aspect-ratio: 1/1;
      position: absolute;
      top: 0;
      right: 0;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 0 0.25em 0.25em 0;
      z-index: 1;
      pointer-events: none;
    }
    ._stc._case._search ._e form .select dd select {
      width: 100%;
      height: 40px;
      cursor: pointer;
    }
    ._stc._case._search ._e form .radio label {
      margin-right: 1.5em;
    }
    ._stc._case._search ._e form [type=submit] {
      border-radius: 2em;
      font-weight: bold;
    }
    ._stc._case._search ._e form [type=submit]::after {
      font-family: "FontAwesome solid";
      content: "\f061";
      vertical-align: baseline;
      margin-left: 1em;
    }
    @media (min-width: 800px) {
      ._stc._case._search ._f .u-gridList {
        grid-template-columns: 1fr 1fr;
      }
    }
    ._stc._case._index ._e h3 {
      font-size: 1.5em;
    }
    ._stc._case._index ._e nav {
      display: block;
    }
    ._stc._case._index ._e nav .u-btn {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 2em;
      display: block;
      width: 12em;
      margin: 0.5em auto;
      text-align: center;
      font-weight: bold;
      font-size: 1em;
    }
    ._stc._case._index ._e nav .u-btn::before {
      display: none;
    }
    ._stc._case._index ._e nav .u-btn::after {
      display: none;
    }
    ._stc._case._index main article header h2 {
      font-size: 1.5em;
      margin-bottom: 0.5em;
    }
    ._stc._case._index main article .category {
      font-size: 0.9em;
      font-weight: bold;
    }
    ._stc._case._index main article .category span {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border-radius: 0.25em;
      display: inline-block;
      padding: 0 0.5em;
      margin: 0 0.5em 0.5em 0;
    }
    ._stc._case._index main article .location {
      color: var(--color-sub);
      background-color: var(--color-sub-on);
      border: 1px solid var(--color-border-sub);
      border-radius: 0.25em;
      display: inline-block;
      font-size: 0.9em;
      font-weight: bold;
      padding: 0 1em;
      margin: 0 0.5em 0.5em 0;
    }
    ._stc._case._index main article .js_favorite {
      border: 0;
      padding: 0;
      margin: 0 0 0 auto;
      display: table;
      color: var(--color-gray);
      font-size: 0.8em;
    }
    ._stc._case._index main article .js_favorite:hover {
      background-color: unset;
      color: var(--color-main);
    }
    ._stc._case._index main article .js_favorite::before {
      font-family: "FontAwesome solid";
      content: "\f004";
      vertical-align: baseline;
      margin-right: 0.35rem;
      font-size: 1.2rem;
      color: var(--color-gray);
    }
    ._stc._case._index main article .js_favorite.active::before {
      color: pink;
    }
    ._stc._case._index main article h3 {
      border-left: solid var(--color-main) 5px;
      padding-left: 0.5em;
    }
    ._stc._case._index main article table.u {
      font-size: 1rem;
    }
    ._stc._case._index main article table.u tr {
      margin: 0;
    }
    ._stc._case._index main article table.u th {
      color: var(--color-main);
      font-weight: bold;
    }
    /* _stc/_casemanage */
    /* _stp */
    /* _stp/_product */
    /* _stp/_productmanage */
    /* _str */
    /* _str/_reserve */
    /* _str/_reservemanage */
    /* _shipping */
    /* _sitetop */
    /* _sitetop/_index */
    ._sitetop._index ._k {
      margin-top: 0;
    }
    ._sitetop._index ._d .mv {
      background-image: url("/image/mv.jpg");
      background-size: 100%;
      background-position: top;
      background-repeat: no-repeat;
      background-color: var(--color-gray-light);
      padding: 0 1em;
      min-height: 500px;
    }
    @media (max-width: 999px) {
      ._sitetop._index ._d .mv {
        background-size: auto;
      }
    }
    ._sitetop._index ._d .mv .text {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      color: white;
      padding: 6em 0 4em;
    }
    @media (max-width: 799px) {
      ._sitetop._index ._d .mv .text {
        padding: 3em 0 2em;
      }
    }
    ._sitetop._index ._d .mv .text h2 {
      font-size: 2.2em;
      margin-bottom: 1em;
      word-break: keep-all;
      text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }
    @media (max-width: 799px) {
      ._sitetop._index ._d .mv .text h2 {
        font-size: 1.8em;
      }
    }
    ._sitetop._index ._d .mv .text p {
      font-size: 1.2em;
      font-weight: bold;
      margin: 1em 0;
      word-break: keep-all;
      line-height: 1.75;
    }
    @media (max-width: 799px) {
      ._sitetop._index ._d .mv .text p {
        font-size: 1em;
      }
    }
    ._sitetop._index ._d .mv .introduce {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      background-color: white;
      border-radius: 1em;
      padding: 1em;
    }
    ._sitetop._index ._d .mv .introduce .grid {
      display: grid;
    }
    @media (min-width: 800px) {
      ._sitetop._index ._d .mv .introduce .grid {
        grid-template-columns: 1fr 1fr;
      }
    }
    ._sitetop._index ._d .mv .introduce .grid > section {
      padding: 1.5em;
      position: relative;
      font-size: 1.2em;
    }
    @media (max-width: 999px) {
      ._sitetop._index ._d .mv .introduce .grid > section {
        font-size: 1em;
      }
    }
    @media (max-width: 799px) {
      ._sitetop._index ._d .mv .introduce .grid > section {
        padding: 1em;
      }
    }
    ._sitetop._index ._d .mv .introduce .grid > section h3 {
      border-radius: 0.5em;
      font-size: 1.2em;
      position: relative;
      padding: 0.5em;
      text-align: center;
      margin-bottom: 2em;
    }
    ._sitetop._index ._d .mv .introduce .grid > section h3::after {
      content: "";
      display: block;
      width: 1em;
      height: 1em;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateY(50%) rotate(45deg);
      transform: translateY(50%) rotate(45deg);
    }
    ._sitetop._index ._d .mv .introduce .grid > section ul li {
      display: grid;
      grid-template-columns: 1.25em auto;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    ._sitetop._index ._d .mv .introduce .grid > section ul li::before {
      font-family: "FontAwesome solid";
      content: "\f00c";
      vertical-align: baseline;
    }
    ._sitetop._index ._d .mv .introduce .grid > section p {
      font-weight: bold;
      margin: 2em auto 0;
      text-align: center;
    }
    ._sitetop._index ._d .mv .introduce .grid > section small.note {
      display: block;
      text-align: right;
    }
    ._sitetop._index ._d .mv .introduce .grid > section.partner h3 {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    ._sitetop._index ._d .mv .introduce .grid > section.partner h3::after {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    ._sitetop._index ._d .mv .introduce .grid > section.partner ul li::before {
      color: var(--color-sub);
    }
    ._sitetop._index ._d .mv .introduce .grid > section.normal h3 {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._sitetop._index ._d .mv .introduce .grid > section.normal h3::after {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._sitetop._index ._d .mv .introduce .grid > section.normal ul li::before {
      color: var(--color-main);
    }
    ._sitetop._index ._d .mv .introduce .solution {
      font-size: 1.5em;
      font-weight: bold;
      padding: 1em 0.5em;
      text-align: center;
      word-break: keep-all;
    }
    @media (max-width: 799px) {
      ._sitetop._index ._d .mv .introduce .solution {
        font-size: 1.2em;
      }
    }
    ._sitetop._index ._d .mv .introduce .solution b {
      color: var(--color-main);
    }
    ._sitetop._index ._d > section {
      padding: 4em 1em;
    }
    ._sitetop._index ._d > section h2 {
      font-size: 2em;
      text-align: center;
      margin-bottom: 2em;
    }
    ._sitetop._index ._d > section h2 b {
      color: var(--color-main);
    }
    ._sitetop._index ._d .points {
      background-color: var(--color-gray-light);
    }
    ._sitetop._index ._d .points ul {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      display: grid;
      gap: 1.5em;
    }
    @media (min-width: 800px) {
      ._sitetop._index ._d .points ul {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    ._sitetop._index ._d .points ul li {
      color: var(--color-main);
      background-color: var(--color-main-on);
      border: 1px solid var(--color-border-main);
      border-width: 2px;
      border-radius: 1em;
      padding: 1em;
      position: relative;
    }
    ._sitetop._index ._d .points ul li .point {
      border-radius: 2em;
      color: var(--color-main-on);
      background-color: var(--color-main);
      font-weight: bold;
      text-align: center;
      position: absolute;
      top: 0;
      right: 50%;
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      z-index: 1;
      padding: 0.1em 1em;
      width: 80%;
      max-width: 200px;
    }
    ._sitetop._index ._d .points ul li .point big {
      font-size: 1.8em;
    }
    ._sitetop._index ._d .points ul li h3 {
      font-size: 1.6em;
      margin: 1em auto 0.5em;
      text-align: center;
    }
    ._sitetop._index ._d .points ul li .image {
      text-align: center;
    }
    ._sitetop._index ._d .points ul li p {
      color: black;
      margin: 1em 0;
    }
    ._sitetop._index ._d .criants .logos {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      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;
    }
    ._sitetop._index ._d .criants .logos li {
      padding: 1em;
    }
    ._sitetop._index ._d .flow {
      background-color: var(--color-main-pale);
    }
    ._sitetop._index ._d .flow .wrap {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      background-color: white;
      border-radius: 1em;
      padding: 3em 1.5em;
    }
    ._sitetop._index ._d .flow h2::first-letter {
      color: var(--color-main);
    }
    ._sitetop._index ._d .flow .block {
      max-width: 960px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._d .flow .block:not(:last-of-type) {
      margin-bottom: 4em;
    }
    ._sitetop._index ._d .flow .block .step {
      border-radius: 2em;
      color: var(--color-main-on);
      background-color: var(--color-main);
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;
      padding: 0.1em 1em;
      width: 140px;
      margin: auto;
    }
    ._sitetop._index ._d .flow .block h3 {
      font-size: 1.5em;
      margin: 1em auto;
      text-align: center;
    }
    ._sitetop._index ._d .flow .block ul {
      display: grid;
    }
    @media (min-width: 800px) {
      ._sitetop._index ._d .flow .block ul {
        grid-template-columns: 1fr 1fr;
      }
    }
    ._sitetop._index ._d .flow .block ul li {
      padding: 2em 1em;
    }
    @media (min-width: 800px) {
      ._sitetop._index ._d .flow .block ul li:last-of-type {
        border-left: solid #FFD600 2px;
      }
    }
    @media (max-width: 799px) {
      ._sitetop._index ._d .flow .block ul li:last-of-type {
        border-top: solid #FFD600 2px;
      }
    }
    ._sitetop._index ._d .flow .block ul li a[href*=register] {
      border-radius: 2.5em;
      display: block;
      font-size: 1.2em;
      font-weight: bold;
      padding: 1rem;
      text-align: center;
    }
    ._sitetop._index ._d .flow .block ul li a[href*=register].partner {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    ._sitetop._index ._d .flow .block ul li a[href*=register].normal {
      color: var(--color-main-on);
      background-color: var(--color-main);
    }
    ._sitetop._index ._d .flow .block ul li.grid {
      display: grid;
      grid-template-columns: 10em auto;
    }
    ._sitetop._index ._d .flow .block ul li.grid p {
      padding: 1em;
    }
    ._sitetop._index ._d .flow .block .image {
      text-align: center;
    }
    ._sitetop._index ._d .flow .block .note {
      font-size: 0.85em;
      text-align: center;
      margin: 1em auto;
    }
    ._sitetop._index ._d .flow .block .caption {
      text-align: center;
      margin: 1em auto;
    }
    ._sitetop._index ._f .m-contents .form-search {
      background-color: var(--color-gray-light);
      position: relative;
    }
    ._sitetop._index ._f .m-contents .form-search .form-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 1rem;
    }
    ._sitetop._index ._f .m-contents .form-search .form-group {
      display: flex;
      flex-direction: column;
    }
    ._sitetop._index ._f .m-contents .form-search .form-group label {
      margin-bottom: 0.5rem;
      font-weight: bold;
    }
    ._sitetop._index ._f .m-contents .form-search .form-group select {
      padding: 0.5rem;
      border: 1px solid #ccc;
      border-radius: 4px;
      cursor: pointer;
    }
    ._sitetop._index ._f .m-contents .form-search form {
      max-width: 100%;
      margin-inline: auto;
      padding: 2em 1em;
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .m-contents .form-search form .calendar {
      display: none !important;
    }
    ._sitetop._index ._f .m-contents .form-search form .u-btn {
      color: var(--color-main-on);
      background-color: var(--color-main);
      font-size: 1.3em;
      font-weight: bold;
      text-align: center;
      width: 20rem;
      padding: 0.5em;
      margin: 2rem auto;
    }
    ._sitetop._index ._f .m-contents > section::before {
      display: none;
    }
    ._sitetop._index ._f .m-contents > section::after {
      display: none;
    }
    ._sitetop._index ._f .m-contents > section .more {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 2em;
      display: table;
      font-size: 1.3em;
      font-weight: bold;
      text-align: center;
      width: 15rem;
      padding: 0.5em;
      margin: 2rem auto;
    }
    ._sitetop._index ._f .m-contents > section .more::after {
      font-family: "FontAwesome solid";
      content: "\f061";
      vertical-align: baseline;
      margin-left: 1em;
    }
    ._sitetop._index ._f .m-contents > section.sns {
      background-color: var(--color-main-pale);
    }
    @media (min-width: 1000px) {
      ._sitetop._index ._f .m-contents .swiper-slide {
        max-width: 25%;
        padding: 0.5em;
      }
    }
    @media (max-width: 999px) {
      ._sitetop._index ._f .m-contents .swiper-slide {
        max-width: 50%;
        padding: 0.5em;
      }
    }
    @media (max-width: 799px) {
      ._sitetop._index ._f .m-contents .swiper-slide {
        max-width: 100%;
      }
    }
    ._sitetop._index ._f .m-contents .swiper-pagination-bullet-active {
      background-color: var(--color-main);
    }
    @media (min-width: 1000px) {
      ._sitetop._index ._f .m-contents .blog .swiper-slide {
        max-width: 33.3333333333%;
        padding: 0.5em;
      }
    }
    @media (max-width: 999px) {
      ._sitetop._index ._f .m-contents .blog .swiper-slide {
        max-width: 50%;
        padding: 0.5em;
      }
    }
    @media (max-width: 799px) {
      ._sitetop._index ._f .m-contents .blog .swiper-slide {
        max-width: 100%;
      }
    }
    ._sitetop._index ._f .m-contents .m-users {
      padding: 0;
    }
    ._sitetop._index ._f .m-contents .m-users .swiper-slide {
      width: 200px;
    }
    ._sitetop._index ._f .m-contents .news {
      background-color: var(--color-gray-light);
    }
    ._sitetop._index ._f .m-contents .news ul {
      max-width: 960px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .m-contents [class*=swiper-button] {
      color: var(--color-yellow);
    }
    ._sitetop._index ._f .m-contents [class*=swiper-button][class*=next]::after {
      font-family: "FontAwesome solid";
      content: "\f105";
      vertical-align: baseline;
      color: var(--color-main);
    }
    ._sitetop._index ._f .m-contents [class*=swiper-button][class*=prev]::after {
      font-family: "FontAwesome solid";
      content: "\f104";
      vertical-align: baseline;
      color: var(--color-main);
    }
    /* _special */
    /* _user */
    ._user ._e form {
      background-color: var(--color-gray-light);
      border-radius: 0.5em;
      padding: 1em;
    }
    ._user ._e form h3 {
      margin-bottom: 1em;
    }
    ._user ._e form dl {
      width: 100%;
    }
    ._user ._e form dd:has(select) {
      position: relative;
      width: 100%;
    }
    ._user ._e form dd:has(select)::after {
      font-family: "FontAwesome solid";
      content: "\f107";
      vertical-align: baseline;
      color: var(--color-main-on);
      background-color: var(--color-main);
      width: 40px;
      height: 40px;
      aspect-ratio: 1/1;
      position: absolute;
      top: 0;
      right: 0;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 0 0.25em 0.25em 0;
      z-index: 1;
      pointer-events: none;
    }
    ._user ._e form dd:has(select) select {
      width: 100%;
      height: 40px;
      cursor: pointer;
    }
    ._user ._e form .u-btn {
      border-radius: 2em;
      font-weight: bold;
    }
    ._user ._e form .u-btn::after {
      font-family: "FontAwesome solid";
      content: "\f061";
      vertical-align: baseline;
    }
    ._user._info ._e p:has(small) {
      max-width: 12em;
      margin: auto;
      padding: 0;
    }
    ._user._info ._e nav {
      display: block;
    }
    ._user._info ._e nav .u-btn {
      color: var(--color-main-on);
      background-color: var(--color-main);
      border-radius: 2em;
      display: block;
      width: 12em;
      margin: 0.5em auto;
      text-align: center;
      font-weight: bold;
      font-size: 1em;
    }
    ._user._info ._e nav .u-btn::before {
      display: none;
    }
    ._user._info ._e nav .u-btn::after {
      display: none;
    }
    ._user._info main article h2 {
      font-size: 1.5em;
      margin-bottom: 1em;
    }
    ._user._info main article table.u {
      font-size: 1em;
    }
    ._user._info main article table.u tr {
      margin: 0;
    }
    ._user._info main article table.u th {
      font-weight: bold;
      color: var(--color-main);
    }
  }
}