@charset "UTF-8";
@layer project {
  @layer parts;
  @layer content;
}
@layer project {
  :root {
    --img-path: /image/project/;
    --color-gray: #555555;
    --color-gray-dark: #262626;
    --color-black: #000000;
    --color-blue: #81A7F8;
    --color-main: #000000;
    --color-main-on: white;
    --color-sub: #FFCE21;
    --color-sub-on: #000000;
    --color-base: white;
    --color-a: var(--color-main);
    --color-border-ok: rgba(129, 167, 248, 0.5);
    --color-border-ng: rgba(250, 128, 114, 0.5);
    --color-border-main: $color-main;
    --color-border-sub: rgba(255, 206, 33, 0.5);
    /* be adjust */
  }
  @layer parts {
    /* font */
    /* animation */
    @keyframes example {
      from {
        transform: 0 0;
      }
      to {
        transform: 1 1;
      }
    }
    /* common */
    textarea {
      resize: vertical;
    }
    /* pj */
    .pj-dlForm.required dt::after {
      content: "*Required";
      font-weight: normal;
      font-size: x-small;
      color: red;
      vertical-align: super;
      margin-left: 0.5em;
    }
    .pj-dlForm.l [type=text] {
      width: 100%;
    }
    .pj-dlForm.l textarea {
      min-height: 10em;
    }
    .pj-pageHeader {
      margin-bottom: 5vh;
    }
    @container _container (min-width: 501px) {
      .pj-pageHeader {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5em 1em;
      }
    }
    .pj-pageHeader img {
      width: 150px;
    }
    .pj-pageHeader h2 {
      font-size: min(1.75em, 6.5vw);
    }
    @container _container (max-width: 500px) {
      .pj-pageHeader h2 {
        margin-top: 0.5em;
      }
    }
    @container _container (min-width: 501px) {
      .pj-pageHeader h2 {
        margin-left: auto;
      }
    }
    .pj-venues {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.5em min(1.5em, 3.5cqw);
    }
    .pj-venues img {
      width: 100%;
      aspect-ratio: 16/9;
      border: 3px solid transparent;
      border-radius: 6px;
      transition: 0.25s;
    }
    .pj-venues em {
      display: block;
      font-size: 1.15em;
      margin-top: 0.5em;
    }
    .pj-venues em:not(label:has(:checked) *)::before {
      font-family: "FontAwesome regular";
      content: "\f0c8";
      vertical-align: baseline;
    }
    .pj-venues em:is(label:has(:checked) *)::before {
      font-family: "FontAwesome solid";
      content: "\f14a";
      vertical-align: baseline;
      color: var(--color-sub);
    }
    .pj-venues em::before {
      transition: 0.25s;
      margin-right: 0.5em;
    }
    .pj-venues input {
      display: none;
    }
    /* _ */
    /* js */
    /* m */
    /* form */
    /* util */
    table.u.row tr.required th::before {
      display: none;
    }
    table.u.row tr.required th::after {
      content: "*Required";
      font-weight: normal;
      font-size: x-small;
      color: red;
      vertical-align: super;
      margin-left: 0.5em;
    }
    table.u.row tr .openRange {
      display: none;
    }
    .u-btn {
      border-radius: 2em;
      padding-top: 1em;
      padding-bottom: 1em;
    }
    .u-btn.mainPrimary {
      border: 2px solid transparent;
    }
    .u-btn.mainPrimary:hover {
      border-color: var(--color-main);
    }
    /* embed */
    .e-overlayMenu {
      padding-top: 5.5em;
    }
    .e-overlayMenu > a {
      display: block;
      font-weight: bold;
      font-size: 1.1rem;
      border-top: 2px solid white;
      padding: 1em;
    }
    .e-overlayMenu > a:last-of-type {
      border-bottom: 2px solid white;
    }
    .e-overlayMenu .t-language {
      -webkit-justify-content: center;
      justify-content: center;
      padding: 2em;
    }
    .e-overlayMenu .t-language li:first-of-type::after {
      font-size: 1.25rem;
    }
    .e-overlayMenu .t-language :where(a, span) {
      font-size: 1.25rem;
      padding: 0.5em;
    }
    /* tpl */
    .t-language {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      padding: 0.5em;
    }
    .t-language li:first-of-type::after {
      content: "/";
      margin: 0 0.25em;
    }
    .t-language :where(span, a) {
      display: inline-block;
      font-weight: bold;
      font-size: 0.9em;
      padding: 0;
    }
    .t-language span {
      color: var(--color-sub);
    }
    .t-language a:hover {
      color: var(--color-sub);
      opacity: 1;
    }
    .t-registration {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    .t-registration.banner {
      width: clamp(300px, 100%, 700px);
      border: 3px solid var(--color-main);
      padding: max(2.5vh, 1.75em) max(2.5vw, 1.5em);
    }
    .t-registration.alone {
      padding: 2em max(2.5vw, 1.5em) 1em;
    }
    .t-registration .grid {
      position: relative;
    }
    @container _container (min-width: 501px) {
      .t-registration .grid {
        display: grid;
        grid-template: "figure b b" auto "figure p click" 1fr;
        grid-template-columns: auto 1fr auto;
        gap: 0 1em;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    .t-registration .grid:is(.alone *) {
      max-width: var(--width-max-m);
      margin-right: auto;
      margin-left: auto;
    }
    @container _container (min-width: 501px) {
      .t-registration .grid:is(.alone *) {
        grid-template-columns: min(20cqw, 150px) 1fr 20cqw;
      }
    }
    .t-registration figure {
      grid-area: figure;
      text-align: center;
    }
    @container _container (max-width: 500px) {
      .t-registration figure:is(.alone *) {
        position: absolute;
        top: -10vh;
        right: 0;
      }
    }
    @container _container (min-width: 501px) {
      .t-registration figure:is(.alone *) {
        width: 100%;
        position: absolute;
        top: -5vh;
      }
    }
    .t-registration figure img {
      width: 125px;
    }
    @container _container (min-width: 501px) {
      .t-registration figure img:is(.alone *) {
        width: 150px;
      }
    }
    .t-registration b {
      grid-area: b;
      display: block;
      line-height: 1.15em;
    }
    @container _container (max-width: 500px) {
      .t-registration b {
        text-align: center;
        margin: 0.5em 0;
      }
    }
    .t-registration b:is(.banner *) {
      font-size: min(7.5cqw, 2.5em);
    }
    .t-registration b:is(.alone *) {
      font-size: min(10cqw, 3em);
    }
    @container _container (max-width: 500px) {
      .t-registration b:is(.alone *) {
        max-width: 10em;
        text-align: initial;
      }
    }
    .t-registration p {
      grid-area: p;
      font-size: min(3.5cqw, 0.85em);
      line-height: 1.75;
      margin-top: 0.5em;
    }
    .t-registration .click {
      grid-area: click;
      text-align: center;
    }
    @container _container (max-width: 500px) {
      .t-registration .click {
        margin-top: 1em;
      }
    }
    .t-registration .click span {
      display: inline-block;
      font-weight: bold;
      font-size: min(3.5cqw, 0.75em);
      background-color: white;
      border: 1px solid transparent;
      border-radius: var(--radius-m);
      padding: 0.25em 1em;
      margin-bottom: 1em;
      position: relative;
      z-index: 0;
    }
    .t-registration .click span::after {
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: white;
      clip-path: polygon(100% 0, 0 0, 50% 70%);
      position: absolute;
      right: 50%;
      bottom: 0;
      z-index: -1;
      translate: 50% 65%;
    }
    .t-registration .click .u-btn {
      margin-right: auto;
      margin-left: auto;
      border-radius: 2.5em;
      padding: 1em 2em;
    }
    .t-siteFooter {
      color: var(--color-main-on);
      background-color: var(--color-main);
      text-align: center;
      padding: 1em;
    }
    @container _container (min-width: 701px) {
      .t-siteFooter {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-align-items: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
      }
    }
    .t-siteFooter menu {
      padding: 0.5em 0;
    }
    @container _container (min-width: 501px) {
      .t-siteFooter menu {
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
    @container _container (min-width: 501px) {
      .t-siteFooter menu li:not(:last-of-type)::after {
        content: "｜";
      }
    }
    .t-siteFooter menu li a {
      font-size: 0.9em;
      padding: 0.5em;
    }
    .t-siteFooter .copyright {
      font-size: 0.75em;
      padding: 0;
    }
    @container _container (max-width: 500px) {
      .t-siteFooter .copyright {
        margin-top: 1.5em;
      }
    }
    @container _container (min-width: 501px) {
      .t-siteFooter .copyright {
        width: fit-content;
        margin-left: auto;
      }
    }
    .t-siteHeader {
      color: white;
      background-color: var(--color-black);
    }
    @container _container (min-width: 701px) {
      .t-siteHeader {
        padding-right: 1em;
      }
    }
    .t-siteHeader h1 img {
      width: min(150px, 25cqw);
    }
    .t-siteHeader menu {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      margin-left: auto;
    }
    .t-siteHeader menu li {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
    }
    .t-siteHeader menu li:is(.registration) {
      font-size: min(1rem, 4cqw);
      margin-right: 0.5em;
    }
    .t-siteHeader menu li:is(.registration) a {
      border: 2px solid white;
      padding: 0.15em 0.75em;
    }
    .t-siteHeader menu li:not(.registration)::after {
      content: "｜";
    }
    @container _container (max-width: 700px) {
      .t-siteHeader menu li:not(.registration) {
        display: none;
      }
    }
    .t-siteHeader menu a {
      font-size: 0.9em;
      padding: 0.5em;
    }
    @container _container (max-width: 700px) {
      .t-siteHeader .t-language {
        display: none;
      }
    }
    .t-siteHeader .overlayMenuOpenClose {
      margin-left: 0;
    }
    @container _container (min-width: 701px) {
      .t-siteHeader .overlayMenuOpenClose {
        display: none;
      }
    }
    /* _component */
  }
  @layer content {
    /* freespace */
    /* _backend */
    ._backend._stc._casemanage ._f ._embed_contentHeader ._grid {
      gap: 0;
    }
    ._backend._stc._casemanage ._f ._embed_contentHeader .title {
      font-size: 1em;
    }
    /* _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/_config */
    /* _notification */
    /* _purchase */
    /* _purchase/_cart */
    /* _purchase/_purchasemanage */
    /* _questionnaire */
    /* _register */
    /* _reset_password */
    /* _sale */
    /* _stc */
    /* _stc/_case */
    ._stc._case._embed_content {
      display: block;
      height: 100%;
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border: 2px solid var(--color-main);
    }
    ._stc._case._embed_content .img {
      width: 100%;
      aspect-ratio: 16/9;
    }
    ._stc._case._embed_content .title {
      display: -webkit-flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--color-main-on);
      background-color: var(--color-main);
      font-weight: bold;
      font-size: min(1.25em, 7.5cqw);
      font-style: italic;
      min-height: 3.5em;
      text-align: center;
      padding: 0.5em 1em;
    }
    ._stc._case._embed_content .title h3 {
      font-size: 1em;
      line-height: 1.1em;
    }
    ._stc._case._embed_content .excerpt {
      padding: 1em;
    }
    ._stc._case._embed_content .excerpt em {
      display: block;
      font-weight: bold;
      font-size: 1.1em;
    }
    ._stc._case._embed_content .excerpt p {
      margin-top: 0.75em;
    }
    ._stc._case._tpl_venues {
      padding-left: 1.5em;
    }
    ._stc._case._tpl_venues li {
      list-style: disc;
    }
    ._stc._case._entry .note {
      margin-bottom: 5vh;
    }
    ._stc._case._entry .note p {
      line-height: 1.75;
    }
    ._stc._case._entry .note dl {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
      gap: 1em;
      margin: 1em 0;
    }
    ._stc._case._entry .note dt {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      font-weight: bold;
    }
    ._stc._case._entry form dl {
      margin: 1em 0;
    }
    ._stc._case._entry form dt {
      font-weight: bold;
      font-size: 1.1em;
      margin-bottom: 0.5em;
    }
    ._stc._case._entry form dt .help {
      font-weight: normal;
      font-size: small;
      margin-left: 0.5em;
    }
    ._stc._case._entry form dt .help::before {
      content: "※";
    }
    ._stc._case._entry form dd .unit {
      margin-left: 0.5em;
    }
    ._stc._case._entry form [type=text]:is(.ss *) {
      width: 5em;
    }
    ._stc._case._entry form .f-date button {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
    }
    ._stc._case._entry form .pj-venues {
      margin-bottom: 5vh;
    }
    ._stc._case._entry form .pj-venues label:hover img {
      border-color: var(--color-sub);
    }
    ._stc._case._entry form .pj-venues label:hover em::before {
      color: var(--color-sub);
    }
    ._stc._case._entry form .areas:is(._z.ja *) .u-choice li {
      -webkit-flex: 0 1 6em;
      flex: 0 1 6em;
      max-width: 6em;
    }
    ._stc._case._index ._b {
      margin: 0;
    }
    ._stc._case._index ._b .t-breadcrumb {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border: none;
    }
    ._stc._case._index ._d {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
    }
    @media (max-width: 500px) {
      ._stc._case._index ._d {
        padding: 5vh 0 10vh;
      }
    }
    @media (min-width: 501px) {
      ._stc._case._index ._d {
        padding: 5vh 5vw 10vh;
      }
    }
    ._stc._case._index ._d .c {
      max-width: 1120px;
      margin-right: auto;
      margin-left: auto;
    }
    ._stc._case._index ._d .flex {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1.5em;
      margin-bottom: 2.5vh;
    }
    @container _container (max-width: 500px) {
      ._stc._case._index ._d .flex {
        padding: 0 2.5vw;
      }
    }
    ._stc._case._index ._d .flex img {
      width: min(30cqw, 150px);
    }
    ._stc._case._index ._d .flex span {
      display: block;
      font-weight: bold;
      font-size: min(2em, 7.5vw);
      transform: translateY(2px);
    }
    ._stc._case._index ._d .swiper {
      container: _container/inline-size;
      position: relative;
    }
    ._stc._case._index ._d .swiper.main .swiper-slide {
      overflow: hidden;
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._d .swiper.main .swiper-slide {
        border-radius: 20px;
      }
    }
    ._stc._case._index ._d .swiper.main img {
      width: 100%;
      height: 100%;
    }
    @container _container (max-width: 500px) {
      ._stc._case._index ._d .swiper.thumbnail {
        padding: 0 2.5vw;
      }
    }
    ._stc._case._index ._d .swiper.thumbnail .swiper-slide {
      border-radius: 10px;
      overflow: hidden;
    }
    ._stc._case._index ._d .swiper.thumbnail .swiper-slide:has(iframe):hover::after {
      color: #FF0000;
    }
    ._stc._case._index ._d .swiper.thumbnail .swiper-slide:has(iframe)::before {
      content: "";
      display: block;
      background-color: white;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 8;
    }
    ._stc._case._index ._d .swiper.thumbnail .swiper-slide:has(iframe)::after {
      font-family: "FontAwesome brands";
      content: "\f167";
      vertical-align: baseline;
      display: grid;
      -webkit-place-items: center;
      place-items: center;
      font-size: min(50px, 7.5cqw);
      transition: 0.25s;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 9;
    }
    ._stc._case._index ._d .swiper .swiper-slide {
      overflow: hidden;
    }
    ._stc._case._index ._d .swiper iframe {
      width: 100%;
      aspect-ratio: 16/9;
    }
    ._stc._case._index ._d .swiper img {
      width: 100%;
      height: 100%;
      aspect-ratio: 16/9;
    }
    ._stc._case._index ._d header {
      margin-top: 5vh;
    }
    ._stc._case._index ._d header h1 {
      font-size: min(1.75em, 6.5vw);
      color: var(--color-main-on);
      background-color: var(--color-main);
      line-height: 1.15em;
      text-align: center;
      padding: 1em 0.5em;
    }
    ._stc._case._index ._d header div {
      margin-top: 2em;
    }
    @container _container (max-width: 500px) {
      ._stc._case._index ._d header div {
        padding: 0 2.5vw;
      }
    }
    ._stc._case._index ._d header em {
      display: block;
      font-weight: bold;
      font-size: min(1.25em, 5cqw);
      text-align: center;
      margin-bottom: 1em;
    }
    ._stc._case._index ._d header p {
      line-height: 2;
    }
    ._stc._case._index ._f {
      padding: 0;
    }
    ._stc._case._index ._f section {
      max-width: var(--width-max-m);
      padding: 0 2.5vw;
      margin: 5vh auto;
    }
    ._stc._case._index ._f section ._universalMediadata {
      display: block;
      width: 100%;
    }
    ._stc._case._index ._f section ._universalMediadata img {
      width: 100%;
      aspect-ratio: 16/9;
    }
    ._stc._case._index ._f section iframe {
      width: 100%;
      aspect-ratio: 16/9;
    }
    ._stc._case._index ._f section h2 {
      font-size: min(2em, 7.5vw);
      margin: 1em 0 0.5em;
    }
    ._stc._case._index ._f section p {
      line-height: 2;
    }
    ._stc._case._index ._f .data {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      padding: 5vh 5vw;
    }
    ._stc._case._index ._f .data .c {
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
    }
    ._stc._case._index ._f .data tbody {
      background-color: transparent;
    }
    ._stc._case._index ._f .data th {
      font-weight: bold;
    }
    ._stc._case._index ._f .location iframe {
      width: 100%;
      aspect-ratio: 16/9;
      border: none;
    }
    ._stc._case._index ._f .entry {
      background-color: #FFB200;
      padding: 3em max(2.5vw, 1.5em);
    }
    @container _container (max-width: 500px) {
      ._stc._case._index ._f .entry .grid {
        text-align: center;
      }
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .entry .grid {
        display: grid;
        grid-template: "figure b b" auto "figure p click" 1fr;
        grid-template-columns: min(17.5cqw, 150px) 1fr max(12.5cqw, 100px);
        gap: 0 1em;
        -webkit-align-items: center;
        align-items: center;
        max-width: var(--width-max-s);
        margin-right: auto;
        margin-left: auto;
      }
    }
    ._stc._case._index ._f .entry figure {
      grid-area: figure;
      text-align: center;
      padding: 0 min(1em, 2.5cqw);
    }
    @container _container (min-width: 501px) {
      ._stc._case._index ._f .entry figure {
        width: 100%;
      }
    }
    ._stc._case._index ._f .entry figure img {
      width: 150px;
    }
    ._stc._case._index ._f .entry b {
      grid-area: b;
      display: block;
      font-size: min(10cqw, 3em);
      color: var(--color-black);
      line-height: 1.15em;
    }
    @container _container (max-width: 500px) {
      ._stc._case._index ._f .entry b {
        margin: 0.25em 0 0.5em;
      }
    }
    ._stc._case._index ._f .entry p {
      grid-area: p;
      font-size: min(3.5cqw, 0.85em);
      word-break: break-word;
      line-height: 1.75;
      margin-top: 0.5em;
    }
    ._stc._case._index ._f .entry .click {
      grid-area: click;
    }
    @container _container (max-width: 500px) {
      ._stc._case._index ._f .entry .click {
        margin-top: 1em;
      }
    }
    ._stc._case._index ._f .entry .click .u-btn {
      margin-right: auto;
      margin-left: auto;
      font-weight: bold;
      border-radius: 2.5em;
      padding: 1em 2em;
    }
    ._stc._case._index ._f [href*="/case/search"] {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      gap: 0.5em;
      width: fit-content;
      font-weight: bold;
      font-size: min(1.5em, 5.5vw);
      margin: 5vh auto;
    }
    ._stc._case._index ._f [href*="/case/search"]::before {
      font-family: "FontAwesome solid";
      content: "\f104";
      vertical-align: baseline;
    }
    ._stc._case._index ._f [href*="/case/search"]::after {
      content: "";
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      background-image: url(/image/project/uniqueVenue.png);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      transform: translateY(-2px);
    }
    ._stc._case._search ._f .pageHeader {
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-align-items: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5em 1em;
      margin-bottom: 5vh;
    }
    ._stc._case._search ._f .pageHeader img {
      width: 200px;
    }
    ._stc._case._search ._f .pageHeader h2 {
      font-size: min(1.75em, 6.5vw);
      margin-left: auto;
    }
    ._stc._case._search ._f .cases {
      display: grid;
      grid-template-columns: 1fr;
      gap: min(7.5cqw, 1.5em);
    }
    @container _container (min-width: 601px) {
      ._stc._case._search ._f .cases {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @container _container (min-width: 901px) {
      ._stc._case._search ._f .cases {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    /* _stc/_casemanage */
    ._stc._casemanage._edit ._f .ck-font-size-dropdown {
      display: none !important;
    }
    ._stc._casemanage._edit ._f .ck-source-editing-button {
      display: none !important;
    }
    /* _stp */
    /* _stp/_product */
    /* _stp/_productmanage */
    /* _str */
    /* _str/_reserve */
    /* _str/_reservemanage */
    /* _shipping */
    /* _sitetop */
    ._sitetop._embed_areaAi {
      color: white;
      background-color: var(--color-gray);
    }
    ._sitetop._embed_areaAi .c {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._embed_areaAi .grid {
      padding: 10vh 5vw;
    }
    @container _container (min-width: 701px) {
      ._sitetop._embed_areaAi .grid {
        display: grid;
        grid-template-columns: 1fr 35cqw;
        -webkit-justify-content: cneter;
        justify-content: cneter;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    @container _container (max-width: 700px) {
      ._sitetop._embed_areaAi figure {
        max-width: 500px;
        margin: 0 auto 2.5vh;
      }
    }
    @container _container (min-width: 701px) {
      ._sitetop._embed_areaAi figure {
        order: 1;
      }
    }
    ._sitetop._embed_areaAi h2 {
      margin-bottom: 1em;
    }
    ._sitetop._embed_areaAi h2 span {
      display: block;
      font-weight: bold;
    }
    ._sitetop._embed_areaAi h2 span:is(._embed_areaAi.ai *) {
      margin-bottom: 0.25em;
    }
    ._sitetop._embed_areaAi h2 b:is(._embed_areaAi.areaGuide *) {
      font-size: min(2.5em, 9.5vw);
    }
    ._sitetop._embed_areaAi h2 b:is(._embed_areaAi.ai *) {
      font-size: min(2.25em, 8.5vw);
      word-break: break-word;
      line-height: 1.15;
    }
    ._sitetop._embed_areaAi p {
      line-height: 2;
    }
    ._sitetop._embed_areaAi .u-btn {
      color: white;
      background-color: var(--color-gray);
      max-width: 300px;
      border: 1px solid white;
      margin-top: 1.5em;
    }
    ._sitetop._embed_areaAi .u-btn:hover {
      color: var(--color-sub-on);
      background-color: var(--color-sub);
      border: 1px solid var(--color-border-sub);
      opacity: 1;
    }
    ._sitetop._inquiry ._f .u-note small {
      display: note;
      margin-top: 0.5em;
    }
    ._sitetop._inquiry ._f .u-note small::before {
      content: "※";
      margin-right: 0.25em;
    }
    ._sitetop._inquiry ._f form dl {
      margin: 1em 0;
    }
    ._sitetop._inquiry ._f form dt {
      font-weight: bold;
      font-size: 1.1em;
      margin-bottom: 0.5em;
    }
    /* _sitetop/_index */
    ._sitetop._index ._d {
      color: var(--color-black);
      background-color: var(--color-blue);
    }
    ._sitetop._index ._d .mv {
      container: _container/inline-size;
      position: relative;
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._d .mv {
        padding: 5vw 5vw;
      }
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._d .grid {
        display: grid;
        grid-template-columns: 50cqw 45cqw;
        gap: 5cqw;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    @container _container (max-width: 600px) {
      ._sitetop._index ._d figure {
        margin-bottom: 2.5vh;
      }
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._d figure {
        order: 1;
      }
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._d figure img {
        border-radius: 1.5em;
      }
    }
    @container _container (max-width: 600px) {
      ._sitetop._index ._d .text {
        padding: 2.5vh 5vw;
      }
    }
    ._sitetop._index ._d .text h1 {
      width: clamp(300px, 100%, 450px);
    }
    @container _container (max-width: 600px) {
      ._sitetop._index ._d .text h1 {
        text-align: center;
        margin: 0 auto 5vh;
      }
    }
    ._sitetop._index ._d .text strong {
      display: block;
      font-size: min(1.5em, 5.5vw);
      word-break: keep-all;
      margin: 1em 0;
    }
    ._sitetop._index ._d .text p {
      line-height: 2;
    }
    ._sitetop._index ._d .text small {
      display: block;
      margin-top: 1em;
    }
    ._sitetop._index ._d .text small::before {
      content: "※";
    }
    ._sitetop._index ._f :where(.t-noResult) {
      text-align: center;
    }
    ._sitetop._index ._f :where(.u-btn) {
      max-width: 300px;
    }
    ._sitetop._index ._f .about {
      color: var(--color-black);
      background-color: var(--color-blue);
      padding: 0 5vw;
    }
    ._sitetop._index ._f .about .c {
      container: _container/inline-size;
      position: relative;
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .about section {
      border-top: 2px solid var(--color-main);
      padding: 5vh 5vw;
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._f .about section {
        display: grid;
        grid-template: "figure h2" "figure p";
        grid-template-columns: auto 1fr;
        gap: 0 5vw;
        -webkit-align-items: center;
        align-items: center;
      }
    }
    ._sitetop._index ._f .about figure {
      grid-area: figure;
    }
    @container _container (max-width: 600px) {
      ._sitetop._index ._f .about figure {
        text-align: center;
      }
    }
    ._sitetop._index ._f .about figure img {
      max-width: 150px;
    }
    ._sitetop._index ._f .about h2 {
      grid-area: h2;
      font-size: min(2em, 7.5vw);
      margin-bottom: 0.5em;
    }
    @container _container (max-width: 600px) {
      ._sitetop._index ._f .about h2 {
        text-align: center;
      }
    }
    ._sitetop._index ._f .about p {
      grid-area: p;
      line-height: 2;
    }
    ._sitetop._index ._f .registWrapper {
      color: var(--color-black);
      background-color: var(--color-blue);
      padding: 5vh 5vw;
    }
    ._sitetop._index ._f .registWrapper .c {
      max-width: calc(var(--width-max) * 1.2);
      margin-right: auto;
      margin-left: auto;
    }
    @container _container (min-width: 701px) {
      ._sitetop._index ._f .registWrapper .flex {
        display: -webkit-flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2.5vw;
      }
    }
    @container _container (max-width: 700px) {
      ._sitetop._index ._f .registWrapper .outline {
        max-width: 500px;
        margin: 5vh auto;
      }
    }
    @container _container (min-width: 701px) {
      ._sitetop._index ._f .registWrapper .outline {
        width: 45cqw;
      }
    }
    ._sitetop._index ._f .case .c {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      padding: 10vh 0;
    }
    ._sitetop._index ._f .case .sectionHeader {
      padding: 0 5vw;
    }
    ._sitetop._index ._f .case .sectionHeader h2 {
      font-size: min(2.75em, 10.5vw);
    }
    ._sitetop._index ._f .case .sectionHeader p {
      margin: 1em 0 2em;
    }
    ._sitetop._index ._f .case .swiper {
      padding: 0 2.5vw;
    }
    ._sitetop._index ._f .case .swiper-slide {
      height: auto;
    }
    ._sitetop._index ._f .case .swiper-button-prev::after {
      font-family: "FontAwesome solid";
      content: "\f137";
      vertical-align: baseline;
      border: 4px solid white;
      border-radius: 100%;
      text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white;
    }
    ._sitetop._index ._f .case .swiper-button-next::after {
      font-family: "FontAwesome solid";
      content: "\f138";
      vertical-align: baseline;
      border: 4px solid white;
      border-radius: 100%;
      text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white;
    }
    ._sitetop._index ._f .case .u-btn {
      margin: 5vh auto 0;
    }
    ._sitetop._index ._f .ai .grid {
      gap: 2.5vw;
    }
    ._sitetop._index ._f .news {
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
      padding: 10vh 5vw;
    }
    ._sitetop._index ._f .news h2 {
      font-size: min(2.25em, 8.5vw);
      text-align: center;
      margin-bottom: 2.5vh;
    }
    ._sitetop._index ._f .news .u-btn {
      margin: 5vh auto 0;
    }
    ._sitetop._index ._f .dmoDmc {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      padding: 10vh 5vw;
    }
    @container _container (min-width: 601px) {
      ._sitetop._index ._f .dmoDmc {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
    }
    ._sitetop._index ._f .dmoDmc dl {
      padding: 1em;
    }
    ._sitetop._index ._f .dmoDmc dt {
      font-weight: bold;
      font-size: min(1.75em, 5.5cqw);
      margin-bottom: 0.5em;
    }
    ._sitetop._index ._f .dmoDmc img {
      border-radius: var(--radius-l);
    }
    ._sitetop._index ._f .dmoDmc p {
      margin-top: 1.5em;
    }
    ._sitetop._index ._f .consortium {
      color: var(--color-black);
      background-color: var(--color-blue);
      padding: 10vh 5vw;
    }
    ._sitetop._index ._f .consortium .c {
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
    }
    ._sitetop._index ._f .consortium header {
      display: grid;
      grid-template-columns: 100px 1fr;
      gap: 2.5vw;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: 2.5vh;
    }
    ._sitetop._index ._f .consortium header figure img {
      width: 100%;
    }
    ._sitetop._index ._f .consortium header h2 {
      font-size: min(2.25em, 8.5vw);
    }
    ._sitetop._index ._f .consortium header p {
      margin-top: 0.75em;
    }
    ._sitetop._index ._f .consortium .banners {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1em;
    }
    ._sitetop._index ._k {
      margin-top: 0;
    }
    /* _special */
    ._special._index main.areaguide {
      max-width: var(--width-max-s);
      margin-right: auto;
      margin-left: auto;
      min-width: auto;
    }
    ._special._index main.areaguide .pj-pageHeader img {
      padding: 0;
    }
    ._special._index main.areaguide p {
      line-height: 2;
      margin: 5vh 0;
    }
    ._special._index main.areaguide .dls {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 1em;
      border-radius: var(--radius-l);
      padding: 1.5em;
      margin: 2.5vh;
    }
    ._special._index main.areaguide .dls.bg {
      background-color: var(--color-gray-light);
    }
    ._special._index main.areaguide .dls.border {
      border: 1px solid var(--color-border-gray);
    }
    @container _container (min-width: 501px) {
      ._special._index main.areaguide .dls {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @container _container (min-width: 801px) {
      ._special._index main.areaguide .dls {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    ._special._index main.areaguide .dls dl {
      display: -webkit-flex;
      -webkit-align-items: baseline;
      display: flex;
      align-items: baseline;
      gap: 0.5em;
      margin: 0;
    }
    ._special._index main.areaguide .dls dt::after {
      content: "：";
    }
    ._special._index main.areaguide .dls dd {
      margin: 0;
    }
    ._special._index main.areaguide footer {
      margin-top: 10vh;
    }
    ._special._index main.areaguide footer em {
      display: block;
      font-weight: bold;
      font-size: min(1.75em, 6.5vw);
      font-style: normal;
      text-align: center;
    }
    ._special._index main.areaguide footer .u-btn {
      max-width: 300px;
      margin-top: 5vh;
      margin-bottom: 5vh;
      margin-right: auto;
      margin-left: auto;
    }
    /* _user */
  }
}