@charset "UTF-8";
@layer foundation, function, layout, component, project, utility;
:root {
  --bgc: #ffffff;
  --bgtc: #000;
  --bgc-acc1: #FFEA00;
  --bgtc-acc1: #000000;
  --bgc-acc2: #FFCC00;
  --bgtc-acc2: #000000;
  --bgc-acc3: #1A9900;
  --bgtc-acc3: #ffffff;
  --bgc-suf1: #F4F4F4;
  --bgtc-suf1: #000000;
  --bgc-suf2: #FFF8E5;
  --bgtc-suf2: #000000;
  --bgc-suf3: #f4f4f4;
  --bgtc-suf3: #333333;
  --font-xl:clamp(1.6rem, calc(1.6rem + (1vw - 0.32rem) * (1.6964285714)), 3.5rem);
  --font-l:clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.8928571429)), 2.4rem);
  --font-m:clamp(1.3rem, calc(1.3rem + (1vw - 0.32rem) * (0.2678571429)), 1.6rem);
  --font-s:clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.1785714286)), 1.4rem);
  --font-xs:clamp(1rem, calc(1rem + (1vw - 0.32rem) * (0.1785714286)), 1.2rem);
  --gap: var(--font-m);
  --bp-xs: 420px;
  --bp-s: 640px;
  --bp-m: 768px;
  --bp-l: 980px;
  --bp-xl: 1440px;
  --logo_width: 348px;
  --logo_height: 65px;
  --max-logo-width: 103px;
  --min-logo-width: 36px;
  --default-logo-width: 7.15vmax;
  --headerheight: calc(clamp(6.72px,7.15vmax,19.24px) + calc(var(--gap) * 2));
  --contentheight: calc(100dvh - var(--headerheight) - calc(var(--gap) * 2));
  --windowpaddinginline: min(5vw, var(--gap) * 2);
  --sectiongap: min(12.8dvh,calc(var(--gap) * 6));
  --blockgap: var(--font-xl);
  --inlinegap: var(--windowpaddinginline);
  --scrollbar: 0px;
  --menubreakpoint: var(--bp-xl);
}
@media only screen and (max-width: 767px) {
  :root {
    --sectiongap: min(5.5dvh,calc(var(--gap) * 3));
  }
}
@media print {
  :root {
    --font-xl:20pt;
    --font-l:16px;
    --font-m:10pt;
    --font-s:8pt;
    --font-xs:7pt;
    --headerheight: calc(var(--gap) * 4);
    --print-display: none;
  }
}

@layer function {
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  body {
    line-height: 1;
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }
  nav ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
  }
  a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  /* change colours to suit your needs */
  ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
  }
  /* change colours to suit your needs */
  mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }
  del {
    text-decoration: line-through;
  }
  abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* change border colour to suit your needs */
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }
  input, select {
    vertical-align: unset;
  }
  img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  :root {
    interpolate-size: allow-keywords;
  }
  html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 62.5%;
    overflow-x: hidden;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
  }
  body {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: clip;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    position: relative;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /*Chrome,Safari*/
    -ms-text-size-adjust: 100%; /*EgdeMobile*/
    -moz-text-size-adjust: 100%; /*firefox*/
  }
  *, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  a[href="#"]:after {
    content: "（リンク先未適用）";
    color: #f00;
    font-weight: bold;
  }
  :where(a) {
    word-break: break-all;
  }
  a:where([href^="tel:"]) {
    pointer-events: none;
    color: inherit;
    text-decoration: none;
  }
  @media only screen and (max-width: 979px) {
    a:where([href^="tel:"]) {
      pointer-events: all;
      text-decoration: underline;
    }
  }
  /*
  .fixwidth {
  	width: 100%;
  	margin: auto;
  	max-width: 1439px;
  	@include media(ul) {
  		max-width: 1439px;
  	}
  	@include media(l-ul) {
  		max-width: 979px;
  	}
  }*/
  * sup {
    font-size: 75%;
    vertical-align: super;
  }
  * sub {
    font-size: 75%;
    vertical-align: baseline;
  }
}
@layer layout {
  .l-main__main {
    -webkit-padding-after: var(--sectiongap);
            padding-block-end: var(--sectiongap);
  }
  .l-main__main, .l-main__cta, .l-main__footer {
    display: -ms-grid;
    display: grid;
    --_contentside: calc((100vw - var(--bp-xl)) / 2);
    -ms-grid-columns: var(--_contentside) var(--windowpaddinginline) (1fr)[12] var(--windowpaddinginline) var(--_contentside);
    grid-template-columns: var(--_contentside) var(--windowpaddinginline) repeat(12, 1fr) var(--windowpaddinginline) var(--_contentside);
  }
}
@layer component {
  .c-main__wrap > .c-unit__box {
    padding-block: var(--sectiongap) 0;
  }
  .c-headline--h2-default {
    font-size: var(--_fsaccent-main);
    font-weight: 600;
    line-height: 1.5;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    position: relative;
    text-align: center;
  }
  .c-headline--h2-default:has(span) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 0.5);
  }
  .c-headline--h2-default--main {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
  .c-headline--h2-default--sub {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: var(--_fsaccent-sub);
    font-weight: 500;
    text-align: center;
  }
  .c-headline--h3-default {
    font-size: var(--font-l);
    background: var(--bgtc);
    color: var(--bgc);
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
    border-radius: calc(var(--gap) * 0.5);
    text-align: center;
    font-weight: 400;
    line-height: 1.47;
  }
  .c-headline--h4-default {
    font-size: var(--font-l);
    margin-bottom: 0;
    -webkit-border-after: 1px solid #000;
            border-block-end: 1px solid #000;
  }
  .c-preparation__wrap {
    grid-column: 3/-3;
  }
  .c-preparation__text {
    font-size: var(--font-l);
    font-weight: 700;
    line-height: 1.76;
    text-align: center;
  }
  @scope (.c-unit__box) {
    :where(:scope) {
      grid-column: 3/-3;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: subgrid;
      grid-template-columns: subgrid;
      -ms-grid-rows: -webkit-max-content;
      -ms-grid-rows: max-content;
      grid-template-rows: -webkit-max-content;
      grid-template-rows: max-content;
      gap: calc(var(--blockgap) / 1) 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
      color: var(--bgtc);
      font-size: var(--font-m);
      font-weight: 400;
      line-height: 1.76;
      scroll-snap-align: start;
    }
    :where(:scope) > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
    }
    :where(:scope > *) {
      grid-column: span var(--spans);
    }
    :where(.c-unit__box :scope) {
      grid-column: 1/-1;
    }
    :where(h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child),
    p:not(:last-child), figure:not(:last-child), table:not(:last-child), ul:not(:last-child), ol:not(:last-child), dl:not(:last-child)) {
      -webkit-margin-after: calc(var(--gap) * 1);
              margin-block-end: calc(var(--gap) * 1);
    }
    :where(figure img) {
      width: 100%;
      height: auto;
    }
    :where(figure.size-auto img) {
      width: auto;
    }
    :where(figure > *) {
      grid-column: span var(--spans);
    }
    :where(figure.c-full) {
      --spans: 16 !important;
      grid-column: 1/-1 !important;
    }
    :where(figure.c-full--limitedcontent) {
      --spans: 16;
      grid-column: 1/-1 !important;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: subgrid;
      grid-template-columns: subgrid;
      gap: calc(var(--blockgap) / 2) 0;
    }
    :where(figure.c-full--limitedcontent > *) {
      grid-column: 3/-3;
    }
    :where(table) {
      --_bd: 1px solid #ccc;
      -webkit-border-before: var(--_bd);
              border-block-start: var(--_bd);
      width: 100%;
    }
    :where(table th) {
      -webkit-border-after: var(--_bd);
              border-block-end: var(--_bd);
    }
    :where(table td) {
      -webkit-border-after: var(--_bd);
              border-block-end: var(--_bd);
    }
    :where(table tbody th) {
      padding-block: calc(var(--gap) * 1);
    }
    :where(table tbody td) {
      padding-block: calc(var(--gap) * 1);
    }
    :where(table tbody th) {
      text-align: left;
      padding-inline: calc(var(--gap) * 1);
      font-weight: 600;
      word-break: keep-all;
    }
    :where(table tbody td) {
      padding-inline: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
    }
    @media only screen and (max-width: 639px) {
      :where(table tbody td) {
        padding-inline: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
      }
    }
    :where(ul) {
      -webkit-padding-start: calc(var(--gap) * 1.75);
              padding-inline-start: calc(var(--gap) * 1.75);
    }
    :where(ul li) {
      list-style: none;
      position: relative;
    }
    :where(ul li:not(:last-child)) {
      -webkit-margin-after: calc(var(--gap) * 0.5);
              margin-block-end: calc(var(--gap) * 0.5);
    }
    :where(ul li)::before {
      content: "";
      display: block;
      width: 1em;
      height: 1em;
      border-radius: 100%;
      background-color: var(--bgc-acc1);
      position: absolute;
      top: 0.5lh;
      left: calc(var(--gap) * -1.75);
      translate: 0 -50%;
    }
    :where(ul.c-liststyle__kome) {
      -webkit-padding-start: 0;
              padding-inline-start: 0;
      font-size: var(--font-s);
    }
    :where(ul.c-liststyle__kome li) {
      list-style: none;
      -webkit-padding-start: 1.5em;
              padding-inline-start: 1.5em;
      position: relative;
    }
    :where(ul.c-liststyle__kome li)::before {
      width: auto;
      height: auto;
      background: none;
      border-radius: 0;
      position: absolute;
      inset-inline-start: 0;
      content: "※";
    }
    :where(ol) {
      -webkit-padding-start: calc(var(--gap) * 1.75);
              padding-inline-start: calc(var(--gap) * 1.75);
    }
    :where(ol li) {
      list-style: decimal;
      position: relative;
    }
    :where(ol li:not(:last-child)) {
      -webkit-margin-after: 0;
              margin-block-end: 0;
    }
    :where(ol li::before) {
      content: none;
    }
    :where(ol.c-liststyle__kome) {
      counter-reset: li;
      -webkit-padding-start: 0;
              padding-inline-start: 0;
      font-size: var(--font-s);
    }
    :where(ol.c-liststyle__kome li) {
      list-style: none;
      -webkit-padding-start: 2.5em;
              padding-inline-start: 2.5em;
      position: relative;
    }
    :where(ol.c-liststyle__kome li)::before {
      position: absolute;
      inset-inline-start: 0;
      content: "※" counter(li, decimal);
      counter-increment: li;
    }
    :where(ol.c-liststyle__alpha li) {
      list-style: lower-alpha;
    }
    :where(ol.c-liststyle__roman li) {
      list-style: lower-roman;
    }
    :where(dl) {
      --bdc: #ccc;
      --bdw: 1px;
      -webkit-border-before: var(--bdc) 2px solid;
              border-block-start: var(--bdc) 2px solid;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: -webkit-max-content calc(var(--gap) * 1) 1fr;
      -ms-grid-columns: max-content calc(var(--gap) * 1) 1fr;
      grid-template-columns: -webkit-max-content 1fr;
      grid-template-columns: max-content 1fr;
      gap: 0 calc(var(--gap) * 1);
    }
    :where(dl div) {
      -webkit-border-after: var(--bdc) var(--bdw) solid;
              border-block-end: var(--bdc) var(--bdw) solid;
      grid-column: 1/-1;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: subgrid;
      grid-template-columns: subgrid;
    }
    :where(dl dt, dl dd) {
      padding: calc(var(--gap) * 1) calc(var(--gap) * 1.75);
    }
    :where(dl dt) {
      background: var(--bgc-suf1);
    }
  }
  .c-separate__box {
    --_sp: 8;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr;
    grid-template-columns: repeat(12, 1fr);
    gap: calc(var(--gap) * 1);
  }
  .c-separate__box > *:nth-child(1) {
    grid-column: 1/var(--_sp);
  }
  .c-separate__box > *:nth-child(2) {
    grid-column: var(--_sp)/-1;
  }
  @media only screen and (max-width: 767px) {
    .c-separate__box > *:nth-child(1), .c-separate__box > *:nth-child(2) {
      grid-column: 1/-1;
    }
  }
  @media only screen and (max-width: 767px) {
    .c-separate__box {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  :where(.c-main__content) {
    max-width: var(--bp-m);
    margin-inline: auto;
  }
  :where(.c-main__text p) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .c-content_presentation__fig {
    height: 50vmin;
  }
  .c-content_presentation__img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .c-gallery__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));
    gap: calc(var(--gap) * 1);
    padding: 0;
  }
  .c-gallery__item {
    list-style: none;
  }
  .c-gallery__item::before {
    content: none;
  }
  .c-gallery__fig {
    margin: 0;
    text-align: center;
  }
  .c-gallery__img {
    max-width: var(--bp-m);
  }
  .c-bg-box {
    background: var(--bgc-suf1);
    color: var(--bgtc-suf1);
    padding: calc(var(--gap) * 1) calc(var(--gap) * 2);
    font-size: var(--font-m);
    line-height: 1.8;
  }
  @media only screen and (max-width: 767px) {
    .c-bg-box {
      padding: calc(var(--gap) * 1) calc(var(--gap) * 1);
    }
  }
  .p-ctanav__wrap {
    grid-column: 3/-3;
    background: var(--bgc-acc1);
    gap: calc(var(--gap) * 2);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: var(--sectiongap);
  }
  .p-ctanav__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto calc(var(--gap) * 2) auto calc(var(--gap) * 2) auto;
    grid-template-columns: repeat(3, auto);
    gap: calc(var(--gap) * 2);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  @media only screen and (max-width: 979px) {
    .p-ctanav__box {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .p-ctanav__title {
    font-size: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (6.3392857143)), 8.5rem);
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  @media only screen and (max-width: 979px) {
    .p-ctanav__title {
      text-align: center;
    }
  }
  .p-ctanav__number_list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    line-height: 1.3;
  }
  .p-ctanav__number_item {
    list-style: none;
  }
  .p-ctanav__number_link {
    display: block;
    text-decoration: none;
  }
  .p-ctanav__number_text {
    display: block;
  }
  .p-ctanav__number_text--tel, .p-ctanav__number_text--fax {
    font-size: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (1.4285714286)), 3rem);
  }
  .p-ctanav__number_text--worktime {
    font-size: var(--font-s);
  }
  .p-ctanav__contact_link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto calc(var(--gap) * 1) auto;
    grid-template-columns: auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--gap) * 1);
    text-decoration: none;
    color: currentColor;
    --_bg: #444;
    --_bgtc: #fff;
    --_c: #000;
  }
  .p-ctanav__contact_link:hover {
    --_bg: var(--bgc-acc1);
    --_bgtc: var(--bgtc-acc1);
    --_c: #000;
  }
  .p-ctanav__contact_icon {
    display: block;
    background: var(--_bg);
    color: var(--_bgtc);
    display: -ms-grid;
    display: grid;
    place-items: center;
    aspect-ratio: 1/1;
    padding: 0.5em;
    border-radius: 100vmax;
    font-size: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (3.6607142857)), 5.5rem);
    font-weight: 400;
  }
  .p-ctanav__contact_text {
    font-weight: 600;
    font-size: var(--font-xl);
    color: var(--_c);
  }
  .c-contactbox__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1) var(--windowpaddinginline);
    margin-inline: auto;
  }
  html {
    --_caution_color: #c00;
  }
  .c-contactbox__wrap--form {
    width: 100%;
  }
  .c-contactbox__wrap--submit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: var(--bp-m);
  }
  .c-contactbox__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content var(--windowpaddinginline) 1fr;
    -ms-grid-columns: max-content var(--windowpaddinginline) 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: calc(var(--gap) * 0.5) var(--windowpaddinginline);
    padding: calc(var(--gap) * 1);
    background: #f8f8f8;
  }
  .c-contactbox__item {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
  }
  .c-contactbox__item::before {
    content: none;
  }
  @media only screen and (max-width: 767px) {
    .c-contactbox__item {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: calc(var(--gap) * 0.5);
    }
  }
  .c-contactbox__box {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: var(--font-m);
    line-height: 1.5;
  }
  @media only screen and (max-width: 767px) {
    .c-contactbox__box {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: calc(var(--gap) * 0.5);
    }
  }
  .c-contactbox__title {
    color: var(--bgc-acc1);
    font-weight: 500;
  }
  .c-contactbox__label {
    cursor: pointer;
  }
  .c-contactbox__required {
    font-size: var(--font-s);
    background: var(--_caution_color);
    color: #fff;
    font-weight: 700;
    padding: 0.2em 0.5em;
    font-size: 83.3%;
    -webkit-margin-start: calc(var(--gap) * 0.5);
            margin-inline-start: calc(var(--gap) * 0.5);
  }
  .c-contactbox__privacybox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1) var(--windowpaddinginline);
    -webkit-margin-after: var(--blockgap);
            margin-block-end: var(--blockgap);
  }
  .c-contactbox__privacyinclude {
    border: 1px solid #999;
    padding: var(--windowpaddinginline);
    border-radius: calc(var(--gap) * 0.5);
    height: 20em;
    overflow-y: auto;
    resize: vertical;
  }
  .c-contactbox__privacyinclude .c-unit__box {
    display: block;
  }
  .c-contactbox__privacyinclude .c-unit__box:has(+ .c-unit__box) {
    -webkit-margin-after: var(--blockgap);
            margin-block-end: var(--blockgap);
  }
  .c-contactbox__privacyinclude h2 {
    font-size: var(--font-l);
  }
  .c-contactbox__privacylabel {
    text-align: center;
    cursor: pointer;
  }
  .c-contactbox__btnwrap {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--gap) * 2);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-contactbox__btn {
    --_bd: 3px solid var(--_bdc);
    text-align: left;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
  }
  .c-contactbox__btn[disabled] {
    background: #ccc;
    color: #fff;
    cursor: not-allowed;
  }
  .c-contactbox__btn--submit {
    --_bdc: var(--bgtc-acc1);
    --_bgc: var(--bgc-acc1);
    --_bgtc: var(--bgtc-acc1);
  }
  :root .c-contactbox__btn--cancel {
    --_bdc: #ccc;
    --_bgc: var(--bgc-suf1);
    --_bgtc: #999;
    padding-inline: calc(var(--gap) * 3.5) calc(var(--gap) * 1.5);
  }
  :root .c-contactbox__btn--cancel::after {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    right: auto;
    left: var(--gap);
    translate: 0 -50%;
  }
  .c-contactbox__error_box {
    background: #eee;
    border: 1px solid #ccc;
    padding: var(--windowpaddinginline);
    border-radius: calc(var(--gap) * 0.5);
    -webkit-margin-after: var(--blockgap);
            margin-block-end: var(--blockgap);
    text-align: center;
  }
  .c-contactbox__error_box > * {
    margin: 0;
  }
  .c-contactbox__error_text {
    color: var(--_caution_color);
    font-weight: 700;
  }
  .c-contactbox__thanks_text {
    text-align: center;
    font-size: var(--font-l);
  }
  .c-form__inputtext, .c-form__select, .c-form__textarea {
    font-size: var(--font-m);
    padding: 0.5em 1em;
    border-radius: calc(var(--gap) * 0.5);
    border: 1px solid #ccc;
    width: 50%;
  }
  .c-form__inputtext.S, .c-form__select.S, .c-form__textarea.S {
    width: 20%;
    min-width: 15em;
  }
  .c-form__inputtext.M, .c-form__select.M, .c-form__textarea.M {
    width: 50%;
    min-width: 15em;
  }
  .c-form__inputtext.L, .c-form__select.L, .c-form__textarea.L {
    width: 100%;
  }
  @media only screen and (max-width: 767px) {
    .c-form__inputtext, .c-form__select, .c-form__textarea {
      width: 100%;
    }
    .c-form__inputtext.S, .c-form__inputtext.M, .c-form__inputtext.L, .c-form__select.S, .c-form__select.M, .c-form__select.L, .c-form__textarea.S, .c-form__textarea.M, .c-form__textarea.L {
      width: 100%;
    }
  }
  .c-form__select {
    cursor: pointer;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .c-form__textarea {
    width: 100%;
    min-height: 10em;
    resize: vertical;
  }
  .c-form__label {
    cursor: pointer;
  }
  .c-breadcrumbs__wrap {
    position: relative;
    grid-column: 1/-1;
  }
  .c-breadcrumbs__list {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  :where(.c-btn__styleA_link, .c-btn__largeA, .c-contactbox__btn) {
    --_bdc: var(--bgc-acc1);
    --_bd: 3px solid var(--_bdc);
    --_bgc: var(--bgc-suf1);
    --_bgtc: var(--bgtc-suf1);
    display: block;
    width: 100%;
    max-width: 300px;
    font-size: var(--_readable_fz);
    font-weight: 600;
    padding-block: calc(var(--gap) * 1);
    padding-inline: calc(var(--gap) * 1.5) calc(var(--gap) * 3);
    background: var(--_bgc);
    color: var(--_bgtc);
    text-decoration: none;
    position: relative;
  }
  :where(.c-btn__styleA_link, .c-btn__largeA, .c-contactbox__btn)::after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    -webkit-border-before: var(--_bd);
            border-block-start: var(--_bd);
    -webkit-border-end: var(--_bd);
            border-inline-end: var(--_bd);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: calc(var(--gap) * 1.5);
    translate: 0 -50%;
  }
  :where(.c-btn__styleA_link, .c-btn__largeA, .c-contactbox__btn):hover {
    --_bdc: var(--bgtc-acc1);
    --_bgc: var(--bgc-acc1);
    --_bgtc: var(--bgtc-acc1);
  }
  .c-btn__largeA, .c-contactbox__btn {
    font-size: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.9821428571)), 2.5rem);
    --_bdc: var(--bgtc-acc1);
    --_bd: 5px solid var(--_bdc);
    --_bgc: var(--bgc-acc1);
    --_bgtc: var(--bgtc-acc1);
    max-width: var(--bp-s);
    padding-block: calc(var(--gap) * 1.5);
    margin-inline: auto;
  }
  .c-btn__largeA:hover, .c-contactbox__btn:hover {
    --_bdc: var(--bgc);
    --_bgc: var(--bgtc);
    --_bgtc: var(--bgc);
  }
  .p-page-transition__overlay.is_transition {
    clip-path: circle(150vmax at var(--x, 50%) var(--y, 50%)) !important;
    -webkit-transition: clip-path 1s ease-in-out;
    transition: clip-path 1s ease-in-out;
  }
  .p-page-transition__overlay_to_top.is_transition {
    clip-path: circle(150vmax at var(--x, 50%) var(--y, 50%)) !important;
    -webkit-transition: clip-path 0s ease-in-out;
    transition: clip-path 0s ease-in-out;
  }
  .p-page-transition__overlay {
    background: var(--bgc-acc1);
    z-index: calc(infinity);
    pointer-events: none;
    clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
    -webkit-transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    view-transition-name: overlay;
    position: fixed;
    inset: 0;
    display: -ms-grid;
    display: grid;
    place-items: center;
  }
  .p-page-transition__overlay.is_transition {
    clip-path: circle(150vmax at var(--x, 50%) var(--y, 50%));
  }
  .p-page-transition__img {
    max-width: 20vmin;
    max-height: 20vmin;
  }
  @supports (view-transition-name: none) {
    ::view-transition-old(root) {
      -webkit-animation: none;
              animation: none;
      mix-blend-mode: normal;
    }
    ::view-transition-new(root) {
      -webkit-animation: none;
              animation: none;
      mix-blend-mode: normal;
    }
  }
  ::view-transition-old(overlay),
  ::view-transition-new(overlay) {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
  }
  .s_vta__target {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .s_vta__target.is_active {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0.8;
  }
}
@layer project {
  /*
  メニュー状況整理

  トップページとそれ以外
      @at-root #top & {
      }

      通常時
          平書き
      一定量スクロール時
          @at-root .is-scrolled & {
          }
          @at-root .is-scrolled#top & {
          }
      メニュー展開時
          @at-root .is_active & {
          }
          @at-root .is_active#top & {
          }

  制御
      ロゴ画像fill：--_c
      メニュー文字色：--_c
      メニュー背景色：--_bgc
      開閉ナビバー色：--_c
      開閉ナビ文字色：--_c

  */
  .p-siteheader__wrap {
    width: 100%;
    height: auto;
    --_headernavheight: 0fr;
    background: var(--bgc);
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-max-content var(--_headernavheight);
    -ms-grid-rows: max-content var(--_headernavheight);
    -ms-grid-columns: -webkit-max-content 1fr;
    -ms-grid-columns: max-content 1fr;
        grid-template: "logobox headernav" -webkit-max-content "meganav meganav" var(--_headernavheight)/max-content 1fr;
        grid-template: "logobox headernav" max-content "meganav meganav" var(--_headernavheight)/max-content 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #top .p-siteheader__wrap {
    position: absolute;
    inset: 0 0 auto;
    z-index: 9999;
    translate: 0 -100%;
    -webkit-animation: anim_topheader 0.3s 2.5s ease-in-out forwards;
            animation: anim_topheader 0.3s 2.5s ease-in-out forwards;
  }
  @-webkit-keyframes anim_topheader {
    0% {
      translate: 0 -100%;
    }
    100% {
      translate: 0 0;
    }
  }
  @keyframes anim_topheader {
    0% {
      translate: 0 -100%;
    }
    100% {
      translate: 0 0;
    }
  }
  .is_active .p-siteheader__wrap {
    --_headernavheight: 1fr;
    height: 100dvh;
  }
  @media only screen and (max-width: 979px) {
    .p-siteheader__wrap {
      --_headernavheight: 0fr;
    }
    .p-siteheader__wrap.is_active {
      --_headernavheight: 1fr;
    }
  }
  .p-siteheader__homelink {
    display: block;
    padding: calc(var(--gap) * 1) var(--windowpaddinginline);
    font-size: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.9821428571)), 2.5rem);
    text-decoration: none;
    color: var(--bgtc);
    font-weight: 500;
    line-height: 1.3;
    max-width: 50vw;
  }
  .p-siteheader__homelink br {
    display: none;
  }
  @media only screen and (max-width: 979px) {
    .p-siteheader__homelink br {
      display: block;
    }
  }
  .p-siteheader__fig {
    aspect-ratio: 303/55;
    width: var(--default-logo-width);
    max-width: var(--max-logo-width);
    min-width: var(--min-logo-width);
  }
  .p-siteheader__logo {
    max-width: 81px;
    width: 15vw;
    height: 100%;
  }
  .p-siteheader__headernav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-align: end;
        justify-self: end;
    grid-area: headernav;
    height: 100%;
  }
  .p-siteheader__navtrigger {
    -ms-grid-column-align: end;
        justify-self: end;
    grid-area: navtrigger;
  }
  .p-siteheader__meganav {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-column-align: end;
        justify-self: end;
    grid-area: meganav;
    height: 100%;
  }
  .p-headernav__wrap {
    width: 100%;
    font-size: var(--font-m);
    -webkit-transition: grid-template-rows 0.3s ease-in-out;
    transition: grid-template-rows 0.3s ease-in-out;
    transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
    --_c: var(--bgtc);
  }
  .p-headernav__nav {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: calc(var(--gap) * 1);
  }
  .p-headernav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--gap) * 0.5);
  }
  @media only screen and (max-width: 979px) {
    .p-headernav__list {
      display: none;
    }
  }
  .p-headernav__link {
    display: block;
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 0.5);
    color: var(--_c);
    text-decoration: none;
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.2678571429)), 1.5rem);
    white-space: nowrap;
  }
  .p-headernav__link.current {
    font-weight: 800;
  }
  .p-headernav__link:hover {
    text-decoration: none;
  }
  .p-headernav__btn {
    display: -ms-grid;
    display: grid;
    place-items: center;
    aspect-ratio: 1/1;
    padding: calc(var(--gap) * 0.8);
    margin-block: calc(var(--gap) * 0.8);
    border-radius: 100vmax;
    background-color: var(--bgc-acc1);
    text-decoration: none;
    color: var(--bgtc-acc1);
    font-size: clamp(1.1rem, calc(1.1rem + (1vw - 0.32rem) * (0.3571428571)), 1.5rem);
    white-space: nowrap;
  }
  .p-headernav__btn:hover {
    background-color: var(--bgc-acc2);
  }
  .p-gNav_trigger__wrap {
    --_c: var(--bgc-acc1);
    --_a: var(--bgtc-acc1);
    padding: calc(var(--gap) * 0);
    display: none;
  }
  @media only screen and (max-width: 979px) {
    .p-gNav_trigger__wrap {
      display: block;
    }
  }
  .p-gNav_trigger__item {
    height: 100%;
    aspect-ratio: 1/1;
    display: -ms-grid;
    display: grid;
    place-content: center;
    cursor: pointer;
  }
  .p-gNav_trigger__box {
    display: -ms-grid;
    display: grid;
    gap: 0;
    place-items: center;
    position: relative;
    font-size: var(--font-xs);
  }
  .p-gNav_trigger__bars {
    aspect-ratio: 5/4;
    width: calc(var(--gap) * 2.5);
    position: relative;
  }
  .p-gNav_trigger__bar {
    --_deg: 0deg;
    --_bar1deg: calc(var(--_deg) * -1);
    --_bar2deg: 0;
    --_bar3deg: calc(var(--_deg) * 1);
    --_bar1top: 0%;
    --_bar2top: 50%;
    --_bar3top: 100%;
    --_bar1bg: var(--_a);
    --_bar2bg: var(--_a);
    --_bar3bg: var(--_a);
    position: absolute;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    display: block;
    background: var(--_a);
    height: 1px;
    width: 100%;
    -webkit-transition: rotate 0.3s ease-in, top 0.3s 0.3s ease-out, background 0.3s ease-in-out;
    transition: rotate 0.3s ease-in, top 0.3s 0.3s ease-out, background 0.3s ease-in-out;
  }
  .p-gNav_trigger__bar:nth-child(1) {
    top: var(--_bar1top);
    rotate: var(--_bar1deg);
    background: var(--_bar1bg);
  }
  .p-gNav_trigger__bar:nth-child(2) {
    top: var(--_bar2top);
    rotate: var(--_bar2deg);
    background: var(--_bar2bg);
  }
  .p-gNav_trigger__bar:nth-child(3) {
    top: var(--_bar3top);
    rotate: var(--_bar3deg);
    background: var(--_bar3bg);
  }
  .is_active .p-gNav_trigger__bar {
    --_deg: 45deg;
    --_bar1top: 50%;
    --_bar2top: 50%;
    --_bar3top: 50%;
    --_bar2bg: transparent;
    -webkit-transition: rotate 0.3s 0.3s ease-out, top 0.3s ease-in, background 0.3s ease-in-out;
    transition: rotate 0.3s 0.3s ease-out, top 0.3s ease-in, background 0.3s ease-in-out;
  }
  .p-meganav__wrap {
    background: var(--bgc-suf1);
    width: 100%;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    place-content: center;
  }
  .p-meganav__nav {
    padding-block: calc(var(--gap) * 1);
  }
  .p-meganav__list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  @media only screen and (max-width: 979px) {
    .p-meganav__list {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 419px) {
    .p-meganav__list {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .p-meganav__item {
    padding: calc(var(--gap) * 1) var(--windowpaddinginline);
  }
  .p-meganav__link {
    display: block;
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 0.5);
    font-size: var(--font-l);
    color: var(--bgtc);
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .p-meganav__link:hover {
    opacity: 0.6;
  }
  .p-meganav__sublist {
    font-size: var(--font-m);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-padding-start: 2em;
            padding-inline-start: 2em;
  }
  .p-meganav__subitem {
    list-style: disc;
  }
  .p-meganav__subitem::marker {
    color: var(--bgc-acc1);
  }
  .p-meganav__sublink {
    display: block;
    padding: calc(var(--gap) * 0.5);
    color: var(--bgtc);
    text-decoration: none;
  }
  .p-meganav__sublink:hover {
    opacity: 0.6;
  }
  .p-mainvisual__wrap {
    --_logo: 20vmin;
    --_animtime_1: 2s;
    --_animtime_2: 2s;
    --_animtime_3: 2s;
    --_animtime_4: 0.5s;
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr calc(var(--gap) * 2) auto calc(var(--gap) * 2) 1fr;
    -ms-grid-columns: 1fr;
        grid-template: "domain" 1fr "fig" auto "slogan" 1fr/1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--gap) * 2);
    height: 100dvh;
    padding: 0;
    background: var(--bgc-acc1);
    clip-path: circle(150vmin at 50% 50%);
    -webkit-animation: anim_circle var(--_animtime_1) linear forwards;
            animation: anim_circle var(--_animtime_1) linear forwards;
  }
  @-webkit-keyframes anim_circle {
    0% {
      clip-path: circle(0 at 50% 50%);
      -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
              animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }
    20% {
      clip-path: circle(20vmin at 50% 50%);
      -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
              animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }
    100% {
      clip-path: circle(150vmin at 50% 50%);
    }
  }
  @keyframes anim_circle {
    0% {
      clip-path: circle(0 at 50% 50%);
      -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
              animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }
    20% {
      clip-path: circle(20vmin at 50% 50%);
      -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
              animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }
    100% {
      clip-path: circle(150vmin at 50% 50%);
    }
  }
  .p-mainvisual__domain {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: domain;
    text-align: center;
    text-transform: uppercase;
    font-size: min(7.6923076923vw, 20vmin);
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    -webkit-animation: anim_dmain var(--_animtime_2) ease-out forwards;
            animation: anim_dmain var(--_animtime_2) ease-out forwards;
    letter-spacing: 0;
    opacity: 1;
    height: 100%;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: end;
        align-content: end;
    line-height: 1;
  }
  @-webkit-keyframes anim_dmain {
    0% {
      letter-spacing: 100vw;
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      letter-spacing: 0vw;
      opacity: 1;
    }
  }
  @keyframes anim_dmain {
    0% {
      letter-spacing: 100vw;
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      letter-spacing: 0vw;
      opacity: 1;
    }
  }
  .p-mainvisual__domain:before {
    position: absolute;
    z-index: -1;
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 0%;
    background: #fff;
    -webkit-animation: anim_whitebg var(--_animtime_4) var(--_animtime_2) ease-in-out forwards;
            animation: anim_whitebg var(--_animtime_4) var(--_animtime_2) ease-in-out forwards;
  }
  @-webkit-keyframes anim_whitebg {
    0% {
      height: 0%;
    }
    100% {
      height: calc(100% - 0.5lh);
    }
  }
  @keyframes anim_whitebg {
    0% {
      height: 0%;
    }
    100% {
      height: calc(100% - 0.5lh);
    }
  }
  .p-mainvisual__fig {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: fig;
    display: -ms-grid;
    display: grid;
    place-content: center;
  }
  .p-design-main__section > .p-mainvisual__fig {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-mainvisual__img {
    width: var(--_logo);
  }
  .p-mainvisual__slogan {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: slogan;
    text-align: center;
    font-size: var(--font-xl);
    -webkit-animation: anim_slogan var(--_animtime_3) ease-out forwards;
            animation: anim_slogan var(--_animtime_3) ease-out forwards;
    letter-spacing: 0;
    opacity: 0;
  }
  @-webkit-keyframes anim_slogan {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes anim_slogan {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .p-pageTitle__wrap {
    --_p: calc(var(--gap) * 3);
    --_gap: calc(var(--gap) * 1);
    --_stfz: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (5.8928571429)), 8rem);
    --_stfz: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (4.5535714286)), 6.5rem);
    --_gp: calc(var(--_p) + (var(--_stfz) / 2));
    grid-column: 1/-1;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--bgc)), color-stop(var(--bgc)), color-stop(var(--bgc-acc1)), to(var(--bgc-acc1)));
    background: linear-gradient(to bottom, var(--bgc) 0%, var(--bgc) var(--_gp), var(--bgc-acc1) var(--_gp), var(--bgc-acc1) 100%);
    color: var(--bgtc-acc1);
  }
  .p-pageTitle__box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: var(--_gap);
    padding-block: var(--_p);
  }
  .p-pageTitle__titletext {
    display: block;
  }
  .p-pageTitle__title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    color: var(--bgtc);
    font-weight: 400;
    font-size: var(--_tfz);
    line-height: 1;
  }
  .p-pageTitle__title[data-display-title] {
    font-size: 0;
  }
  .p-pageTitle__title[data-display-title]::before {
    content: attr(data-display-title);
    font-size: var(--font-l);
  }
  .p-pageTitle__subtitle {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: var(--_stfz);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--bgtc);
    line-height: 1;
  }
  .p-main__wrap {
    --_fsaccent-main: clamp(1.8rem, calc(1.8rem + (1vw - 0.32rem) * (1.5178571429)), 3.5rem);
    --_fsaccent-sub: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.5357142857)), 2rem);
  }
  .p-hero__wrap {
    grid-column: 1/-1;
    background: url(../img/bk_geometry.svg) repeat center center/calc(var(--bp-xl) / 1) auto;
    -webkit-padding-after: var(--sectiongap);
            padding-block-end: var(--sectiongap);
  }
  .p-hero__section {
    grid-column: 1/-1;
    width: 100%;
  }
  .p-hero__title {
    font-size: var(--font-xl);
    line-height: 1.5;
    text-align: center;
  }
  .p-hero__lead {
    background: var(--bgc);
    max-width: var(--bp-m);
    margin-inline: auto;
    padding: var(--blockgap);
  }
  .p-hero__lead_title {
    font-size: var(--font-l);
    line-height: 1.5;
    text-align: center;
  }
  .p-hero__lead_description {
    font-size: var(--font-m);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .p-hero__lead_data {
    font-size: var(--font-xs);
    text-align: right;
  }
  .p-hero-cards__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    --_m: calc(var(--gap) * 2);
    -webkit-margin-before: var(--sectiongap);
            margin-block-start: var(--sectiongap);
    padding: 0;
  }
  .p-hero-cards__item {
    list-style: none;
    margin: 0;
  }
  .p-hero-cards__item:nth-child(2n-1) {
    -webkit-margin-after: var(--_m);
            margin-block-end: var(--_m);
  }
  .p-hero-cards__item:nth-child(2n) {
    -webkit-margin-before: var(--_m);
            margin-block-start: var(--_m);
  }
  .p-hero-cards__item::before {
    content: none;
  }
  .p-hero-card__wrap {
    background: #ccc;
  }
  .p-hero-card__fig {
    padding: calc(var(--gap) * 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 0.5);
  }
  .p-hero-card__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 300px;
    margin-inline: auto;
  }
  .p-hero-card__figc {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
    font-size: var(--font-l);
    font-weight: 600;
  }
  .p-about-clients__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr));
    gap: calc(var(--gap) * 1) calc(var(--gap) * 2);
    padding: 0;
  }
  .p-about-clients__item {
    list-style: none;
    margin: 0;
    -webkit-margin-start: 2.5em;
            margin-inline-start: 2.5em;
  }
  .p-about-clients__note {
    text-align: right;
    font-size: var(--font-s);
  }
  .p-web-main__wrap {
    background: #fff;
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    padding-block: var(--sectiongap);
  }
  .p-web-main__wrap :where(.c-headline--h2-default) {
    grid-column: 1/-1;
  }
  .p-web-main__section {
    grid-column: 3/-3;
  }
  .p-web-operation__list {
    --_p: calc(var(--gap) * 2);
  }
  .p-web-operation__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-after: 1px solid #ccc;
            border-block-end: 1px solid #ccc;
  }
  @media only screen and (max-width: 979px) {
    .p-web-operation__item {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      padding: calc(var(--gap) * 1) 0;
    }
  }
  .p-web-operation__title {
    font-size: var(--font-l);
    font-weight: 600;
    padding: var(--_p) calc(var(--_p) * 2);
  }
  @media only screen and (max-width: 979px) {
    .p-web-operation__title {
      padding: var(--_p);
    }
  }
  .p-web-operation__description {
    font-size: var(--font-s);
    padding: var(--_p) calc(var(--_p) * 2);
    position: relative;
  }
  @media only screen and (max-width: 979px) {
    .p-web-operation__description {
      padding: calc(var(--gap) * 1);
    }
  }
  .p-web-operation__description::before {
    content: "";
    position: absolute;
    inset: var(--_p) auto var(--_p) -3px;
    width: 6px;
    background: var(--bgc-acc1);
  }
  @media only screen and (max-width: 979px) {
    .p-web-operation__description::before {
      inset: -3px var(--_p) auto var(--_p);
      width: auto;
      height: 6px;
    }
  }
  .p-web-operation__notes {
    font-size: var(--font-s);
    color: #f00;
  }
  .p-web-updates__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--gap) * 1);
    --_size: 50px;
    -webkit-padding-before: var(--_size);
            padding-block-start: var(--_size);
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  @media only screen and (max-width: 979px) {
    .p-web-updates__list {
      --_size: 36px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: calc(var(--gap) * 1 + var(--_size)) calc(var(--gap) * 1);
    }
  }
  .p-web-updates__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 0.5);
    background: var(--bgc-suf3);
    color: var(--bgtc-suf3);
    padding: calc(var(--_size) + var(--gap) * 2) calc(var(--gap) * 2) calc(var(--gap) * 2);
    position: relative;
  }
  .p-web-updates__item::before {
    content: none;
  }
  @media only screen and (max-width: 979px) {
    .p-web-updates__item {
      padding: calc(var(--_size) + var(--gap) * 1) calc(var(--gap) * 1) calc(var(--gap) * 1);
    }
  }
  .p-web-updates__title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: var(--font-l);
    text-align: center;
    font-weight: 600;
  }
  .p-web-updates__figure {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: calc(var(--_size) * 2);
    height: calc(var(--_size) * 2);
    margin-inline: auto;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -50%;
  }
  .p-web-updates__description {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .p-web-options__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--gap) * 1);
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  @media only screen and (max-width: 979px) {
    .p-web-options__list {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .p-web-options__item {
    display: -ms-grid;
    display: grid;
    place-items: center;
    text-align: center;
    font-size: var(--font-l);
    font-weight: 600;
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    line-height: 1.5;
    padding: calc(var(--gap) * 1);
    margin: 0;
  }
  .p-web-options__item::before {
    content: none;
  }
  .p-web-options__text {
    display: -ms-grid;
    display: grid;
    place-items: center;
    min-height: 2lh;
  }
  .p-web-flow__list {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr min(300px, 20vw);
    grid-template-columns: auto 1fr min(300px, 20vw);
  }
  .p-web-flow__item {
    list-style: none;
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    margin: 0;
    -webkit-border-after: 1px solid #ccc;
            border-block-end: 1px solid #ccc;
    padding-block: calc(var(--gap) * 2);
    --_bg: var(--bgc-acc1);
  }
  .p-web-flow__item:nth-child(n+3) {
    --_bg: var(--bgc-acc2);
  }
  .p-web-flow__item::before {
    content: none;
  }
  @media only screen and (max-width: 767px) {
    .p-web-flow__item {
      -ms-grid-columns: 1fr -webkit-max-content 1fr;
      -ms-grid-columns: 1fr max-content 1fr;
      grid-template-columns: 1fr -webkit-max-content 1fr;
      grid-template-columns: 1fr max-content 1fr;
    }
  }
  .p-web-flow__step {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -ms-grid-rows: -webkit-max-content calc(var(--gap) * 1) 1fr;
    -ms-grid-rows: max-content calc(var(--gap) * 1) 1fr;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
    gap: calc(var(--gap) * 1) calc(var(--gap) * 2);
  }
  .p-web-flow__step > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-web-flow__step > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-web-flow__item:nth-child(2) .p-web-flow__step::after {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    content: "ここまで無料対応";
    -webkit-border-before: 1px solid #ccc;
            border-block-start: 1px solid #ccc;
    font-size: var(--font-xl);
    font-weight: 500;
    text-align: center;
    -webkit-margin-before: calc(var(--gap) * 1);
            margin-block-start: calc(var(--gap) * 1);
    -webkit-padding-before: calc(var(--gap) * 2);
            padding-block-start: calc(var(--gap) * 2);
  }
  .p-web-flow__count {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
  .p-web-flow__count_box {
    background: var(--_bg);
    clip-path: circle(50% at 50% 50%);
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 2em;
    font-size: var(--font-m);
    aspect-ratio: 1/1;
    height: 100%;
  }
  @media only screen and (max-width: 767px) {
    .p-web-flow__count_box {
      height: auto;
      width: auto;
    }
  }
  .p-web-flow__count_step {
    text-transform: uppercase;
    line-height: 1;
    display: block;
  }
  .p-web-flow__count_number {
    font-size: var(--font-xl);
    font-weight: 600;
    line-height: 1;
  }
  @media only screen and (max-width: 767px) {
    .p-web-flow__count {
      grid-column: 2/-2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1/2;
    }
  }
  .p-web-flow__title {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin: 0;
    font-size: var(--font-l);
  }
  @media only screen and (max-width: 767px) {
    .p-web-flow__title {
      grid-column: 1/-1;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2/3;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin-inline: auto;
    }
  }
  .p-web-flow__free {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .p-web-flow__content {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  @media only screen and (max-width: 767px) {
    .p-web-flow__content {
      grid-column: 1/-1;
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3/4;
    }
  }
  .p-web-flow__contact {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 2) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--gap) * 2);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  .p-web-flow__contact_item {
    list-style: none;
  }
  .p-web-flow__contact_item::before {
    content: none;
  }
  .p-web-flow__contact_telbox {
    text-align: center;
    line-height: 1.3;
  }
  .p-web-flow__contact_tel {
    font-size: var(--font-xl);
  }
  .p-web-flow__contact_worktime {
    font-size: var(--font-s);
  }
  .p-web-flow__contact_link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto calc(var(--gap) * 1) auto;
    grid-template-columns: auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--gap) * 1);
    text-decoration: none;
    color: currentColor;
    --_bg: #444;
    --_bgtc: #fff;
    --_c: #000;
  }
  .p-web-flow__contact_link:hover {
    --_bg: var(--bgc-acc1);
    --_bgtc: var(--bgtc-acc1);
    --_c: #000;
  }
  .p-web-flow__contact_icon {
    display: block;
    background: var(--_bg);
    color: var(--_bgtc);
    display: -ms-grid;
    display: grid;
    place-items: center;
    aspect-ratio: 1/1;
    padding: 0.5em;
    border-radius: 100vmax;
    font-size: var(--font-xl);
    font-weight: 400;
  }
  .p-web-flow__contact_text {
    font-weight: 600;
    font-size: var(--font-xl);
    color: var(--_c);
  }
  @media only screen and (max-width: 767px) {
    .p-web-flow__contact {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .p-web-flow__inner_content--bg {
    background: #f2f2f2;
    padding: calc(var(--gap) * 2);
  }
  .p-web-flow__inner_content li::before {
    content: none;
  }
  .p-web-flow__figure {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
  @media only screen and (max-width: 767px) {
    .p-web-flow__figure {
      grid-column: 1/-1;
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      grid-row: 4/5;
    }
  }
  .p-design-main__section {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto var(--blockgap) auto var(--blockgap) auto;
    -ms-grid-columns: -webkit-max-content calc(var(--gap) * 2) 1fr;
    -ms-grid-columns: max-content calc(var(--gap) * 2) 1fr;
        grid-template: "fig fig" "subtitle content" "list list" auto/max-content 1fr;
    gap: var(--blockgap) calc(var(--gap) * 2);
  }
  @media only screen and (max-width: 767px) {
    .p-design-main__section {
      -ms-grid-rows: auto calc(var(--gap) * 1) auto calc(var(--gap) * 1) auto calc(var(--gap) * 1) auto;
      -ms-grid-columns: -webkit-max-content calc(var(--gap) * 2) 1fr;
      -ms-grid-columns: max-content calc(var(--gap) * 2) 1fr;
          grid-template: "fig fig" "subtitle subtitle" "content content" "list list" auto/max-content 1fr;
      gap: calc(var(--gap) * 1) calc(var(--gap) * 2);
    }
  }
  .p-design-main__subtitle {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: subtitle;
    font-size: var(--font-xl);
    line-height: 1.5;
    font-weight: normal;
  }
  .p-design-main__fig {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: fig;
  }
  .p-design-main__section > .p-design-main__fig {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-design-main__content {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: content;
  }
  .p-design-main__list {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: list;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--gap) * 1);
    padding: 0;
  }
  @media only screen and (max-width: 767px){
    .p-design-main__section > .p-mainvisual__fig {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
    }
    .p-design-main__subtitle {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
    }
    .p-design-main__section > .p-design-main__fig {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
    }
    .p-design-main__content {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
    }
    .p-design-main__list {
      -ms-grid-row: 7;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
    }
  }
  .p-design-main__item {
    list-style: none;
  }
  .p-design-main__item::before {
    content: none;
  }
  .p-design-contact__wrap {
    grid-column: 1/-1;
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    padding: calc(var(--gap) * 2);
    text-align: center;
    font-size: var(--font-xl);
    line-height: 1.5;
    font-weight: 600;
  }
  .p-design-contact__link {
    color: currentColor;
  }
  .p-case-portfolio__list {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 2) 1fr calc(var(--gap) * 2) 1fr calc(var(--gap) * 2) 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(var(--gap) * 2);
  }
  @media only screen and (max-width: 767px) {
    .p-case-portfolio__list {
      -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr;
      grid-template-columns: repeat(2, 1fr);
      gap: calc(var(--gap) * 1);
    }
  }
  .p-case-portfolio__item {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .p-case-portfolio__item::before {
    content: none;
  }
  .p-case-portfolio__popup {
    --_cp:circle(0% at 50% 50%);
    cursor: pointer;
    position: relative;
    display: block;
    height: 100%;
  }
  .p-case-portfolio__popup::before {
    position: absolute;
    inset: 0;
    background: var(--bgc-acc1);
  }
  .p-case-portfolio__popup:hover {
    --_cp:circle(100% at 50% 50%);
  }
  .p-case-portfolio__popup:hover::before {
    background: var(--bgc-acc2);
  }
  .p-case-portfolio__thumbfig {
    aspect-ratio: 10/16;
    height: 100%;
    position: relative;
  }
  .p-case-portfolio__thumbimg {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0%;
       object-position: 50% 0%;
    border: 1px solid #ccc;
  }
  .p-case-portfolio__thumbcaption {
    position: absolute;
    inset: 0;
    display: -ms-grid;
    display: grid;
    place-items: center;
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    font-size: var(--font-m);
    line-height: 1.5;
    text-align: center;
    padding: calc(var(--gap) * 1);
    clip-path: var(--_cp);
    -webkit-transition: clip-path 0.3s ease-in-out;
    transition: clip-path 0.3s ease-in-out;
  }
  .p-case-portfolio__dialog::-ms-backdrop {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    cursor: pointer;
  }
  .p-case-portfolio__dialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    cursor: pointer;
  }
  .p-case-portfolio__fig {
    display: -ms-grid;
    display: grid;
    gap: calc(var(--gap) * 1);
  }
  .p-case-portfolio__picture {
    aspect-ratio: 4/3;
    overflow: auto;
    display: block;
  }
  .p-case-portfolio__caption {
    text-align: center;
  }
  .p-case-portfolio__title {
    font-size: var(--font-l);
    font-weight: 600;
    line-height: 1.5;
  }
  .p-case-portfolio__client {
    font-size: var(--font-m);
    font-weight: normal;
    line-height: 1.5;
  }
  .p-case-portfolio__url {
    font-size: var(--font-s);
    line-height: 1.5;
  }
  .p-case-portfolio__closedialog {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    cursor: pointer;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    font-size: var(--font-s);
    text-decoration: none;
    padding: calc(var(--gap) * 1) calc(var(--gap) * 2);
  }
  .p-magazine_toc__wrap {
    background: var(--bgc-acc1);
    padding: calc(var(--gap) * 2);
  }
  @media only screen and (max-width: 767px) {
    .p-magazine_toc__wrap {
      padding: calc(var(--gap) * 1);
    }
  }
  .p-magazine_toc__title {
    font-size: var(--font-l);
    text-transform: uppercase;
    font-size: var(--_headline_subfz);
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (4.2857142857)), 6rem);
    text-align: center;
  }
  .p-magazine_toc__list {
    padding: 0;
  }
  .p-magazine_toc__item::before {
    content: none;
  }
  .p-magazine_toc__link {
    display: block;
    text-align: center;
    background: var(--bgc);
    color: var(--_bgtc);
    font-size: var(--font-l);
    text-decoration: none;
    padding: calc(var(--gap) * 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .p-magazine_toc__link:hover {
    background: var(--bgc-acc2);
  }
  @media only screen and (max-width: 767px) {
    .p-magazine_toc__link {
      font-size: var(--font-m);
    }
  }
  .p-magazine-pagination__wrap {
    grid-column: 3/-3;
    -webkit-margin-before: var(--sectiongap);
            margin-block-start: var(--sectiongap);
    display: -ms-grid;
    display: grid;
    gap: calc(var(--gap) * 2);
  }
  .p-magazine-pagination__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--gap) * 1);
  }
  .p-magazine-pagination__link, .p-magazine-pagination__dummylink {
    height: 100%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    font-size: var(--font-m);
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    text-decoration: none;
    padding: calc(var(--gap) * 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    line-height: 1.5;
  }
  .p-magazine-pagination__link:hover, .p-magazine-pagination__dummylink:hover {
    background: var(--bgc-acc2);
  }
  .p-magazine-pagination__title {
    font-size: var(--font-l);
  }
  .p-magazine-pagination__dummylink {
    background: var(--bgc-suf1);
    color: var(--bgtc-suf1);
    cursor: default;
    pointer-events: none;
  }
  .p-magazine-pagination__backlink__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    background: var(--bgc-suf1);
    color: var(--bgtc-suf1);
    font-size: var(--font-m);
    text-decoration: none;
    padding: calc(var(--gap) * 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    line-height: 1.5;
  }
  .p-magazine-pagination__backlink__link:hover {
    background: var(--bgc-acc2);
  }
  .p-case-filter__list,
  .p-magazine-filter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    gap: calc(var(--gap) * 1);
  }
  @media only screen and (max-width: 767px) {
    .p-case-filter__list,
    .p-magazine-filter__list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  }
  .p-case-filter__item,
  .p-magazine-filter__item {
    list-style: none;
    margin: 0;
  }
  .p-case-filter__item::before,
  .p-magazine-filter__item::before {
    content: none;
  }
  .p-case-filter__button,
  .p-magazine-filter__button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    display: block;
    height: 100%;
    padding: calc(var(--gap) * 1) calc(var(--gap) * 2);
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    font-size: var(--font-l);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  }
  .p-case-filter__button--active, .p-case-filter__button:hover,
  .p-magazine-filter__button--active,
  .p-magazine-filter__button:hover {
    background: var(--bgc-acc2);
  }
  @media only screen and (max-width: 767px) {
    .p-case-filter__button,
    .p-magazine-filter__button {
      padding: calc(var(--gap) * 1);
      font-size: var(--font-m);
    }
  }
  .p-magazine-articles__wrap {
    --bgc-accent: var(--bgc-acc1);
  }
  .p-magazine-articles__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 2) 1fr calc(var(--gap) * 2) 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: auto calc(var(--gap) * 2) auto calc(var(--gap) * 2) auto calc(var(--gap) * 2) auto;
    grid-template-rows: repeat(4, auto);
    gap: calc(var(--gap) * 2);
  }
  .p-magazine-articles__list > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-magazine-articles__list > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-magazine-articles__list > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .p-magazine-articles__list > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-magazine-articles__list > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-magazine-articles__list > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .p-magazine-articles__list > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .p-magazine-articles__list > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .p-magazine-articles__list > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
  .p-magazine-articles__list > *:nth-child(10) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .p-magazine-articles__list > *:nth-child(11) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }
  .p-magazine-articles__list > *:nth-child(12) {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
  }
  @media only screen and (max-width: 767px) {
    .p-magazine-articles__list {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .p-magazine-articles__article {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 4;
    grid-row: span 4;
  }
  .p-magazine-articles__link {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-span: 5;
    grid-row: span 5;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    gap: 0;
    text-decoration: none;
    color: currentColor;
  }
  .p-magazine-articles__link:hover {
    --bgc-accent: var(--bgc-acc2);
  }
  .p-magazine-articles__title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: var(--font-m);
    line-height: 1.5;
    margin: 0;
    background: var(--bgc-accent);
    color: var(--bgtc-acc1);
    padding: calc(var(--gap) * 1);
    margin: 0;
    display: -ms-grid;
    display: grid;
    place-items: center;
  }
  .p-magazine-articles__date {
    font-size: var(--font-xs);
    text-align: right;
    display: block;
  }
  .p-magazine-articles__figure {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: 0;
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  .p-magazine-articles__figure--noimage {
    background: #ddd;
    container-type: size;
    padding: calc(var(--gap) * 2);
  }
  .p-magazine-articles__img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-magazine-articles__img--noimage {
    opacity: 0.2;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .p-magazine-articles__summary {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    font-size: var(--font-s);
    border: calc(var(--gap) * 0.5) solid var(--bgc-accent);
    padding: calc(var(--gap) * 1);
  }
  .p-magazine-articles__summary :where(p) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 任意の行数を指定 */
  }
  .p-magazine-articles__meta {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    background: var(--bgc-accent);
    color: var(--bgtc-acc1);
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1) 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: 0 auto;
    border-radius: calc(var(--gap) * 0.5) calc(var(--gap) * 0.5) 0 0;
    line-height: 1;
  }
  .p-contact_box__phone {
    text-align: center;
    font-size: var(--font-xl);
  }
  .p-contact_box__worktime {
    font-size: var(--font-s);
  }
  .p-privacy__wrap {
    grid-column: 3/-3;
  }
  .p-privacy__section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--blockgap);
  }
  .p-privacy-signature__content {
    text-align: right;
    font-size: var(--font-s);
  }
  .p-top_section__wrap {
    display: -ms-grid;
    display: grid;
    grid-column: 1/-1;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    --_sep: 9;
    --_headline_mainfz: clamp(2rem, calc(2rem + (1vw - 0.32rem) * (1.7857142857)), 4rem);
    --_headline_subfz: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (7.8571428571)), 10rem);
    --_readable_fz: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.2678571429)), 1.7rem);
  }
  .p-top_section__wrap--about {
    background: url(../img/bk_events_1997.svg) repeat 50% 50%/cover;
    -webkit-padding-after: var(--sectiongap);
            padding-block-end: var(--sectiongap);
  }
  .p-top_section__wrap--service {
    -webkit-padding-after: var(--sectiongap);
            padding-block-end: var(--sectiongap);
  }
  .p-top_section__wrap--works {
    -webkit-padding-after: var(--sectiongap);
            padding-block-end: var(--sectiongap);
    background: var(--bgc-suf1);
  }
  .p-top_section__title {
    grid-column: 3/-3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1);
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    -webkit-margin-after: calc(var(--sectiongap) / 2);
            margin-block-end: calc(var(--sectiongap) / 2);
  }
  @media only screen and (max-width: 767px) {
    .p-top_section__title {
      gap: 0;
    }
  }
  .p-top_section__title--main {
    font-size: var(--_headline_mainfz);
  }
  .p-top_section__title--en {
    text-transform: uppercase;
    font-size: var(--_headline_subfz);
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
  }
  .p-top_section__title--sub {
    font-size: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.9821428571)), 2.5rem);
    font-weight: 600;
  }
  .p-top_section__title--news {
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-column: 3/6;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    font-size: var(--font-xl);
  }
  @media only screen and (max-width: 979px) {
    .p-top_section__title--news {
      grid-column: 3/-3;
      grid-row: unset;
    }
  }
  .p-top_section__box--about {
    background: var(--bgc-acc1);
    padding: var(--sectiongap);
    grid-column: 3/-3;
    max-width: var(--bp-s);
    margin-inline: auto;
  }
  .p-top_section__separatorbox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: calc(var(--gap) * 2);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .p-top_section__separatorbox :where(article),
  .p-top_section__separatorbox :where(figure) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .p-top_section__separatorbox--website {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
    --_sp: 8;
  }
  .p-top_section__separatorbox--website :where(article) {
    grid-column: var(--_sp)/-1;
  }
  .p-top_section__separatorbox--website :where(figure) {
    grid-column: 1/var(--_sp);
  }
  @media only screen and (max-width: 979px) {
    .p-top_section__separatorbox--website {
      grid-column: 1/-3;
    }
  }
  @media only screen and (max-width: 767px) {
    .p-top_section__separatorbox--website {
      grid-column: 3/-3;
    }
    .p-top_section__separatorbox--website :where(article),
    .p-top_section__separatorbox--website :where(figure) {
      grid-column: 1/-1;
      grid-row: unset;
    }
  }
  .p-top_section__separatorbox--dtpdesign {
    --_sp: -8;
    grid-column: -13/-1;
  }
  .p-top_section__separatorbox--dtpdesign :where(article) {
    grid-column: 1/var(--_sp);
  }
  .p-top_section__separatorbox--dtpdesign :where(figure) {
    grid-column: var(--_sp)/-1;
  }
  @media only screen and (max-width: 979px) {
    .p-top_section__separatorbox--dtpdesign {
      grid-column: 3/-1;
    }
  }
  @media only screen and (max-width: 767px) {
    .p-top_section__separatorbox--dtpdesign {
      grid-column: 3/-3;
    }
    .p-top_section__separatorbox--dtpdesign :where(article),
    .p-top_section__separatorbox--dtpdesign :where(figure) {
      grid-column: 1/-1;
      grid-row: unset;
    }
  }
  .p-top_section__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: calc(var(--gap) * 1);
  }
  .p-top_section__content > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-top_section__content--news {
    grid-column: 6/-3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  @media only screen and (max-width: 979px) {
    .p-top_section__content--news {
      grid-column: 3/-3;
      grid-row: unset;
    }
  }
  .p-top_section__subtitle {
    font-size: var(--font-l);
    margin: 0;
  }
  .p-top_section__lead {
    font-weight: bold;
    margin: 0;
  }
  .p-top_section__link {
    --_bdc: var(--bgc-acc1);
    --_bd: 3px solid var(--_bdc);
    --_bgc: var(--bgc-suf1);
    --_bgtc: var(--bgtc-suf1);
  }
  .p-top_section__link:hover {
    --_bdc: var(--bgtc-acc1);
    --_bgc: var(--bgc-acc1);
    --_bgtc: var(--bgtc-acc1);
  }
  .p-top_section__textbox {
    font-size: var(--_readable_fz);
    line-height: 1.8;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: calc(var(--gap) * 2);
  }
  .p-top_section__textbox > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-top_section__textbox :where(p) {
    margin: 0;
  }
  @media only screen and (max-width: 767px) {
    .p-top_section__textbox {
      gap: calc(var(--gap) * 1);
    }
  }
  .p-top-works__list {
    --_m: calc(var(--gap) * 1);
    grid-column: 1/-1;
    padding: 0 var(--windowpaddinginline);
    margin-inline: calc(var(--_m) * -1);
  }
  .p-top-works__item {
    list-style: none;
    margin-inline: var(--_m);
  }
  .p-top-works__item::before {
    content: none;
  }
  .p-top-works__fig {
    aspect-ratio: 4/3;
  }
  .p-top-works__img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0%;
       object-position: 50% 0%;
    margin-bottom: calc(var(--gap) * 0.5);
    position: relative;
  }
  .p-top-works__img::before {
    content: attr(data-category);
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--bgc-acc1);
    color: var(--_bgtc--acc1);
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
    line-height: 1;
    font-size: var(--font-xs);
    text-transform: uppercase;
  }
  .p-top-works__figc {
    font-size: var(--font-s);
    line-height: 1.3;
  }
  .p-top-works__company::before {
    content: "（";
  }
  .p-top-works__company::after {
    content: "）";
  }
  .p-top_news__wrap {
    gap: calc(var(--gap) * 0.5);
  }
  .p-top_news__filtering {
    -webkit-padding-after: calc(var(--gap) * 1);
            padding-block-end: calc(var(--gap) * 1);
  }
  .p-top_news__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--gap) * 0.5);
    padding: 0;
    margin: 0;
  }
  .p-top_news__categoryitem {
    list-style: none;
    margin: 0;
  }
  .p-top_news__categoryitem::before {
    content: none;
  }
  .p-top_news__categorybutton {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: var(--bgc-suf1);
    border: none;
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
    cursor: pointer;
  }
  .p-top_news__categorybutton.is_active {
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    border-color: var(--bgc-acc1);
  }
  @media only screen and (max-width: 639px) {
    .p-top_news__categorybutton {
      padding: calc(var(--gap) * 0.2) calc(var(--gap) * 0.5);
    }
  }
  .p-top_news__list {
    padding: 0;
    -webkit-border-before: 1px solid #ccc;
            border-block-start: 1px solid #ccc;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content calc(var(--gap) * 1) -webkit-max-content calc(var(--gap) * 1) 1fr;
    -ms-grid-columns: max-content calc(var(--gap) * 1) max-content calc(var(--gap) * 1) 1fr;
    grid-template-columns: -webkit-max-content -webkit-max-content 1fr;
    grid-template-columns: max-content max-content 1fr;
    gap: 0 calc(var(--gap) * 1);
  }
  .p-top_news__listitem {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    -webkit-border-after: 1px solid #ccc;
            border-block-end: 1px solid #ccc;
    padding: calc(var(--gap) * 1) calc(var(--gap) * 1);
    margin-bottom: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .p-top_news__listitem[disabled] {
    height: 0;
    padding-block: 0;
    border-block-width: 0;
  }
  .p-top_news__listitem[data-category=news] {
    --_t: "お知らせ";
    --_bgc: var(--bgc-acc1);
    --_bgtc: var(--bgtc-acc1);
  }
  .p-top_news__listitem[data-category=astra] {
    --_t: "アストラザスタジオ通信";
    --_bgc: var(--bgc-acc2);
    --_bgtc: var(--bgtc-acc2);
  }
  .p-top_news__listitem::before {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    position: static;
    border-radius: 0;
    width: auto;
    content: var(--_t);
    background: var(--_bgc);
    padding: calc(var(--gap) * 0.2) calc(var(--gap) * 1);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    text-align: center;
    font-size: var(--font-xs);
    color: var(--_bgtc);
    translate: 0 0;
  }
  @media only screen and (max-width: 639px) {
    .p-top_news__listitem::before {
      padding-inline: calc(var(--gap) * 0.5);
    }
  }
  @media only screen and (max-width: 767px) {
    .p-top_news__listitem {
      -ms-grid-rows: -webkit-max-content -webkit-max-content;
      -ms-grid-rows: max-content max-content;
      grid-template-rows: -webkit-max-content -webkit-max-content;
      grid-template-rows: max-content max-content;
    }
  }
  @media only screen and (max-width: 639px) {
    .p-top_news__listitem {
      padding: calc(var(--gap) * 0.5);
    }
  }
  .p-top_news__listdate {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .p-top_news__listmeta {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .p-top_news__listmeta a {
    color: currentColor;
  }
  @media only screen and (max-width: 767px) {
    .p-top_news__listmeta {
      -ms-grid-column-span: 3;
      grid-column: span 3;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2/3;
    }
  }
  .p-pagetopanchor__wrap {
    position: fixed;
    z-index: calc(infinity);
    width: 100%;
    bottom: calc(var(--gap) * 1);
    right: calc(var(--gap) * 1);
    left: auto;
    -webkit-transition: translate 0.3s ease-in;
    transition: translate 0.3s ease-in;
    translate: 0 calc(100% + var(--gap) * 1);
  }
  .p-pagetopanchor__wrap.pcactive {
    translate: 0 0;
  }
  .p-pagetopanchor__wrap.is_scrolling {
    -webkit-animation: anim_scroll 0.5s ease-in forwards;
            animation: anim_scroll 0.5s ease-in forwards;
    translate: 0 0;
  }
  @-webkit-keyframes anim_scroll {
    0% {
      translate: 0 0;
    }
    100% {
      translate: 0 -100dvh;
    }
  }
  @keyframes anim_scroll {
    0% {
      translate: 0 0;
    }
    100% {
      translate: 0 -100dvh;
    }
  }
  .p-pagetopanchor__btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto 0;
    display: -ms-grid;
    display: grid;
    place-items: center;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p-pagetopanchor__icon {
    width: 50px;
    -webkit-animation: anim_pagetopanchor 0.1s infinite;
            animation: anim_pagetopanchor 0.1s infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  @-webkit-keyframes anim_pagetopanchor {
    0% {
      -webkit-transform: translate(0px, 0px) rotateZ(0deg);
              transform: translate(0px, 0px) rotateZ(0deg);
    }
    25% {
      -webkit-transform: translate(2px, 2px) rotateZ(1deg);
              transform: translate(2px, 2px) rotateZ(1deg);
    }
    50% {
      -webkit-transform: translate(0px, 2px) rotateZ(0deg);
              transform: translate(0px, 2px) rotateZ(0deg);
    }
    75% {
      -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
              transform: translate(2px, 0px) rotateZ(-1deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotateZ(0deg);
              transform: translate(0px, 0px) rotateZ(0deg);
    }
  }
  @keyframes anim_pagetopanchor {
    0% {
      -webkit-transform: translate(0px, 0px) rotateZ(0deg);
              transform: translate(0px, 0px) rotateZ(0deg);
    }
    25% {
      -webkit-transform: translate(2px, 2px) rotateZ(1deg);
              transform: translate(2px, 2px) rotateZ(1deg);
    }
    50% {
      -webkit-transform: translate(0px, 2px) rotateZ(0deg);
              transform: translate(0px, 2px) rotateZ(0deg);
    }
    75% {
      -webkit-transform: translate(2px, 0px) rotateZ(-1deg);
              transform: translate(2px, 0px) rotateZ(-1deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotateZ(0deg);
              transform: translate(0px, 0px) rotateZ(0deg);
    }
  }
  @media (hover: hover) {
    .p-pagetopanchor__icon:hover {
      -webkit-animation-play-state: running;
              animation-play-state: running;
    }
  }
  .p-sitefooter__wrap {
    grid-column: 1/-1;
    padding-block: var(--blockgap);
    background: var(--bgc);
  }
  .p-sitefooter__info {
    padding-inline: var(--windowpaddinginline);
  }
  .p-sitefooter_info__wrap {
    text-align: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1);
  }
  .p-sitefooter_info__info {
    font-size: var(--font-l);
  }
  .p-sitefooter_info__homelink {
    text-decoration: none;
    color: currentColor;
  }
  .p-sitefooter_info__address {
    font-size: var(--font-s);
    font-style: normal;
  }
}
@layer utility {
  .ouxs {
    display: inherit !important;
  }
  td.ouxs, th.ouxs {
    display: table-cell !important;
  }
  .olxs {
    display: none !important;
  }
  @media only screen and (max-width: 419px) {
    .ouxs {
      display: none !important;
    }
    td.ouxs, th.ouxs {
      display: none !important;
    }
    .olxs {
      display: inherit !important;
    }
    td.olxs, th.olxs {
      display: table-cell !important;
    }
  }
  .ouxs-s {
    display: inherit !important;
  }
  td.ouxs-s, th.ouxs-s {
    display: table-cell !important;
  }
  .olxs-s {
    display: none !important;
  }
  @media only screen and (min-width: 420px) and (max-width: 639px) {
    .ouxs-s {
      display: none !important;
    }
    td.ouxs-s, th.ouxs-s {
      display: none !important;
    }
    .olxs-s {
      display: inherit !important;
    }
    td.olxs-s, th.olxs-s {
      display: table-cell !important;
    }
  }
  .ous {
    display: inherit !important;
  }
  td.ous, th.ous {
    display: table-cell !important;
  }
  .ols {
    display: none !important;
  }
  @media only screen and (max-width: 639px) {
    .ous {
      display: none !important;
    }
    td.ous, th.ous {
      display: none !important;
    }
    .ols {
      display: inherit !important;
    }
    td.ols, th.ols {
      display: table-cell !important;
    }
  }
  .ousmin {
    display: inherit !important;
  }
  td.ousmin, th.ousmin {
    display: table-cell !important;
  }
  .olsmin {
    display: none !important;
  }
  @media only screen and (min-width: 639px) {
    .ousmin {
      display: none !important;
    }
    td.ousmin, th.ousmin {
      display: none !important;
    }
    .olsmin {
      display: inherit !important;
    }
    td.olsmin, th.olsmin {
      display: table-cell !important;
    }
  }
  .ous-m {
    display: inherit !important;
  }
  td.ous-m, th.ous-m {
    display: table-cell !important;
  }
  .ols-m {
    display: none !important;
  }
  @media only screen and (min-width: 640px) and (max-width: 767px) {
    .ous-m {
      display: none !important;
    }
    td.ous-m, th.ous-m {
      display: none !important;
    }
    .ols-m {
      display: inherit !important;
    }
    td.ols-m, th.ols-m {
      display: table-cell !important;
    }
  }
  .oum {
    display: inherit !important;
  }
  td.oum, th.oum {
    display: table-cell !important;
  }
  .olm {
    display: none !important;
  }
  @media only screen and (max-width: 767px) {
    .oum {
      display: none !important;
    }
    td.oum, th.oum {
      display: none !important;
    }
    .olm {
      display: inherit !important;
    }
    td.olm, th.olm {
      display: table-cell !important;
    }
  }
  .oummin {
    display: inherit !important;
  }
  td.oummin, th.oummin {
    display: table-cell !important;
  }
  .olmmin {
    display: none !important;
  }
  @media only screen and (min-width: 767px) {
    .oummin {
      display: none !important;
    }
    td.oummin, th.oummin {
      display: none !important;
    }
    .olmmin {
      display: inherit !important;
    }
    td.olmmin, th.olmmin {
      display: table-cell !important;
    }
  }
  .oum-l {
    display: inherit !important;
  }
  td.oum-l, th.oum-l {
    display: table-cell !important;
  }
  .olm-l {
    display: none !important;
  }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .oum-l {
      display: none !important;
    }
    td.oum-l, th.oum-l {
      display: none !important;
    }
    .olm-l {
      display: inherit !important;
    }
    td.olm-l, th.olm-l {
      display: table-cell !important;
    }
  }
  .oul {
    display: inherit !important;
  }
  td.oul, th.oul {
    display: table-cell !important;
  }
  .oll {
    display: none !important;
  }
  @media only screen and (max-width: 979px) {
    .oul {
      display: none !important;
    }
    td.oul, th.oul {
      display: none !important;
    }
    .oll {
      display: inherit !important;
    }
    td.oll, th.oll {
      display: table-cell !important;
    }
  }
  .oulmin {
    display: inherit !important;
  }
  td.oulmin, th.oulmin {
    display: table-cell !important;
  }
  .ollmin {
    display: none !important;
  }
  @media only screen and (min-width: 979px) {
    .oulmin {
      display: none !important;
    }
    td.oulmin, th.oulmin {
      display: none !important;
    }
    .ollmin {
      display: inherit !important;
    }
    td.ollmin, th.ollmin {
      display: table-cell !important;
    }
  }
  .oul-ul {
    display: inherit !important;
  }
  td.oul-ul, th.oul-ul {
    display: table-cell !important;
  }
  .oll-ul {
    display: none !important;
  }
  @media only screen and (min-width: 980px) and (max-width: 1439px) {
    .oul-ul {
      display: none !important;
    }
    td.oul-ul, th.oul-ul {
      display: none !important;
    }
    .oll-ul {
      display: inherit !important;
    }
    td.oll-ul, th.oll-ul {
      display: table-cell !important;
    }
  }
  .ouul {
    display: inherit !important;
  }
  td.ouul, th.ouul {
    display: table-cell !important;
  }
  .olul {
    display: none !important;
  }
  @media only screen and (max-width: 1439px) {
    .ouul {
      display: none !important;
    }
    td.ouul, th.ouul {
      display: none !important;
    }
    .olul {
      display: inherit !important;
    }
    td.olul, th.olul {
      display: table-cell !important;
    }
  }
  .ouulmin {
    display: inherit !important;
  }
  td.ouulmin, th.ouulmin {
    display: table-cell !important;
  }
  .olulmin {
    display: none !important;
  }
  @media only screen and (min-width: 1440px) {
    .ouulmin {
      display: none !important;
    }
    td.ouulmin, th.ouulmin {
      display: none !important;
    }
    .olulmin {
      display: inherit !important;
    }
    td.olulmin, th.olulmin {
      display: table-cell !important;
    }
  }
  .oud {
    display: inherit !important;
  }
  td.oud, th.oud {
    display: table-cell !important;
  }
  .old {
    display: none !important;
  }
  @media only screen and (min-width: 1440px) {
    .oud {
      display: none !important;
    }
    td.oud, th.oud {
      display: none !important;
    }
    .old {
      display: inherit !important;
    }
    td.old, th.old {
      display: table-cell !important;
    }
  }
  .ouh {
    display: inherit !important;
  }
  td.ouh, th.ouh {
    display: table-cell !important;
  }
  .olh {
    display: none !important;
  }
  @media (orientation: landscape) {
    .ouh {
      display: none !important;
    }
    td.ouh, th.ouh {
      display: none !important;
    }
    .olh {
      display: inherit !important;
    }
    td.olh, th.olh {
      display: table-cell !important;
    }
  }
  .ouv {
    display: inherit !important;
  }
  td.ouv, th.ouv {
    display: table-cell !important;
  }
  .olv {
    display: none !important;
  }
  @media (orientation: portrait) {
    .ouv {
      display: none !important;
    }
    td.ouv, th.ouv {
      display: none !important;
    }
    .olv {
      display: inherit !important;
    }
    td.olv, th.olv {
      display: table-cell !important;
    }
  }
  .oup {
    display: inherit !important;
  }
  td.oup, th.oup {
    display: table-cell !important;
  }
  .olp {
    display: none !important;
  }
  @media print {
    .oup {
      display: none !important;
    }
    td.oup, th.oup {
      display: none !important;
    }
    .olp {
      display: inherit !important;
    }
    td.olp, th.olp {
      display: table-cell !important;
    }
  }
  .ml0 {
    margin-left: 0 !important;
  }
  .dib {
    display: inline-block;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
  }
  .displaynone {
    display: none;
  }
  .u-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .wating {
    color: #f00;
    font-weight: bold;
  }
  .mp {
    text-align: center;
    display: -ms-grid;
    display: grid;
    place-content: center;
  }
  .mawmc {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
  .maw1 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  .maw2 {
    max-width: var(--bp-l);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .maw3 {
    max-width: var(--bp-m);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .ggmap,
  .wp-block-embed__wrapper,
  .youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe,
  .ggmap object,
  .ggmap embed,
  .wp-block-embed__wrapper iframe,
  .wp-block-embed__wrapper object,
  .wp-block-embed__wrapper embed,
  .youtube iframe,
  .youtube object,
  .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .clearfix {
    zoom: 1;
  }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table;
  }
  .clearfix:after {
    clear: both;
  }
  .btnsHoverList > *,
  .btnsHover {
    cursor: pointer !important;
  }
  .px8 {
    font-size: 0.8rem;
  }
  .px9 {
    font-size: 0.9rem;
  }
  .px10 {
    font-size: 1rem;
  }
  .px11 {
    font-size: 1.1rem;
  }
  .px12 {
    font-size: 1.2rem;
  }
  .px13 {
    font-size: 1.3rem;
  }
  .px14 {
    font-size: 1.4rem;
  }
  .px15 {
    font-size: 1.5rem;
  }
  .px16 {
    font-size: 1.6rem;
  }
  .px17 {
    font-size: 1.7rem;
  }
  .px18 {
    font-size: 1.8rem;
  }
  .px19 {
    font-size: 1.9rem;
  }
  .px20 {
    font-size: 2rem;
  }
  .px21 {
    font-size: 2.1rem;
  }
  .px22 {
    font-size: 2.2rem;
  }
  .px23 {
    font-size: 2.3rem;
  }
  .px24 {
    font-size: 2.4rem;
  }
  .red {
    color: red;
  }
  .clear {
    clear: both;
  }
  .tac,
  .txtAlignC,
  .allTxtAlignC th,
  .allTxtAlignC td {
    text-align: center;
  }
  .ta,
  .txtAlignL {
    text-align: left;
  }
  .txtAlignR,
  .tar {
    text-align: right;
  }
  .vAlignMiddle {
    vertical-align: middle;
    margin: 0 5px;
  }
  .flr {
    float: right;
  }
  .fll {
    float: left;
  }
  .flr,
  .fll {
    margin-bottom: calc(var(--gap) * 1);
    max-width: 30%;
    max-width: calc(33.3% - var(--gap) * 1);
  }
  .flr img,
  .fll img {
    width: 100%;
  }
  @media only screen and (max-width: 979px) {
    .flr,
    .fll {
      max-width: 33%;
    }
  }
  ol.zengokakko {
    counter-reset: li;
    padding-left: 0;
  }
  ol.zengokakko li:before {
    counter-increment: li;
    content: "（" counter(li, decimal) "）";
  }
  ol.zengokakko > li {
    list-style: none;
    position: relative;
    padding-left: 2.5em;
  }
  ol.zengokakko > li:before {
    position: absolute;
    left: 0;
    color: #000000 !important;
  }
  ul.comelist {
    padding-left: 0;
  }
  ul.comelist > li {
    list-style: none;
    position: relative;
    padding-left: 1.5em;
  }
  ul.comelist > li:before {
    position: absolute;
    left: 0;
    color: #000000 !important;
  }
  ul.comelist > li {
    margin-top: 0;
    font-size: 1rem;
  }
  ul.comelist > li:before {
    content: "※";
  }
  .tabledl {
    overflow: hidden;
  }
  .tabledl dt {
    float: left;
  }
  .tabledl dd {
    margin-bottom: 0.5em;
  }
  .tabledl.tdl1em dt {
    width: "1em";
  }
  .tabledl.tdl1em dd {
    margin-left: "1.5em";
  }
  .tabledl.tdl2em dt {
    width: "2em";
  }
  .tabledl.tdl2em dd {
    margin-left: "2.5em";
  }
  .tabledl.tdl3em dt {
    width: "3em";
  }
  .tabledl.tdl3em dd {
    margin-left: "3.5em";
  }
  .tabledl.tdl4em dt {
    width: "4em";
  }
  .tabledl.tdl4em dd {
    margin-left: "4.5em";
  }
  .tabledl.tdl5em dt {
    width: "5em";
  }
  .tabledl.tdl5em dd {
    margin-left: "5.5em";
  }
  .widthbox-1-harf {
    width: 50%;
    margin: auto;
  }
  .widthbox-3-quarter {
    width: 75%;
    margin: auto;
  }
  img[src=""] {
    background: #f00;
  }
  .icon i {
    margin-left: 5px;
  }
  .fa-file-pdf {
    color: #f21d1d;
  }
  .fa-file-word {
    color: #121b83;
  }
  .fa-file-excel {
    color: #0e9a2f;
  }
  .fa-file-powerpoint {
    color: #ff9300;
  }
  .fa-clone {
    color: #0077FF;
  }
}