@charset "UTF-8";
/*
 * 個別アニメーション
 */
[data-sa=fadeIn] {
  opacity: var(--sa-fadeIn-opacity, 0);
  transition-property: opacity;
  transition-duration: var(--sa-fadeIn-duration-override, var(--sec-slow));
}
[data-sa=fadeIn].is-show {
  --sa-fadeIn-opacity: 1;
}

[data-sa=fadeInUp] {
  --sa-fadeInUp-translate-default: var(--sa-fadeInUp-translate-override, 0 50px);
  opacity: var(--sa-fadeInUp-opacity, 0);
  translate: var(--sa-fadeInUp-translate, var(--sa-fadeInUp-translate-default));
  transition-property: opacity, translate;
  transition-duration: var(--sa-fadeInUp-duration-override, var(--sec-slow));
}
[data-sa=fadeInUp].is-show {
  --sa-fadeInUp-opacity: 1;
  --sa-fadeInUp-translate: none;
}

[data-sa=mask] {
  position: relative;
  visibility: hidden;
  width: fit-content;
}
[data-sa=mask]::after {
  content: "";
  position: absolute;
  inset: 0;
  visibility: visible;
  background-color: var(--sa-mask-color, currentColor);
  clip-path: inset(0 100% 0 0);
}
[data-sa=mask].is-show {
  animation-name: sa-mask;
  animation-duration: var(--sa-mask-duration, var(--sec-slow));
  animation-fill-mode: both;
}
[data-sa=mask].is-show::after {
  animation-name: sa-mask-before;
  animation-duration: var(--sa-mask-duration, var(--sec-slow));
  animation-fill-mode: both;
}

[data-sa=scaleIn] {
  scale: var(--sa-scaleIn-scale, 0);
  opacity: var(--sa-scaleIn-opacity, 0);
  transition-property: scale, opacity;
  transition-duration: var(--sa-scaleIn-duration-override, var(--sec-slow));
}
[data-sa=scaleIn].is-show {
  --sa-scaleIn-scale: 1;
  --sa-scaleIn-opacity: 1;
}

/*
 * グループ
 */
[data-sa-parent*=fadeIn].is-show {
  --sa-fadeIn-group-opacity: 1;
  --sa-fadeIn-group-translate: none;
}

[data-sa-child*=fadeIn] {
  opacity: var(--sa-fadeIn-group-opacity, 0);
  transition-property: opacity;
  transition-duration: var(--sa-fadeIn-group-duration-override, var(--sec-slow));
}

[data-sa-parent*=fadeInUp].is-show {
  --sa-fadeInUp-group-opacity: 1;
  --sa-fadeInUp-group-translate: none;
}

[data-sa-child*=fadeInUp] {
  --sa-fadeInUp-group-translate-default: var(--sa-fadeInUp-group-translate-override, 0 50px);
  opacity: var(--sa-fadeInUp-group-opacity, 0);
  translate: var(--sa-fadeInUp-group-translate, var(--sa-fadeInUp-group-translate-default));
  transition-property: opacity, translate;
  transition-duration: var(--sa-fadeInUp-group-duration-override, var(--sec-slow));
}

[data-sa-parent=mask] {
  position: relative;
  visibility: hidden;
  width: fit-content;
}
[data-sa-parent=mask]::after {
  content: "";
  position: absolute;
  inset: 0;
  visibility: visible;
  background-color: var(--sa-mask-color, currentColor);
  clip-path: inset(0 100% 0 0);
}

[data-sa-child=mask].is-show [data-sa-group=mask] {
  animation-name: sa-mask;
  animation-duration: var(--sa-mask-duration, var(--sec-slow));
  animation-delay: var(--sa-mask-delay, 0s);
  animation-fill-mode: both;
}
[data-sa-child=mask].is-show [data-sa-group=mask]::after {
  animation-name: sa-mask-before;
  animation-duration: var(--sa-mask-duration, var(--sec-slow));
  animation-delay: var(--sa-mask-delay, 0s);
  animation-fill-mode: both;
}

[data-sa-parent*=scaleIn].is-show {
  --sa-scaleIn-group-scale: 1;
  --sa-scaleIn-group-opacity: 1;
}

[data-sa-child*=scaleIn] {
  scale: var(--sa-scaleIn-group-scale, 0);
  opacity: var(--sa-scaleIn-group-opacity, 0);
  transition-property: scale, opacity;
  transition-duration: var(--sa-scaleIn-group-duration-override, var(--sec-slow));
}

/*
 * 共通keyframes
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scaleIn {
  0% {
    scale: 0;
  }
  100% {
    scale: 1;
  }
}
@keyframes marquee {
  0% {
    translate: 0 0;
  }
  100% {
    translate: -100% 0;
  }
}
@keyframes sa-mask {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  50.01% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}
@keyframes sa-mask-before {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  50% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes border-anime {
  0% {
    background-size: 0 var(--m-border-width);
  }
  100% {
    background-size: 100% var(--m-border-width);
  }
}
.l-wrapper {
  min-width: var(--min-device-width);
}

.l-container {
  container: l-container/inline-size;
}

.l-section {
  --l-section-inner-width-default: var(--site-width);
  --l-section-space-inline-default: var(--space-inline);
  --l-section-space-inline: var(--l-section-space-inline-override, var(--l-section-space-inline-default));
}
.l-section._narrow {
  --l-section-inner-width-default: 960px;
}
.l-section:where(._gutter) {
  padding-inline: var(--l-section-space-inline);
}
.l-section._container {
  container: l-section/inline-size;
}
.l-section__inner {
  --l-section-inner-width: var(--l-section-inner-width-override, var(--l-section-inner-width-default));
  width: 100%;
  max-width: var(--l-section-inner-width);
  margin-inline: auto;
  background-clip: content-box;
}
.l-section__inner._narrow {
  --l-section-inner-width-default: 960px;
}
.l-section__inner._container {
  container: l-section-inner/inline-size;
}
.l-section__inner:where(._gutter) {
  max-width: calc( 						var(--l-section-inner-width) + 						(var(--l-section-space-inline) * 2) 					);
  padding-inline: var(--l-section-space-inline);
}
.l-section__full {
  margin-inline: calc(var(--l-section-space-inline) * -1);
}

.l-column {
  --l-column-head-width-default: 420px;
  --l-column-columnGap-default: 20px;
  --l-column-rowGap-default: 0;
  --l-column-head-width: var(--l-column-head-width-override, var(--l-column-head-width-default));
  --l-column-columnGap: var(--l-column-columnGap-override, var(--l-column-columnGap-default));
  --l-column-rowGap: var(--l-column-rowGap-override, var(--l-column-rowGap-default));
  display: grid;
  grid-template-columns: var(--l-column-head-width) 1fr;
  column-gap: var(--l-column-columnGap);
  row-gap: var(--l-column-rowGap);
}
.l-column__head {
  grid-area: 1/1/2/2;
}
.l-column__head._sticky {
  position: sticky;
  top: calc(var(--header-size) + var(--space-block-lg));
  align-self: start;
}
.l-column__body {
  min-width: 0;
}
.l-column:where(:has(.l-column__foot)) {
  grid-template-rows: 1fr auto;
}
.l-column:where(:has(.l-column__foot)) .l-column__body {
  grid-row: span 2;
}
.l-column._vertical {
  grid-template-columns: 1fr;
}
.l-column._vertical .l-column__head {
  position: revert;
}
.l-column._vertical .l-column__body {
  grid-row: span 1;
}
@media (width <= 1400px) {
  .l-column._vertical\@xl {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@xl .l-column__head {
    position: revert;
  }
  .l-column._vertical\@xl .l-column__body {
    grid-row: span 1;
  }
}
@media (width <= 1120px) {
  .l-column._vertical\@lg {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@lg .l-column__head {
    position: revert;
  }
  .l-column._vertical\@lg .l-column__body {
    grid-row: span 1;
  }
}
@media (width <= 960px) {
  .l-column._vertical\@md {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@md .l-column__head {
    position: revert;
  }
  .l-column._vertical\@md .l-column__body {
    grid-row: span 1;
  }
}
@media (width <= 850px) {
  .l-column._vertical\@md2 {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@md2 .l-column__head {
    position: revert;
  }
  .l-column._vertical\@md2 .l-column__body {
    grid-row: span 1;
  }
}
@media (width <= 768px) {
  .l-column._vertical\@sm {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@sm .l-column__head {
    position: revert;
  }
  .l-column._vertical\@sm .l-column__body {
    grid-row: span 1;
  }
}
@media (width <= 640px) {
  .l-column._vertical\@sm2 {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@sm2 .l-column__head {
    position: revert;
  }
  .l-column._vertical\@sm2 .l-column__body {
    grid-row: span 1;
  }
}
@media (width <= 560px) {
  .l-column._vertical\@xs {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@xs .l-column__head {
    position: revert;
  }
  .l-column._vertical\@xs .l-column__body {
    grid-row: span 1;
  }
}
@media (width <= 374px) {
  .l-column._vertical\@xs2 {
    grid-template-columns: 1fr;
  }
  .l-column._vertical\@xs2 .l-column__head {
    position: revert;
  }
  .l-column._vertical\@xs2 .l-column__body {
    grid-row: span 1;
  }
}

.l-split-header {
  --l-bend-columnGap-default: 20px;
  --l-bend-rowGap-default: var(--space-block-md);
  --l-bend-columnGap: var(--l-bend-columnGap-override, var(--l-bend-columnGap-default));
  --l-bend-rowGap: var(--l-bend-rowGap-override, var(--l-bend-rowGap-default));
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  column-gap: var(--l-bend-columnGap);
  row-gap: var(--l-bend-rowGap);
}
.l-split-header__body {
  grid-column: span 2;
}
.l-split-header__foot {
  grid-area: 1/2/2/3;
}
.l-split-header:not(:has(.l-split-header__foot)) .l-split-header__head {
  grid-column: span 2;
}
.l-split-header._vertical {
  grid-template-columns: 1fr;
}
.l-split-header._vertical .l-split-header__head,
.l-split-header._vertical .l-split-header__body {
  grid-column: span 1;
}
.l-split-header._vertical .l-split-header__foot {
  grid-area: auto;
}
@media (width <= 1400px) {
  .l-split-header._vertical\@xl {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@xl .l-split-header__head,
.l-split-header._vertical\@xl .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@xl .l-split-header__foot {
    grid-area: auto;
  }
}
@media (width <= 1120px) {
  .l-split-header._vertical\@lg {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@lg .l-split-header__head,
.l-split-header._vertical\@lg .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@lg .l-split-header__foot {
    grid-area: auto;
  }
}
@media (width <= 960px) {
  .l-split-header._vertical\@md {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@md .l-split-header__head,
.l-split-header._vertical\@md .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@md .l-split-header__foot {
    grid-area: auto;
  }
}
@media (width <= 850px) {
  .l-split-header._vertical\@md2 {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@md2 .l-split-header__head,
.l-split-header._vertical\@md2 .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@md2 .l-split-header__foot {
    grid-area: auto;
  }
}
@media (width <= 768px) {
  .l-split-header._vertical\@sm {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@sm .l-split-header__head,
.l-split-header._vertical\@sm .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@sm .l-split-header__foot {
    grid-area: auto;
  }
}
@media (width <= 640px) {
  .l-split-header._vertical\@sm2 {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@sm2 .l-split-header__head,
.l-split-header._vertical\@sm2 .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@sm2 .l-split-header__foot {
    grid-area: auto;
  }
}
@media (width <= 560px) {
  .l-split-header._vertical\@xs {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@xs .l-split-header__head,
.l-split-header._vertical\@xs .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@xs .l-split-header__foot {
    grid-area: auto;
  }
}
@media (width <= 374px) {
  .l-split-header._vertical\@xs2 {
    grid-template-columns: 1fr;
  }
  .l-split-header._vertical\@xs2 .l-split-header__head,
.l-split-header._vertical\@xs2 .l-split-header__body {
    grid-column: span 1;
  }
  .l-split-header._vertical\@xs2 .l-split-header__foot {
    grid-area: auto;
  }
}

.l-row-gap {
  --l-row-gap-default: var(--space-block-md-trim);
  --l-row-gap: var(--l-row-gap-override, var(--l-row-gap-default));
  display: flex;
  flex-direction: column;
  row-gap: var(--l-row-gap);
}
.l-row-gap._xl {
  --l-row-gap-default: var(--space-block-xl);
}
.l-row-gap._xl-2x {
  --l-row-gap-default: var(--space-block-xl-2x);
}
.l-row-gap._xl-half {
  --l-row-gap-default: var(--space-block-xl-half);
}
.l-row-gap._lg {
  --l-row-gap-default: var(--space-block-lg);
}
.l-row-gap._md {
  --l-row-gap-default: var(--space-block-md);
}
.l-row-gap._sm {
  --l-row-gap-default: var(--space-block-sm);
}
.l-row-gap._xs {
  --l-row-gap-default: var(--space-block-xs);
}
.l-row-gap._xxs {
  --l-row-gap-default: var(--space-block-xxs);
}
.l-row-gap._xl-trim {
  --l-row-gap-default: var(--space-block-xl-trim);
}
.l-row-gap._xl-2x-trim {
  --l-row-gap-default: var(--space-block-xl-2x-trim);
}
.l-row-gap._xl-half-trim {
  --l-row-gap-default: var(--space-block-xl-half-trim);
}
.l-row-gap._lg-trim {
  --l-row-gap-default: var(--space-block-lg-trim);
}
.l-row-gap._md-trim {
  --l-row-gap-default: var(--space-block-md-trim);
}
.l-row-gap._sm-trim {
  --l-row-gap-default: var(--space-block-sm-trim);
}
.l-row-gap._xs-trim {
  --l-row-gap-default: var(--space-block-xs-trim);
}
.l-row-gap._xxs-trim {
  --l-row-gap-default: var(--space-block-xxs-trim);
}

.l-spacer._xl {
  height: var(--space-block-xl);
}
.l-spacer._xl-2x {
  height: var(--space-block-xl-2x);
}
.l-spacer._xl-half {
  height: var(--space-block-xl-half);
}
.l-spacer._lg {
  height: var(--space-block-lg);
}
.l-spacer._md {
  height: var(--space-block-md);
}
.l-spacer._sm {
  height: var(--space-block-sm);
}
.l-spacer._xs {
  height: var(--space-block-xs);
}
.l-spacer._xxs {
  height: var(--space-block-xxs);
}
.l-spacer._xl-trim {
  height: var(--space-block-xl-trim);
}
.l-spacer._xl-2x-trim {
  height: var(--space-block-xl-2x-trim);
}
.l-spacer._xl-half-trim {
  height: var(--space-block-xl-half-trim);
}
.l-spacer._lg-trim {
  height: var(--space-block-lg-trim);
}
.l-spacer._md-trim {
  height: var(--space-block-md-trim);
}
.l-spacer._sm-trim {
  height: var(--space-block-sm-trim);
}
.l-spacer._xs-trim {
  height: var(--space-block-xs-trim);
}
.l-spacer._xxs-trim {
  height: var(--space-block-xxs-trim);
}

.l-media {
  --l-media-content-width-default: 360px;
  --l-media-columnGap-default: 80px;
  --l-media-rowGap-default: 0;
  --l-media-gutter-default: var(--site-gutter);
  --l-media-vertical-order-default: "image" "content";
  --l-media-gutter:
  	var(--l-media-gutter-override, var(--l-media-gutter-default));
  --l-media-content-width:
  	var(--l-media-content-width-override, var(--l-media-content-width-default));
  --l-media-columnGap:
  	var(--l-media-columnGap-override, var(--l-media-columnGap-default));
  --l-media-rowGap:
  	var(--l-media-rowGap-override, var(--l-media-rowGap-default));
  --l-media-vertical-order:
  	var(--l-media-vertical-order-override, var(--l-media-vertical-order-default));
  display: grid;
  grid-template-columns: var(--l-media-gridTemplateColumns);
  grid-template-areas: var(--l-media-gridTemplateAreas);
  column-gap: var(--l-media-columnGap);
  row-gap: var(--l-media-rowGap);
}
@media (width <= 1120px) {
  .l-media {
    --l-media-columnGap-default: 40px;
  }
}
.l-media:where(._v_reverse) {
  --l-media-vertical-order-default: "content" "image";
}
.l-media:where(._gutter) {
  padding-inline: var(--l-media-gutter);
}
.l-media:where(:not(._reverse)) {
  --l-media-gridTemplateColumns: var(--l-media-content-width) 1fr;
  --l-media-gridTemplateAreas: "content image";
}
.l-media:where(._reverse) {
  --l-media-gridTemplateColumns: 1fr var(--l-media-content-width);
  --l-media-gridTemplateAreas: "image content";
}
.l-media__content {
  min-width: 0;
  grid-area: content;
}
.l-media__image {
  min-width: 0;
  grid-area: image;
  margin-inline: var(--l-media-marginInline, 0);
}
.l-media:where(._full):where(:not(._reverse)) {
  --l-media-marginInline: 0 calc(var(--l-media-gutter) * -1);
}
.l-media:where(._full):where(._reverse) {
  --l-media-marginInline: calc(var(--l-media-gutter) * -1) 0;
}
.l-media._vertical {
  --l-media-gridTemplateColumns: 1fr;
  --l-media-gridTemplateAreas: var(--l-media-vertical-order);
  --l-media-marginInline: 0;
}
@media (width <= 1400px) {
  .l-media._vertical\@xl {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}
@media (width <= 1120px) {
  .l-media._vertical\@lg {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}
@media (width <= 960px) {
  .l-media._vertical\@md {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}
@media (width <= 850px) {
  .l-media._vertical\@md2 {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}
@media (width <= 768px) {
  .l-media._vertical\@sm {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}
@media (width <= 640px) {
  .l-media._vertical\@sm2 {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}
@media (width <= 560px) {
  .l-media._vertical\@xs {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}
@media (width <= 374px) {
  .l-media._vertical\@xs2 {
    --l-media-gridTemplateColumns: 1fr;
    --l-media-gridTemplateAreas: var(--l-media-vertical-order);
    --l-media-marginInline: 0;
  }
}

.mw_wp_form.mw_wp_form_confirm .mw_confirm-hidden {
  display: none;
}
.mw_wp_form:not(.mw_wp_form_confirm) .mw_confirm-show {
  display: none;
}

/* pagenavi */
.wp-pagenavi {
  display: grid;
  justify-content: center;
  align-items: center;
  column-gap: 2px;
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
  grid-template: "first prev pages next last" auto/auto auto auto auto auto;
}
.wp-pagenavi_wrapper._mt {
  margin-block-start: var(--space-block-lg);
}
.wp-pagenavi .pages {
  grid-area: pages;
  min-width: 76px;
}
.wp-pagenavi .first {
  grid-area: first;
}
.wp-pagenavi .previouspostslink {
  grid-area: prev;
}
.wp-pagenavi .nextpostslink {
  grid-area: next;
}
.wp-pagenavi .last {
  grid-area: last;
}
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .extend {
  display: none;
}
.wp-pagenavi .pages {
  display: inline-flex;
  column-gap: 2px;
  align-items: center;
  justify-content: center;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
  display: grid;
  place-content: center;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  text-decoration: none;
  color: var(--color-light);
  background-color: var(--color-bg-dark);
}

:where(.wp-block-post-content, .wp-gutenberg) {
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  --wp--preset--font-size--small: rem(14);
  --wp--preset--font-size--medium: rem(16);
  --wp--preset--font-size--large: rem(18);
  --wp--preset--font-size--x-large: rem(20);
}
:where(.wp-block-post-content, .wp-gutenberg) a:not([class]) {
  text-decoration: underline;
}
:where(.wp-block-post-content, .wp-gutenberg) a:not([class]):focus-visible {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  :where(.wp-block-post-content, .wp-gutenberg) a:not([class]):hover {
    text-decoration: none;
  }
}
:where(.wp-block-post-content, .wp-gutenberg) :where(p:not([class])):not(:last-child) {
  margin-bottom: var(--space-block-sm);
}
:where(.wp-block-post-content, .wp-gutenberg) :where(ol, ul, table,
   [class*="wp-block"]):not(:last-child) {
  margin-bottom: 40px;
}

.wp-block-heading {
  margin-block-end: var(--space-block-xs);
  font-weight: 700;
}

:is(h2,h3,h4,h5,h6):not(:first-child) {
  margin-block-start: var(--space-block-md);
}

h2.wp-block-heading {
  margin-block-end: var(--space-block-md);
  border-inline-start: 2px solid;
  padding-block: 12px;
  padding-inline-start: 26px;
  color: var(--color-primary);
  font-family: var(--typography-std_jp_xl_bold-font-family);
  font-weight: var(--typography-std_jp_xl_bold-font-weight);
  font-size: var(--typography-std_jp_xl_bold-font-size);
  line-height: var(--typography-std_jp_xl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xl_bold-letter-spacing);
}

h3.wp-block-heading {
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
}

h4.wp-block-heading {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}

h5.wp-block-heading {
  font-size: 1.125rem;
}

h6.wp-block-heading {
  font-size: 1rem;
}

.wp-element-caption {
  margin-block-start: var(--space-block-xs);
}

:where(.wp-gutenberg :is(ul,ol):not([class])),
.wp-block-list,
.ul1 {
  padding-left: 1.4em;
}

:where(.wp-gutenberg ul:not([class])),
ul.wp-block-list,
.ul1 {
  list-style-type: disc;
}

:where(.wp-gutenberg ol:not([class])),
ol.wp-block-list {
  list-style-type: decimal;
}

:where(.wp-gutenberg li:not([class])),
.wp-block-list-item,
.li1 {
  list-style-type: inherit;
}

:where(.wp-block-post-content, .wp-gutenberg) :is(th, td) {
  padding: 5px;
  border: 1px solid;
  text-align: left;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

img[class*=wp-image] {
  display: block;
  margin-block: var(--space-block-sm);
}

.p-blog-detail__h3 {
  margin-block-end: var(--space-block-md);
  border-inline-start: 2px solid;
  padding-block: 12px;
  padding-inline-start: 26px;
  color: var(--color-primary);
  font-family: var(--typography-std_jp_xl_bold-font-family);
  font-weight: var(--typography-std_jp_xl_bold-font-weight);
  font-size: var(--typography-std_jp_xl_bold-font-size);
  line-height: var(--typography-std_jp_xl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xl_bold-letter-spacing);
}

.p-blog-detail__h4 {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  color: var(--color-base);
}
.p-blog-detail__h4 span {
  color: var(--color-base) !important;
}

.p-blog-detail__h5 {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}

.p-blog-detail-box1 {
  margin-block: var(--space-block-md);
  padding-block: var(--space-block-sm);
  border-block: 1px solid var(--color-border);
}
.p-blog-detail-box1__title {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  text-align: left !important;
}
.p-blog-detail-box1 li span {
  font-size: 1rem !important;
}

.p-blog-detail-box2 {
  margin-block: var(--space-block-md);
  padding: 20px 40px;
  background-color: var(--color-bg-ash);
}
.p-blog-detail-box2__title {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}

hr {
  padding: 0;
}
hr + :is(h2,h3,h4,h5,h6) {
  margin-block: 0 !important;
}

.c-pagetitle {
  margin-block-end: var(--space-block-xl);
  font-family: var(--typography-std_jp_xxl_bold-font-family);
  font-weight: var(--typography-std_jp_xxl_bold-font-weight);
  font-size: var(--typography-std_jp_xxl_bold-font-size);
  line-height: var(--typography-std_jp_xxl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xxl_bold-letter-spacing);
}
.c-pagetitle__wrapper {
  position: relative;
}
.c-pagetitle__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (width <= 768px) {
  .c-pagetitle__bg {
    position: inherit;
    height: 300px;
  }
}
@media (width <= 560px) {
  .c-pagetitle__bg {
    height: 180px;
  }
}
.c-pagetitle__bg::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, var(--color-light), rgba(var(--color-light-rgb), 0));
}
@media (width <= 768px) {
  .c-pagetitle__bg::before {
    display: none;
  }
}
.c-pagetitle__bg img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (width <= 768px) {
  .c-pagetitle__bg img {
    object-position: right bottom;
  }
}
.c-pagetitle__content {
  position: relative;
  z-index: 2;
  padding-block: var(--space-block-xl);
}
@media (width <= 768px) {
  .c-pagetitle__content {
    padding-block-start: var(--space-block-md);
  }
}
.c-pagetitle__content .c-pagetitle {
  margin-block-end: var(--space-block-sm);
}
.c-pagetitle__content .content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-block-md) var(--space-block-sm);
}
.c-pagetitle__detail {
  background-color: rgba(var(--color-light-rgb), 0.7);
  padding: 40px 30px 40px 50px;
  display: grid;
  grid-template-columns: 1fr 140px;
  gap: var(--space-block-sm) var(--space-block-xs);
  align-items: flex-end;
}
@media (width <= 768px) {
  .c-pagetitle__detail {
    padding: var(--space-block-sm);
    background-color: var(--color-bg-ash);
  }
}
@media (width <= 560px) {
  .c-pagetitle__detail {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
.c-pagetitle__detail .detail_sub {
  font-size: 1.125rem;
  margin-block-end: var(--space-block-xs);
}
.c-pagetitle__detail .detail_sub .big {
  color: var(--color-primary);
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  display: block;
}
.c-pagetitle__detail .detail_title {
  font-size: 2rem;
  font-weight: 700;
  margin-block-end: var(--space-block-xs);
}
@media (width <= 768px) {
  .c-pagetitle__detail .detail_title {
    font-size: 1.875rem;
  }
}
.c-pagetitle__detail .detail_price {
  display: flex;
  align-items: flex-end;
  gap: var(--space-block-xs);
  position: relative;
  line-height: 1.2;
  width: fit-content;
}
.c-pagetitle__detail .detail_price .title {
  font-family: var(--typography-std_jp_small_regular-font-family);
  font-weight: var(--typography-std_jp_small_regular-font-weight);
  font-size: var(--typography-std_jp_small_regular-font-size);
  line-height: var(--typography-std_jp_small_regular-line-height);
  --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  padding: 0 6px;
  border: 1px solid;
  margin-block-end: 5px;
}
.c-pagetitle__detail .detail_price .price {
  font-size: 2.5rem;
  font-weight: 700;
}
.c-pagetitle__detail .detail_price .en {
  font-size: 1.25rem;
  font-weight: 700;
}
.c-pagetitle__detail .detail_price .tax {
  font-family: var(--typography-std_jp_small_regular-font-family);
  font-weight: var(--typography-std_jp_small_regular-font-weight);
  font-size: var(--typography-std_jp_small_regular-font-size);
  line-height: var(--typography-std_jp_small_regular-line-height);
  --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
}
.c-pagetitle__detail .detail_body {
  width: 140px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--space-block-xs);
  color: var(--color-light);
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  background-color: var(--color-primary);
  text-align: center;
  line-height: 1.2;
}
@media (width <= 560px) {
  .c-pagetitle__detail .detail_body {
    width: auto;
    flex-direction: row;
    aspect-ratio: auto;
    border-radius: var(--radius);
  }
}
.c-pagetitle__detail .detail_body .sub {
  background-image: radial-gradient(circle at center, var(--color-light) 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.4em;
}
.c-pagetitle__detail .detail_body .main {
  letter-spacing: 0;
}
.c-pagetitle__detail .detail_body .main .big {
  font-family: var(--typography-std_jp_xxl_bold-font-family);
  font-weight: var(--typography-std_jp_xxl_bold-font-weight);
  font-size: var(--typography-std_jp_xxl_bold-font-size);
  line-height: var(--typography-std_jp_xxl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xxl_bold-letter-spacing);
  line-height: 1.2;
}

.c-heading {
  display: flex;
  align-items: baseline;
  column-gap: 15px;
  margin-block-end: var(--space-block-md-trim);
}
@media (width <= 768px) {
  .c-heading {
    flex-direction: column;
  }
}
.c-heading__sub {
  order: -10;
  color: var(--color-primary);
  font-family: var(--typography-dsp_en_xxxxl_regular-font-family);
  font-weight: var(--typography-dsp_en_xxxxl_regular-font-weight);
  font-size: var(--typography-dsp_en_xxxxl_regular-font-size);
  line-height: var(--typography-dsp_en_xxxxl_regular-line-height);
  --letter-spacing: var(--typography-dsp_en_xxxxl_regular-letter-spacing);
}
.c-heading__title {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  translate: 0 -5px;
}

.c-heading2 {
  display: flex;
  flex-direction: column;
  margin-block-end: var(--space-block-md);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.c-heading2__sub {
  order: -10;
  margin-block-end: var(--space-block-sm);
  color: var(--color-primary);
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
}
.c-heading2__title {
  font-family: var(--typography-std_jp_xxl_bold-font-family);
  font-weight: var(--typography-std_jp_xxl_bold-font-weight);
  font-size: var(--typography-std_jp_xxl_bold-font-size);
  line-height: var(--typography-std_jp_xxl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xxl_bold-letter-spacing);
}

.c-heading3 {
  display: flex;
  flex-direction: column;
  margin-block-end: var(--space-block-md);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.c-heading3__sub {
  order: -10;
  position: relative;
  margin-block-end: var(--space-block-md);
  padding-inline-start: 18px;
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
}
.c-heading3__sub::before {
  content: "";
  width: 6px;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  background-color: var(--color-primary);
  position: absolute;
  top: 0.5lh;
  left: 0;
  translate: 0 -50%;
}
.c-heading3__title {
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
}

.c-flow-banner {
  container: c-flow-banner/inline-size;
  display: block;
  text-decoration: none;
}
.c-flow-banner__inner {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  padding-block: var(--space-block-lg-trim);
  padding-inline-start: 80px;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  background-color: var(--color-light);
}
@container c-flow-banner (width <= 1120px) {
  .c-flow-banner__inner {
    padding-block: 60px;
    padding-inline-start: 40px;
  }
}
@container c-flow-banner (width <= 730px) {
  .c-flow-banner__inner {
    padding: 30px 20px 70px;
  }
}
.c-flow-banner__pic {
  position: absolute;
  z-index: -20;
  top: 0;
  right: 0;
  width: calc(100% - 530px);
  height: 100%;
  object-fit: cover;
}
@container c-flow-banner (width <= 1120px) {
  .c-flow-banner__pic {
    width: calc(100% - 480px);
  }
}
@container c-flow-banner (width <= 730px) {
  .c-flow-banner__pic {
    order: -10;
    position: static;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    height: 240px;
    margin: -30px -20px 30px;
  }
}
.c-flow-banner__illust {
  position: absolute;
  z-index: -10;
  bottom: 0;
  left: 435px;
}
@container c-flow-banner (width <= 1120px) {
  .c-flow-banner__illust {
    transform-origin: center bottom;
    scale: 0.8;
    left: 380px;
  }
}
@container c-flow-banner (width <= 730px) {
  .c-flow-banner__illust {
    bottom: auto;
    top: 240px;
    translate: 0 -100%;
    left: -20px;
    width: 180px;
  }
}
.c-flow-banner__arrow {
  position: absolute;
  top: 50%;
  right: 40px;
  translate: 0 -50%;
}
@container c-flow-banner (width <= 730px) {
  .c-flow-banner__arrow {
    top: auto;
    bottom: 10px;
    right: 10px;
    translate: none;
  }
}

.c-date {
  position: relative;
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
}

.c-category {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 5px;
  font-family: var(--typography-std_jp_small_bold-font-family);
  font-weight: var(--typography-std_jp_small_bold-font-weight);
  font-size: var(--typography-std_jp_small_bold-font-size);
  line-height: var(--typography-std_jp_small_bold-line-height);
  --letter-spacing: var(--typography-std_jp_small_bold-letter-spacing);
}
.c-category._bg li {
  padding-block: 3px;
  padding-inline: 10px;
  border-radius: 9999px;
  background-color: var(--color-bg-ash);
}
.c-category._bg_light li {
  padding-block: 3px;
  padding-inline: 10px;
  border-radius: 9999px;
  background-color: var(--color-light);
}

.c-list-categories {
  display: grid;
  grid-template-columns: auto 1fr;
  padding-block: var(--space-block-sm);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  background-color: var(--color-bg-ash);
}
.c-list-categories._mb {
  margin-block-end: var(--space-block-md);
}
@media (width <= 1120px) {
  .c-list-categories {
    grid-template-columns: 1fr;
  }
}
.c-list-categories__title {
  align-self: center;
  padding-inline: 40px;
  color: var(--color-primary);
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
}
@media (width <= 1120px) {
  .c-list-categories__title {
    padding-block-end: var(--space-block-sm);
    padding-inline: var(--space-inline);
  }
}
.c-list-categories__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: var(--space-block-xs-trim);
  padding-inline: 40px;
}
@media (width <= 1120px) {
  .c-list-categories__list {
    padding-block-start: var(--space-block-sm);
    padding-inline: var(--space-inline);
  }
}
.c-list-categories__list::before {
  content: "";
  position: absolute;
  background-color: rgba(var(--color-base-rgb), 0.2);
}
@media (1120px < width) {
  .c-list-categories__list::before {
    inset-block: 0;
    left: 0;
    width: 1px;
  }
}
@media (width <= 1120px) {
  .c-list-categories__list::before {
    inset-inline: 0;
    top: 0;
    height: 1px;
  }
}

.c-mv {
  margin-block-start: -60px;
}
@media (width <= 1120px) {
  .c-mv {
    margin-inline: var(--space-inline-negative);
  }
}
.c-mv__image {
  position: relative;
  height: 540px;
}
@media (width <= 1120px) {
  .c-mv__image {
    height: auto;
    aspect-ratio: 2640/1080;
  }
}
.c-mv__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-stepbar {
  --c-stepbar-columnGap: 34px;
  display: flex;
  align-items: center;
  column-gap: var(--c-stepbar-columnGap);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  overflow: hidden;
}
.c-stepbar__item {
  position: relative;
  display: grid;
  place-content: center;
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  width: 80px;
  aspect-ratio: 1/1;
}
.c-stepbar__item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + (var(--c-stepbar-columnGap) / 2));
  translate: 50% -50%;
  width: 14px;
  aspect-ratio: 14/10;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="10" viewBox="0 0 14 10"><defs><clipPath id="a"><rect width="14" height="10" transform="translate(840.523 2568.893)" fill="%23fff" stroke="%23707070" stroke-width="1"/></clipPath></defs><g transform="translate(-840.523 -2568.893)" clip-path="url(%23a)"><g transform="translate(841.97 2570.631)"><path d="M0,0H5.191V5.193" transform="translate(7.589 0.001) rotate(45)" fill="none" stroke="%23464646" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><path d="M-11608.473-18286.906h11.26" transform="translate(11608.473 18290.578)" fill="none" stroke="%23464646" stroke-linecap="round" stroke-width="1"/></g></g></svg>');
}
.c-stepbar__item[aria-current=step] {
  color: var(--color-light);
  background-color: var(--color-bg-dark);
}

.c-comment {
  padding: 4px var(--space-block-xs);
  background-color: var(--color-bg-ash);
  display: inline-block;
  margin-block-start: var(--space-block-sm);
}

.c-arrow {
  display: grid;
  place-content: center;
  width: 54px;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-light);
  border-radius: 9999px;
  color: var(--color-light);
  background-color: var(--color-bg-dark);
  transition-property: background-color;
  transition-duration: var(--sec);
}
.c-arrow._xs {
  width: 18px;
  border: 0;
}
.c-arrow:focus-visible {
  background-color: var(--color-primary);
}
@media (hover: hover) and (pointer: fine) {
  .c-arrow:hover {
    background-color: var(--color-primary);
  }
}
.c-arrow_wrapper:focus-visible .c-arrow:where(:not([disabled])) {
  background-color: var(--color-primary);
}
@media (hover: hover) and (pointer: fine) {
  .c-arrow_wrapper:hover .c-arrow:where(:not([disabled])) {
    background-color: var(--color-primary);
  }
}
.c-arrow._light {
  color: var(--color-base);
  border-color: var(--color-base);
  background-color: var(--color-light);
}
.c-arrow._light:focus-visible:where(:not([disabled])) {
  border-color: var(--color-primary);
  color: var(--color-light);
  background-color: var(--color-primary);
}
@media (hover: hover) and (pointer: fine) {
  .c-arrow._light:hover:where(:not([disabled])) {
    border-color: var(--color-primary);
    color: var(--color-light);
    background-color: var(--color-primary);
  }
}

.c-bread {
  padding-block-start: calc(var(--space-block-lg) - 7px);
  padding-block-end: var(--space-block-lg);
  font-family: var(--typography-std_jp_small_regular-font-family);
  font-weight: var(--typography-std_jp_small_regular-font-weight);
  font-size: var(--typography-std_jp_small_regular-font-size);
  line-height: var(--typography-std_jp_small_regular-line-height);
  --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
}
@media (width <= 768px) {
  .c-bread {
    padding-block-end: var(--space-block-md);
  }
}
.c-bread__list {
  word-break: break-all;
}
.c-bread__list > li {
  display: inline;
  margin-right: 0.2em;
}
.c-bread__list > li + li:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1px;
  background-color: currentColor;
  rotate: -45deg;
  vertical-align: middle;
  translate: 0 -2px;
}

.c-button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  max-width: 100%;
  width: fit-content;
  min-height: 68px;
  padding: 5px 58px;
  border: 1px solid var(--color-light);
  border-radius: 9999px;
  color: var(--color-light);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  text-align: center;
  text-decoration: none;
  background-color: var(--color-bg-dark);
  appearance: none;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--sec);
}
.c-button_wrapper {
  display: flex;
  gap: var(--space-block-sm) 20px;
}
@media (width <= 768px) {
  .c-button_wrapper {
    flex-direction: column;
  }
}
.c-button_wrapper._mt {
  margin-block-start: var(--space-block-md);
}
@media (768px < width) {
  .c-button_wrapper._center {
    justify-content: center;
  }
}
@media (width <= 768px) {
  .c-button_wrapper._center {
    align-items: center;
  }
}
.c-button__arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
}
.c-button._w_fluid {
  width: 100%;
}
.c-button._c_light {
  border-color: var(--color-base);
  color: var(--color-base);
  background-color: var(--color-light);
}
.c-button:focus-visible {
  background-color: var(--color-primary);
}
.c-button:focus-visible._c_light {
  border-color: var(--color-primary);
  color: var(--color-light);
}
@media (hover: hover) and (pointer: fine) {
  .c-button:hover {
    background-color: var(--color-primary);
  }
  .c-button:hover._c_light {
    border-color: var(--color-primary);
    color: var(--color-light);
  }
}
.c-button_wrapper._trigger {
  text-decoration: none;
}
.c-button_wrapper._trigger:focus-visible .c-button {
  background-color: var(--color-primary);
}
.c-button_wrapper._trigger:focus-visible .c-button._c_light {
  border-color: var(--color-primary);
  color: var(--color-light);
}
@media (hover: hover) and (pointer: fine) {
  .c-button_wrapper._trigger:hover .c-button {
    background-color: var(--color-primary);
  }
  .c-button_wrapper._trigger:hover .c-button._c_light {
    border-color: var(--color-primary);
    color: var(--color-light);
  }
}

.c-glide {
  --c-glide-distance: 10px;
  display: grid;
  place-content: center;
  width: fit-content;
  overflow: hidden;
}
.c-glide__icon {
  grid-area: 1/1/2/2;
  transition-property: translate;
  transition-duration: var(--sec);
}
.c-glide__icon._after {
  translate: calc(-100% - var(--c-glide-distance)) 0;
}
.c-glide_wrapper:where(:not([disabled])):focus-visible .c-glide__icon._before {
  translate: calc(100% + var(--c-glide-distance)) 0;
}
.c-glide_wrapper:where(:not([disabled])):focus-visible .c-glide__icon._after {
  translate: 0 0;
}
@media (hover: hover) and (pointer: fine) {
  .c-glide_wrapper:where(:not([disabled])):hover .c-glide__icon._before {
    translate: calc(100% + var(--c-glide-distance)) 0;
  }
  .c-glide_wrapper:where(:not([disabled])):hover .c-glide__icon._after {
    translate: 0 0;
  }
}

.c-input input[type=text],
.c-input input[type=tel],
.c-input input[type=email],
.c-input select,
.c-input textarea {
  display: block;
  width: 100%;
  padding: 7px 15px;
  border: 1px solid;
  border-radius: 4px;
  color: inherit;
  font-family: inherit;
  font-size: 1rem;
  background-color: var(--color-light);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media (width <= 768px) {
  .c-input input[type=text],
.c-input input[type=tel],
.c-input input[type=email],
.c-input select,
.c-input textarea {
    padding-block: 8px;
  }
}
.c-input input[type=text]:disabled,
.c-input input[type=tel]:disabled,
.c-input input[type=email]:disabled,
.c-input select:disabled,
.c-input textarea:disabled {
  background-color: var(--color-bg-ash);
}
.c-input select {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="6" viewBox="0 0 12 6"><defs><clipPath id="a"><rect width="12" height="6" transform="translate(1033 -17)" fill="%23464646" stroke="currentColor" stroke-width="1"/></clipPath></defs><g transform="translate(-1033 17)" clip-path="url(%23a)"><path d="M1035-22.473h8v8" transform="translate(1760.622 -766.219) rotate(135)" fill="none" stroke="%23464646" stroke-width="1"/></g></svg>');
}
.c-input textarea {
  min-height: 350px;
  resize: vertical;
}
@media (width <= 768px) {
  .c-input textarea {
    min-height: 200px;
  }
}
.c-input._w1 :is(input, select, textarea) {
  max-width: 230px;
}
.c-input._w2 :is(input, select, textarea) {
  max-width: 500px;
}
@media (width <= 768px) {
  .c-input._w2 :is(input, select, textarea) {
    max-width: 400px;
  }
}
.c-input._file {
  padding-block-start: 7px;
}
.c-input:where(._radio, ._checkbox) {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-block-xs-trim);
}
@media (width <= 960px) {
  .c-input:where(._radio, ._checkbox) {
    flex-direction: column;
  }
}
.c-input:where(._radio, ._checkbox) label {
  display: inline-flex;
  align-items: center;
  column-gap: 5px;
  cursor: pointer;
}
.c-input:where(._radio, ._checkbox) input {
  cursor: pointer;
}
.c-input._horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 30px;
}
@media (width <= 560px) {
  .c-input._horizontal {
    flex-direction: column;
  }
  .c-input._horizontal::before, .c-input._horizontal::after {
    content: none !important;
  }
}
.c-input._horizontal :last-child {
  order: 100;
}
.c-input._horizontal._last-child::after {
  content: "";
  display: block;
  order: 10;
  width: 100%;
}
.c-input._horizontal._2nd-last-child::before {
  content: "";
  display: block;
  order: 1;
  width: 100%;
}
.c-input._horizontal._2nd-last-child :nth-last-child(2) {
  order: 5;
}
.c-input .mwform-checkbox-field label {
  display: block;
  cursor: pointer;
}
.c-list {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 2px;
  counter-reset: c-list;
}
.c-list > li {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  counter-increment: c-list;
}
.c-list._point > li::before {
  content: "・";
}
.c-list._disc > li::before {
  content: "●";
}
.c-list._square > li::before {
  content: "■";
}
.c-list._decimal > li::before {
  content: counter(c-list) ".";
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
  line-height: inherit;
  translate: 0 0.0625rem;
}
.c-list._decimal-zero > li::before {
  content: counter(c-list, decimal-leading-zero) ".";
}
.c-list._upper-roman > li::before {
  content: counter(c-list, upper-roman) ".";
}
.c-list._lower-roman > li::before {
  content: counter(c-list, lower-roman) ".";
}
.c-list._upper-alpha > li::before {
  content: counter(c-list, upper-alpha) ".";
}
.c-list._lower-alpha > li::before {
  content: counter(c-list, lower-alpha) ".";
}
.c-list._hiragana > li::before {
  content: counter(c-list, hiragana) ".";
}
.c-list._katakana > li::before {
  content: counter(c-list, katakana) ".";
}
.c-list._hiragana-iroha > li::before {
  content: counter(c-list, hiragana-iroha) ".";
}
.c-list._katakana-iroha > li::before {
  content: counter(c-list, katakana-iroha) ".";
}
.c-list._kanji > li::before {
  content: counter(c-list, trad-chinese-informal) ".";
}
.c-list._custom > li::before {
  content: attr(data-list);
}

.c-pager {
  display: grid;
  grid-template: "prev back next"/1fr auto 1fr;
  row-gap: var(--space-block-xs);
  align-items: center;
  padding-block: var(--space-block-sm);
  border-block: 1px solid var(--color-border);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.c-pager._mt {
  margin-block-start: var(--space-block-xl);
}
.c-pager__item._prev {
  grid-area: prev;
}
.c-pager__item._back {
  grid-area: back;
  text-align: center;
}
.c-pager__item._next {
  grid-area: next;
  justify-self: end;
}
@media (width <= 560px) {
  .c-pager {
    grid-template: "prev next" "back back"/1fr 1fr;
  }
}
.c-pager__arrow {
  display: grid;
  place-content: center;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  color: var(--color-light);
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
  background-color: var(--color-bg-dark);
}
.c-pager__icon {
  translate: 0 1px;
}
.c-pager a {
  display: flex;
  align-items: center;
  column-gap: 12px;
  text-decoration: none;
}
.c-pager .c-pager__item._back a {
  justify-content: center;
}

.c-text {
  --c-text-gap-defalut: 20px;
  --c-text-gap: var(--c-text-gap-override, var(--c-text-gap-defalut));
}
.c-text > :where(:not(:last-child)) {
  margin-block-end: var(--c-text-gap);
}
.c-text._center {
  text-align: center;
}
@media (width > 768px) {
  .c-text._lg_center {
    text-align: center;
  }
}

.c-toggle {
  display: grid;
}
.c-toggle__item {
  grid-column: 1/2;
  grid-row: 1/2;
  transition-property: opacity, visibility;
  transition-duration: var(--sec);
}
.c-toggle__item._after {
  visibility: hidden;
  opacity: 0;
}
.c-toggle.is-open .c-toggle__item._before {
  opacity: 0;
  visibility: hidden;
}
.c-toggle.is-open .c-toggle__item._after {
  opacity: 1;
  visibility: visible;
}
.c-toggle._hover:focus-visible .c-toggle__item._before {
  opacity: 0;
  visibility: hidden;
}
.c-toggle._hover:focus-visible .c-toggle__item._after {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) and (pointer: fine) {
  .c-toggle._hover:hover .c-toggle__item._before {
    opacity: 0;
    visibility: hidden;
  }
  .c-toggle._hover:hover .c-toggle__item._after {
    opacity: 1;
    visibility: visible;
  }
}

.p-works {
  container: p-works/inline-size;
  position: relative;
  display: block;
}
.p-works_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-block-md) 35px;
}
@media (width <= 1120px) {
  .p-works_wrapper {
    column-gap: 20px;
  }
}
@media (width <= 960px) {
  .p-works_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width <= 560px) {
  .p-works_wrapper {
    grid-template-columns: 1fr;
  }
}
.p-works__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.p-works__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.p-works__image {
  order: -10;
  position: relative;
  margin-block-end: var(--space-block-sm);
}
.p-works__thumb {
  position: relative;
  aspect-ratio: 350/310;
}
.p-works__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-works__area {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  padding: 0 10px 10px;
  color: var(--color-primary);
  font-family: var(--typography-std_jp_small_regular-font-family);
  font-weight: var(--typography-std_jp_small_regular-font-weight);
  font-size: var(--typography-std_jp_small_regular-font-size);
  line-height: var(--typography-std_jp_small_regular-line-height);
  --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  background-color: var(--color-light);
}
.p-works__title {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
}
.p-works__desc {
  flex-grow: 1;
  margin-block-end: var(--space-block-xs-trim);
}
.p-works__desc p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.p-works__cat {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 5px;
}
.p-works__cat p {
  border-radius: 9999px;
  padding: 1px 10px;
  font-family: var(--typography-std_jp_small_bold-font-family);
  font-weight: var(--typography-std_jp_small_bold-font-weight);
  font-size: var(--typography-std_jp_small_bold-font-size);
  line-height: var(--typography-std_jp_small_bold-line-height);
  --letter-spacing: var(--typography-std_jp_small_bold-letter-spacing);
  background-color: var(--color-bg-ash);
}
.p-works__foot {
  margin-block-start: var(--space-block-sm);
}

.p-item {
  container: p-item/inline-size;
  position: relative;
  display: block;
}
.p-item_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-block-md) 35px;
}
@media (width <= 1120px) {
  .p-item_wrapper {
    column-gap: 20px;
  }
}
@media (width <= 960px) {
  .p-item_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width <= 560px) {
  .p-item_wrapper {
    grid-template-columns: 1fr;
  }
}
.p-item__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.p-item__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.p-item__image {
  order: -20;
  position: relative;
  aspect-ratio: 350/310;
  margin-block-end: var(--space-block-sm);
}
.p-item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-item__cat {
  order: -10;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 5px;
  margin-block-end: var(--space-block-xs);
}
.p-item__cat p {
  border-radius: 9999px;
  padding: 1px 10px;
  font-family: var(--typography-std_jp_small_bold-font-family);
  font-weight: var(--typography-std_jp_small_bold-font-weight);
  font-size: var(--typography-std_jp_small_bold-font-size);
  line-height: var(--typography-std_jp_small_bold-line-height);
  --letter-spacing: var(--typography-std_jp_small_bold-letter-spacing);
  background-color: var(--color-bg-ash);
}
.p-item__title {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
}
.p-item__desc {
  flex-grow: 1;
  margin-block-end: var(--space-block-xs-trim);
}
.p-item__desc p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.p-item__price {
  margin-block-start: var(--space-block-xxs);
  padding-block-start: var(--space-block-xxs);
  border-block-start: 1px solid var(--color-border);
}
.p-item__foot {
  margin-block-start: var(--space-block-sm);
}

.p-blog {
  container: p-blog/inline-size;
}
.p-blog_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-block-md) 35px;
}
@media (width <= 1120px) {
  .p-blog_wrapper {
    column-gap: 20px;
  }
}
@media (width <= 960px) {
  .p-blog_wrapper {
    grid-template-columns: 1fr;
  }
}
.p-blog__inner {
  display: flex;
  flex-direction: column;
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
@container p-blog (550px < width) {
  .p-blog__inner {
    display: grid;
    grid-template-columns: 40% 1fr;
    column-gap: 20px;
  }
}
.p-blog__image {
  order: -10;
  position: relative;
  margin-block-end: var(--space-block-sm);
}
@container p-blog (550px < width) {
  .p-blog__image {
    grid-area: 1/1/3/2;
  }
}
.p-blog__image img {
  width: 100%;
}
.p-blog__detail {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.p-blog__info {
  order: -10;
  margin-block-end: var(--space-block-xs-trim);
}
.p-blog__foot {
  max-width: 380px;
  margin-block-start: var(--space-block-sm);
}
.p-blog__category {
  margin-block-start: var(--space-block-xs);
}

.p-post-header {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 9px;
}
.p-post-header .c-date {
  position: relative;
  padding-inline-end: 9px;
}
.p-post-header .c-date::after {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 4px;
  right: 0;
  width: 1px;
  background-color: currentColor;
}
.p-post-header .c-category {
  translate: 0 -1px;
}

.p-detail-head {
  margin-block-end: var(--space-block-lg);
}
.p-detail-head__title {
  margin-block-end: var(--space-block-sm);
  font-family: var(--typography-std_jp_xxl_bold-font-family);
  font-weight: var(--typography-std_jp_xxl_bold-font-weight);
  font-size: var(--typography-std_jp_xxl_bold-font-size);
  line-height: var(--typography-std_jp_xxl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xxl_bold-letter-spacing);
  font-size: 1.875rem;
}

.p-topics {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 25px;
  border-block-end: 1px solid rgba(var(--color-base-rgb), 0.5);
  padding-block-end: var(--space-block-sm);
  text-decoration: none;
}
.p-topics_wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-block-sm);
}
@media (width <= 560px) {
  .p-topics {
    grid-template-columns: 1fr;
  }
}
.p-topics__info {
  order: -10;
  grid-area: 1/1/2/2;
  margin-block-end: var(--space-block-xs);
}
.p-topics__title {
  order: -10;
  min-height: 1.2lh;
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
@media (560px < width) {
  .p-topics__title {
    grid-area: 2/1/3/2;
  }
}
.p-topics__arrow {
  grid-area: 1/2/3/3;
  align-self: center;
  translate: 0 9px;
}
@media (width <= 560px) {
  .p-topics__arrow {
    display: none;
  }
}

.p-reason {
  --l-column-head-width-default: 220px;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
@media (1120px < width) {
  .p-reason__body {
    padding-block-start: 60px;
  }
}
.p-reason__list {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-block-md);
}
.p-reason__item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 34px;
  padding-block-end: var(--space-block-md);
  border-block-end: 1px solid rgba(var(--color-base-rgb), 0.2);
}
@media (width <= 1120px) {
  .p-reason__item {
    grid-template-columns: 1fr;
  }
}
.p-reason__index {
  margin-block-end: var(--space-block-xs);
  color: var(--color-primary);
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
}
.p-reason__title {
  margin-block-end: var(--space-block-xxs);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}

.p-voice {
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.p-voice__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-block-sm) 20px;
}
@media (width <= 1120px) {
  .p-voice__list {
    grid-template-columns: 1fr;
  }
}
.p-voice__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 10px;
}
.p-voice__info {
  display: flex;
  align-items: baseline;
  column-gap: 13px;
}
.p-voice__name {
  position: relative;
  padding-inline-end: 14px;
}
.p-voice__name::after {
  content: "";
  position: absolute;
  inset-block: 5px 4px;
  right: 0;
  width: 1px;
  background-color: currentColor;
}
@media (width <= 560px) {
  .p-voice__icon {
    width: 60px;
  }
}
.p-voice__item {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius);
  padding: var(--space-block-md) 20px;
  background-color: var(--color-light);
}
.p-voice__quote {
  order: -20;
  margin-block-end: var(--space-block-md-trim);
  color: var(--color-primary);
}
.p-voice__desc {
  order: -10;
  flex-grow: 1;
  margin-block-end: var(--space-block-sm);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}

.p-menu {
  display: grid;
  gap: var(--space-block-md) 10px;
}
.p-menu__item {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.p-menu__image {
  order: -10;
  margin-block-end: var(--space-block-xs-trim);
}
.p-menu__image img {
  width: 100%;
}
.p-menu__desc {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 10px;
}
.p-menu__arrow {
  translate: 0 -2px;
}
.p-menu__desc .p-menu__title {
  margin-block-start: 0;
}

.p-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-block: 20px;
}
.p-column img {
  width: 100%;
}
@media (width <= 960px) {
  .p-column {
    grid-template-columns: 1fr;
  }
}

.p-float {
  margin-block: 20px;
}
.p-float__image {
  float: left;
  width: calc(50% - 10px);
  margin-block-end: 20px;
  margin-inline-end: 20px;
}
.p-float__image img {
  width: 100%;
}
@media (width <= 960px) {
  .p-float__image {
    float: none;
    width: auto;
    margin-inline-end: 0;
  }
}
.p-float__test p {
  overflow: hidden;
}

.p-address._mt {
  margin-block-start: var(--space-block-sm);
}
.p-address__content {
  display: grid;
  grid-template-columns: 170px 1fr;
  align-items: start;
  gap: 20px;
}
@media (width <= 960px) {
  .p-address__content {
    grid-template-columns: 100px 1fr;
  }
}
@media (width <= 560px) {
  .p-address__content {
    grid-template-columns: 1fr;
  }
}
.p-address__title {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
}
.p-address__name {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.p-address__image {
  border: 1px solid var(--color-border);
}
@media (width <= 560px) {
  .p-address__image {
    max-width: 170px;
    margin-inline: auto;
  }
}
.p-address__image img {
  width: 100%;
}

.p-form {
  position: relative;
  isolation: isolate;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.p-form__head {
  margin-block-end: var(--space-block-md);
}
.p-form__item {
  display: grid;
  grid-template-columns: 260px 1fr;
  align-items: start;
  column-gap: 10px;
  row-gap: var(--space-block-sm);
  padding-block: calc(var(--space-block-md) - 1px);
  border-block-end: 1px solid var(--color-border);
}
.p-form__item._center {
  align-items: center;
}
.p-form__item:first-child {
  padding-block-start: 0;
}
@media (width <= 960px) {
  .p-form__item {
    grid-template-columns: 1fr;
  }
}
.p-form__label {
  display: contents;
}
.p-form__label-in {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 10px;
  row-gap: var(--space-block-xs);
}
.p-form__badge {
  font-family: var(--typography-std_jp_small_regular-font-family);
  font-weight: var(--typography-std_jp_small_regular-font-weight);
  font-size: var(--typography-std_jp_small_regular-font-size);
  line-height: var(--typography-std_jp_small_regular-line-height);
  --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  line-height: 1;
  translate: 0 -0.0625rem;
}
.p-form__badge._required {
  color: var(--color-attention);
}
.p-form__title {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.p-form__heading {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  margin-block-end: var(--space-block-xs);
}
.p-form__heading:not(:first-child) {
  margin-block-start: var(--space-block-md);
}
.p-form__exp {
  display: block;
  margin-block-end: 5px;
}
.p-form__other {
  margin-block-start: var(--space-block-xs);
  padding-inline-start: 25px;
}
.p-form__exp2 {
  align-self: end;
  padding-inline-start: 15px;
  line-height: 1.5;
}
@media (width <= 1120px) {
  .p-form__exp2 {
    grid-column: span 2;
    margin-block-start: 10px;
    padding-inline-start: 0;
    line-height: 1.6875;
  }
}
.p-form__exp2 a {
  text-decoration: underline;
}
.p-form__exp2 a:focus-visible {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-form__exp2 a:hover {
    text-decoration: none;
  }
}
@media (width <= 768px) {
  .p-form__group {
    padding-block-start: 4px;
  }
}
.p-form__group-item:not(:last-child) {
  margin-block-end: 20px;
}
@media (width <= 768px) {
  .p-form__group-item:not(:last-child) {
    margin-block-end: 10px;
  }
}
@media (768px < width) {
  .p-form__group-item._zip {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
  }
  .p-form__group-item._zip label {
    grid-column: span 2;
  }
}
.p-form__group-title {
  display: block;
  margin-block-end: 6px;
}
.p-form__agree {
  width: fit-content;
  margin-inline: auto;
  margin-block-start: var(--space-block-md);
  text-align: center;
}
.p-form__agree a span {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.p-form__agree a:focus-visible {
  text-decoration: none;
}
.p-form__agree a:focus-visible span {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-form__agree a:hover {
    text-decoration: none;
  }
  .p-form__agree a:hover span {
    text-decoration: none;
  }
}
.p-form__submit {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-block-start: var(--space-block-md);
  gap: 20px 20px;
}
@media (width <= 768px) {
  .p-form__submit {
    flex-direction: column-reverse;
  }
}
.p-form__button {
  display: grid;
  place-content: center;
  column-gap: 10px;
  min-height: 68px;
  width: 270px;
  max-width: 100%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid var(--color-bg-dark);
  border-radius: 9999px;
  color: var(--color-light);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  background-color: var(--color-bg-dark);
  cursor: pointer;
  appearance: none;
}
@media (width <= 768px) {
  .p-form__button {
    width: 300px;
    min-height: 60px;
  }
}
.p-form__button._back {
  color: var(--color-base);
  background-color: var(--color-bg-ash);
}
.p-form__button._back::before {
  content: none;
}
.p-form__button._back::after {
  content: "";
}
.p-form__date {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-block-xs);
}
.p-form__date-item {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  column-gap: 10px;
}
@media (width <= 768px) {
  .p-form__date-item {
    grid-template-columns: auto 1fr;
    row-gap: var(--space-block-xs);
  }
}
@media (width <= 560px) {
  .p-form__date-item {
    grid-template-columns: 1fr;
  }
}
@media (width <= 768px) {
  .p-form__date-title {
    grid-column: span 2;
  }
}
@media (width <= 560px) {
  .p-form__date-title {
    grid-column: span 1;
  }
}
.p-form__date-schedule input {
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-image: url(../img/cmn/icon_calendar.png);
  background-size: 18px;
}

.mw_wp_form.mw_wp_form_confirm .p-form__group-item {
  margin-block-end: 0;
  display: inline;
}
.mw_wp_form.mw_wp_form_confirm .p-form__group-item .c-input {
  display: inline;
}
.mw_wp_form.mw_wp_form_confirm .p-form__group-item:nth-child(1) {
  display: block;
}

[data-tel] a {
  color: inherit;
  text-decoration: underline;
}

[data-tel-outer] {
  text-decoration: none;
}

[data-details] summary {
  /* Safariで表示されるデフォルトの三角形アイコンを削除 */
  display: block;
  cursor: pointer;
}
[data-details] summary::-webkit-details-marker {
  display: none;
}
[data-details-panel] {
  overflow: hidden;
}

#toc_container:not(#root) {
  display: block;
  margin-block-end: var(--space-block-lg);
  padding: 40px;
  border: 0;
  color: var(--color-light);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  background-color: var(--color-bg-dark);
}
@media (width <= 1120px) {
  #toc_container:not(#root) {
    padding: 20px;
  }
}
#toc_container:not(#root) .toc_title {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  text-align: left;
}
#toc_container:not(#root) .toc_list {
  border-block-end: 2px dashed var(--color-border2);
}
#toc_container:not(#root) .toc_list ul {
  margin-inline-start: 40px;
}
@media (width <= 1120px) {
  #toc_container:not(#root) .toc_list ul {
    margin-inline-start: 20px;
  }
}
#toc_container:not(#root) .toc_list a {
  position: relative;
  display: block;
  border-block-end: 1px solid rgba(var(--color-light-rgb), 0.2);
  padding: var(--space-block-xs) 0;
}

div#toc_container {
  width: 100%;
}

div#toc_container ul li {
  font-size: 100%;
}

#toc_container li,
#toc_container ul {
  margin: 0;
  padding: 0;
}

#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
  background: 0 0;
  list-style-type: none;
  list-style: none;
}

#toc_container.have_bullets li {
  padding-left: 12px;
}

#toc_container ul ul {
  margin-left: 1.5em;
}

#toc_container {
  background: #f9f9f9;
  border: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 1em;
  width: auto;
  display: table;
  font-size: 95%;
}

#toc_container.toc_light_blue {
  background: #edf6ff;
}

#toc_container.toc_white {
  background: #fff;
}

#toc_container.toc_black {
  background: #000;
}

#toc_container.toc_transparent {
  background: none transparent;
}

#toc_container p.toc_title {
  text-align: center;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#toc_container.toc_black p.toc_title {
  color: #aaa;
}

#toc_container span.toc_toggle {
  font-weight: 400;
  font-size: 90%;
}

#toc_container p.toc_title + ul.toc_list {
  margin-top: 1em;
}

.toc_wrap_left {
  float: left;
  margin-right: 10px;
}

.toc_wrap_right {
  float: right;
  margin-left: 10px;
}

#toc_container a {
  text-decoration: none;
  text-shadow: none;
}

#toc_container a:hover {
  text-decoration: underline;
}

.toc_sitemap_posts_letter {
  font-size: 1.5em;
  font-style: italic;
}

html.noscroll {
  overflow: hidden;
}

/*全画面*/
.g-wrapper {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding-block-start: var(--header-size);
  background-color: var(--color-bg-base);
  overflow: clip;
}

/*ヘッダー*/
.g-header {
  position: fixed;
  z-index: var(--header-z-index);
  top: 0;
  left: 0;
  width: var(--vw100);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  background-color: var(--color-light);
}
.g-header .inner {
  display: flex;
  justify-content: space-between;
  height: var(--header-size);
}
.g-header .logo {
  display: grid;
  place-content: center;
  width: 260px;
  background-color: var(--color-light);
  padding: 10px 24px 14px;
}
@media (width <= 1400px) {
  .g-header .logo {
    width: 230px;
    padding-inline: 20px;
  }
}
@media (width <= 768px) {
  .g-header .logo {
    min-width: 134px;
    padding: 10px 2.3vw;
    width: 28vw;
  }
}
.g-header .logo img {
  width: 100%;
}
.g-header .navi {
  display: flex;
  align-items: center;
  column-gap: 40px;
}
@media (width <= 1400px) {
  .g-header .navi {
    column-gap: 20px;
  }
}
@media (width <= 960px) {
  .g-header .navi {
    column-gap: 0;
  }
}
.g-header .navi__list {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
@media (width <= 1400px) {
  .g-header .navi__list {
    column-gap: 15px;
    font-family: var(--typography-std_jp_small_regular-font-family);
    font-weight: var(--typography-std_jp_small_regular-font-weight);
    font-size: var(--typography-std_jp_small_regular-font-size);
    line-height: var(--typography-std_jp_small_regular-line-height);
    --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  }
}
@media (width <= 1220px) {
  .g-header .navi__list {
    display: grid;
    grid-template-columns: repeat(3, auto);
    column-gap: 30px;
    row-gap: 7px;
  }
  .g-header .navi__list .navi__item._reform {
    grid-area: 2/1/3/2;
  }
}
@media (width <= 960px) {
  .g-header .navi__list {
    display: none;
  }
}
.g-header .navi__item.is-open {
  --m-border-anime: 100%;
}
.g-header .navi__summary {
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.g-header .navi__arrow {
  translate: 2px 2px;
}
.g-header .navi__panel {
  position: fixed;
  top: var(--header-size);
  left: 0;
  width: var(--vw100);
  pointer-events: none;
}
.g-header .button {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  width: 210px;
  height: 100%;
  padding: 10px 20px 10px 10px;
  color: var(--color-light);
  font-family: var(--typography-std_jp_small_regular-font-family);
  font-weight: var(--typography-std_jp_small_regular-font-weight);
  font-size: var(--typography-std_jp_small_regular-font-size);
  line-height: var(--typography-std_jp_small_regular-line-height);
  --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  text-decoration: none;
  background-color: var(--color-primary);
  transition-property: background-color;
  transition-duration: var(--sec);
}
@media (width <= 1400px) {
  .g-header .button {
    width: 180px;
    font-family: var(--typography-std_jp_small_regular-font-family);
    font-weight: var(--typography-std_jp_small_regular-font-weight);
    font-size: var(--typography-std_jp_small_regular-font-size);
    line-height: var(--typography-std_jp_small_regular-line-height);
    --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  }
}
@media (width <= 768px) {
  .g-header .button {
    column-gap: 4px;
    width: 150px;
    padding-inline: 5px;
  }
}
.g-header .button:focus-visible {
  background-color: var(--color-bg-dark);
}
@media (hover: hover) and (pointer: fine) {
  .g-header .button:hover {
    background-color: var(--color-bg-dark);
  }
}
.g-header .button__icon {
  display: grid;
  place-content: center;
  width: 44px;
  aspect-ratio: 1/1;
  border: 1px solid;
  border-radius: 9999px;
}
@media (width <= 1400px) {
  .g-header .button__icon {
    scale: 0.9;
  }
}
@media (width <= 768px) {
  .g-header .button__icon {
    scale: 1;
    width: 30px;
  }
}
.g-header .mega {
  pointer-events: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  width: fit-content;
  margin-inline-start: auto;
  padding: 40px;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  background-color: var(--color-light);
}
.g-header .link {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 10px;
  border-block-end: 1px solid var(--color-border);
  padding-block-end: var(--space-block-xxs);
  text-decoration: none;
}
.g-header .menu-button {
  display: grid;
  place-content: center;
  width: 80px;
  height: 100%;
}
@media (960px < width) {
  .g-header .menu-button {
    display: none !important;
  }
}
@media (width <= 768px) {
  .g-header .menu-button {
    width: 50px;
  }
}
.g-header .menu-button::before, .g-header .menu-button::after {
  content: "";
  grid-area: 1/1/2/2;
  width: 16px;
  height: 2px;
  background-color: var(--color-dark);
  transition-property: translate, rotate;
  transition-duration: var(--sec);
}
.g-header .menu-button::before {
  translate: 0 -2px;
}
.g-header .menu-button::after {
  translate: 0 2px;
}
.g-header .menu-button.is-open::before, .g-header .menu-button.is-open::after {
  translate: 0 0;
}
.g-header .menu-button.is-open::before {
  rotate: 45deg;
}
.g-header .menu-button.is-open::after {
  rotate: -45deg;
}
.g-header .tel {
  display: grid;
  height: 100%;
  padding: 5px 20px;
  color: var(--color-light);
  font-size: 0.75rem;
  line-height: 1.2;
  background-color: var(--color-primary);
}
@media (width <= 768px) {
  .g-header .tel {
    padding: 2px 10px;
    font-size: 0.5625rem;
  }
}
@media (width <= 560px) {
  .g-header .tel {
    padding: 4px 5px;
  }
}
.g-header .tel__text {
  margin-block-end: -8px;
  text-align: center;
}
@media (width <= 768px) {
  .g-header .tel__text {
    margin-block-end: 0;
  }
}
.g-header .tel__body {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 2px;
  column-gap: 8px;
  align-items: center;
  width: fit-content;
  margin-inline: auto;
  translate: 0 -4px;
}
@media (width <= 768px) {
  .g-header .tel__body {
    translate: 0 -1px;
  }
}
.g-header .tel__icon {
  grid-area: 1/1/3/2;
  display: grid;
  place-content: center;
  width: 36px;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  color: var(--color-base);
  font-family: var(--ff-serif);
  font-size: 0.75rem;
  background-color: var(--color-light);
  translate: 0 2px;
}
@media (width <= 768px) {
  .g-header .tel__icon {
    width: 24px;
    font-size: 0.5rem;
    translate: 0 1px;
  }
}
.g-header .tel__number {
  grid-area: 1/2/2/3;
  align-self: end;
  font-family: var(--typography-std_jp_xl_bold-font-family);
  font-weight: var(--typography-std_jp_xl_bold-font-weight);
  font-size: var(--typography-std_jp_xl_bold-font-size);
  line-height: var(--typography-std_jp_xl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xl_bold-letter-spacing);
  line-height: 1;
}
@media (width <= 768px) {
  .g-header .tel__number {
    font-size: 1.0625rem;
  }
}
.g-header .tel__time {
  grid-area: 2/2/3/3;
  align-self: start;
}
.g-header [data-tel-outer] {
  display: block;
  height: 100%;
}

.g-estimate {
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 0;
  border-radius: 99px 0 0 99px;
  background-color: var(--color-primary);
  display: grid;
  grid-template-columns: 55px 1fr;
  column-gap: var(--space-block-xxs);
  align-items: center;
  padding: var(--space-block-xxs) var(--space-block-xs) var(--space-block-xxs) var(--space-block-xxs);
  color: var(--color-light);
  transition: opacity var(--sec);
}
.g-estimate:focus-visible {
  text-decoration: none;
  opacity: var(--opacity);
}
@media (hover: hover) and (pointer: fine) {
  .g-estimate:hover {
    text-decoration: none;
    opacity: var(--opacity);
  }
}
.g-estimate .icon {
  background-color: var(--color-light);
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-estimate .bubble {
  color: var(--color-light);
  padding-inline: 15px 15px;
  position: relative;
  --letter-spacing: 0;
  display: block;
  width: fit-content;
}
.g-estimate .bubble::before, .g-estimate .bubble::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: calc(100% - 6px);
  top: 3px;
  background-color: var(--color-light);
}
.g-estimate .bubble::before {
  left: 5px;
  transform: rotate(-20deg);
}
.g-estimate .bubble::after {
  right: 5px;
  transform: rotate(20deg);
}

.g-estimate_sp {
  position: fixed;
  z-index: 9999;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: var(--color-primary);
  padding: var(--space-block-xxs);
}
.g-estimate_sp .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 7px;
}
.g-estimate_sp .head .title {
  color: var(--color-light);
  padding-inline: 15px 10px;
  position: relative;
  --letter-spacing: 0;
}
.g-estimate_sp .head .title::before, .g-estimate_sp .head .title::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: calc(100% - 6px);
  top: 3px;
  background-color: var(--color-light);
}
.g-estimate_sp .head .title::before {
  left: 5px;
  transform: rotate(-20deg);
}
.g-estimate_sp .head .title::after {
  right: 5px;
  transform: rotate(20deg);
}
.g-estimate_sp .head .bubble {
  display: flex;
  column-gap: var(--space-block-xxs);
}
.g-estimate_sp .head .bubble_item {
  background-color: var(--color-attention2);
  border-radius: 99px;
  font-size: 0.625rem;
  padding: 1px 3px;
  position: relative;
}
.g-estimate_sp .head .bubble_item::before, .g-estimate_sp .head .bubble_item::after {
  content: "";
  display: inline-block;
  position: absolute;
  aspect-ratio: 1/1;
  border-radius: 9px;
  background-color: var(--color-attention2);
}
.g-estimate_sp .head .bubble_item::before {
  width: 7px;
  bottom: -2px;
  right: 27px;
}
.g-estimate_sp .head .bubble_item::after {
  width: 3px;
  bottom: -4px;
  right: 25px;
}
.g-estimate_sp .button {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-block-xxs);
}
.g-estimate_sp .button_item {
  border-radius: 4px;
  background-color: var(--color-light);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-block-xxs);
  padding: 8px;
  color: var(--color-primary);
  font-weight: 700;
  transition: opacity var(--sec);
}
.g-estimate_sp .button_item:focus-visible {
  text-decoration: none;
  opacity: var(--opacity);
}
@media (hover: hover) and (pointer: fine) {
  .g-estimate_sp .button_item:hover {
    text-decoration: none;
    opacity: var(--opacity);
  }
}
.g-estimate_sp .button_item .text {
  font-family: var(--typography-std_jp_small_bold-font-family);
  font-weight: var(--typography-std_jp_small_bold-font-weight);
  font-size: var(--typography-std_jp_small_bold-font-size);
  line-height: var(--typography-std_jp_small_bold-line-height);
  --letter-spacing: var(--typography-std_jp_small_bold-letter-spacing);
  font-size: 0.75rem;
  --letter-spacing: 0;
  line-height: 1.3333333333;
}
.g-estimate_sp .button_item._contact .icon {
  width: 30px;
  aspect-ratio: 1/1;
  border: 1px solid;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-estimate_sp .promise {
  font-size: 0.625rem;
  color: var(--color-light);
  text-align: center;
}

.g-estimate_sp2 {
  position: fixed;
  z-index: 9999;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: var(--color-light);
  padding: 6px 11px 10px;
}
.g-estimate_sp2 .title {
  margin-block-end: 4px;
  text-align: center;
}
.g-estimate_sp2 .buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 5px;
}
.g-estimate_sp2 .button-scenes {
  display: grid;
  place-content: center;
  width: 100%;
  min-height: 40px;
  border-radius: 4px;
  color: var(--color-light);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  background-color: var(--color-primary);
}
.g-estimate_sp2 .button-scenes__em1 {
  font-weight: 900;
}
.g-estimate_sp2 .button-scenes__em2 {
  font-size: 0.8125rem;
}
.g-estimate_sp2 .button-scenes__em3 {
  font-weight: 900;
}
.g-estimate_sp2 .button-simulation {
  display: grid;
  place-content: center;
  width: 100%;
  min-height: 40px;
  border-radius: 4px;
  color: var(--color-light);
  font-size: 0.5625rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  background-color: #FD9A0A;
}
.g-estimate_sp2 .button-simulation__em1 {
  font-size: 0.8125rem;
}

/*フッター*/
.g-footer {
  border-block-start: 1px solid var(--color-border);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
@media (width <= 1100px) and (960px < width) {
  .g-footer {
    font-family: var(--typography-std_jp_small_regular-font-family);
    font-weight: var(--typography-std_jp_small_regular-font-weight);
    font-size: var(--typography-std_jp_small_regular-font-size);
    line-height: var(--typography-std_jp_small_regular-line-height);
    --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  }
}
.g-footer .logo {
  width: fit-content;
}
@media (width <= 768px) {
  .g-footer .logo {
    margin-inline: auto;
    width: 210px;
  }
}
.g-footer .area1__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  column-gap: 40px;
  row-gap: var(--space-block-lg-trim);
}
@media (width <= 960px) {
  .g-footer .area1__inner {
    grid-template-columns: 1fr;
    row-gap: var(--space-block-md);
  }
}
.g-footer .navi {
  grid-area: 1/2/3/3;
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
}
@media (width <= 1120px) {
  .g-footer .navi {
    grid-area: auto;
  }
}
@media (width <= 768px) {
  .g-footer .navi {
    grid-template-columns: repeat(2, auto);
    row-gap: var(--space-block-md);
  }
}
@media (width <= 560px) {
  .g-footer .navi {
    grid-template-columns: 1fr;
  }
}
.g-footer .navi__group {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--space-block-sm) - 1px);
  border-inline-start: 1px solid var(--color-border);
  padding-inline: 30px 10px;
}
@media (width <= 1400px) {
  .g-footer .navi__group {
    padding-inline-start: 20px;
  }
}
@media (width <= 768px) and (560px < width) {
  .g-footer .navi__group:nth-child(1) {
    grid-column: span 2;
  }
}
.g-footer .child__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 0.5em;
  width: fit-content;
  margin-block-start: calc(var(--space-block-xs) - 2px);
}
.g-footer .child__item::before {
  content: "-";
}
.g-footer .site_name {
  grid-area: name;
}
.g-footer .info {
  grid-area: info;
}
.g-footer .pagetop {
  grid-area: top;
}
.g-footer .copyright {
  grid-area: copy;
}
@media (width <= 768px) {
  .g-footer .area2 {
    padding-block-end: 120px !important;
  }
}
.g-footer .area2__inner {
  position: relative;
  display: grid;
  grid-template: "info top" 1fr "info copy" auto/1fr auto;
  column-gap: 20px;
  row-gap: var(--space-block-xs);
}
@media (width <= 560px) {
  .g-footer .area2__inner {
    grid-template: "info" auto "copy" auto/1fr auto;
  }
}
.g-footer .site_name {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.g-footer .address {
  margin-block-end: 6px;
}
.g-footer .number {
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
}
.g-footer .pagetop {
  align-self: end;
  justify-self: end;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  column-gap: 14px;
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
  text-decoration: none;
}
@media (width <= 560px) {
  .g-footer .pagetop {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.g-footer .pagetop::before {
  content: "";
  position: absolute;
  z-index: -10;
  inset: -10px;
}
.g-footer .pagetop svg {
  rotate: -90deg;
  transition-property: translate;
  transition-duration: var(--sec);
}
.g-footer .pagetop:focus-visible svg {
  translate: 0 -5px;
}
@media (hover: hover) and (pointer: fine) {
  .g-footer .pagetop:hover svg {
    translate: 0 -5px;
  }
}
.g-footer .copyright {
  opacity: 0.5;
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
}
@media (width <= 560px) {
  .g-footer .copyright {
    text-align: center;
  }
}

/*メイン*/
.g-main {
  display: block;
  flex-grow: 1;
}
.g-main:after {
  content: " ";
  display: block;
  clear: both;
}

.g-area {
  background-color: var(--color-bg-ash);
}
html:has(.g-main .u-bg\:bg-ash:last-child) .g-area {
  background-color: var(--color-light);
}

.g-area .content__item {
  display: grid;
  grid-template-columns: 94px 1fr;
  gap: var(--space-block-xs);
}
@media (width <= 768px) {
  .g-area .content__item {
    grid-template-columns: 1fr;
    gap: var(--space-block-xxs);
  }
}
.g-area .content__item:not(:last-child) {
  margin-block-end: var(--space-block-xs);
}
.g-area .content__title {
  font-family: var(--typography-std_jp_small_bold-font-family);
  font-weight: var(--typography-std_jp_small_bold-font-weight);
  font-size: var(--typography-std_jp_small_bold-font-size);
  line-height: var(--typography-std_jp_small_bold-line-height);
  --letter-spacing: var(--typography-std_jp_small_bold-letter-spacing);
}
.g-area .content__area {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2px;
}
.g-area .content__area li {
  font-family: var(--typography-std_jp_small_regular-font-family);
  font-weight: var(--typography-std_jp_small_regular-font-weight);
  font-size: var(--typography-std_jp_small_regular-font-size);
  line-height: var(--typography-std_jp_small_regular-line-height);
  --letter-spacing: var(--typography-std_jp_small_regular-letter-spacing);
  border-inline-start: 1px solid var(--color-dark);
  padding-inline: 0.4em;
}
.g-area .content__area li:last-child {
  border-inline-end: 1px solid var(--color-dark);
}

.g-contact {
  --q-space-top: 92px;
  position: relative;
  isolation: isolate;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  padding-block-end: var(--space-block-lg);
  background-color: var(--color-bg-ash);
}
@media (width <= 850px) {
  .g-contact {
    --q-space-top: 0;
  }
}
.g-contact::before {
  content: "";
  position: absolute;
  z-index: -10;
  inset: var(--q-space-top) 0 0;
  background-color: var(--color-light);
}
.g-contact .image {
  position: relative;
}
@media (width <= 850px) {
  .g-contact .image {
    height: 200px;
  }
}
.g-contact .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-contact .content {
  margin-block-start: var(--q-space-top);
  padding-block-start: var(--space-block-lg);
}
.g-contact .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  min-height: 110px;
  border: 1px solid;
  padding: 10px 10px;
  color: var(--color-light);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  text-decoration: none;
  background-color: var(--color-primary);
  transition-property: background-color;
  transition-duration: var(--sec);
}
.g-contact .button_wrapper {
  display: grid;
  row-gap: var(--space-block-sm);
  margin-block-start: var(--space-block-md);
}
@media (width <= 850px) {
  .g-contact .button_wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
  }
}
@media (width <= 700px) {
  .g-contact .button_wrapper {
    grid-template-columns: 1fr;
  }
}
.g-contact .button:focus-visible {
  background-color: var(--color-bg-dark);
}
@media (hover: hover) and (pointer: fine) {
  .g-contact .button:hover {
    background-color: var(--color-bg-dark);
  }
}
.g-contact .button__icon {
  display: grid;
  place-content: center;
  width: 44px;
  aspect-ratio: 1/1;
  border: 1px solid;
  border-radius: 9999px;
}
.g-contact .button__arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
}
.g-contact .tel {
  display: grid;
  height: 100%;
  padding: 26px 20px;
  color: var(--color-light);
  font-size: 1rem;
  line-height: 1.2;
  background-color: var(--color-primary);
}
@media (width <= 768px) {
  .g-contact .tel {
    padding-inline: 10px;
    font-size: 0.875rem;
  }
}
@media (width <= 560px) {
  .g-contact .tel {
    padding-inline: 5px;
  }
}
.g-contact .tel__text {
  margin-block-end: -8px;
  text-align: center;
}
@media (width <= 768px) {
  .g-contact .tel__text {
    margin-block-end: -5px;
  }
}
.g-contact .tel__body {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 5px;
  column-gap: 12px;
  align-items: center;
  width: fit-content;
  margin-inline: auto;
  translate: 0 -4px;
}
@media (width <= 768px) {
  .g-contact .tel__body {
    translate: 0 -1px;
  }
}
.g-contact .tel__icon {
  grid-area: 1/1/3/2;
  display: grid;
  place-content: center;
  width: 44px;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  color: var(--color-base);
  font-family: var(--ff-serif);
  font-size: 0.875rem;
  background-color: var(--color-light);
  translate: 0 2px;
}
@media (width <= 768px) {
  .g-contact .tel__icon {
    translate: 0 1px;
  }
}
.g-contact .tel__number {
  grid-area: 1/2/2/3;
  align-self: end;
  font-family: var(--typography-std_jp_xl_bold-font-family);
  font-weight: var(--typography-std_jp_xl_bold-font-weight);
  font-size: var(--typography-std_jp_xl_bold-font-size);
  line-height: var(--typography-std_jp_xl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xl_bold-letter-spacing);
  font-size: 1.625rem;
  line-height: 1;
}
@media (width <= 768px) {
  .g-contact .tel__number {
    font-size: 1.375rem;
  }
}
.g-contact .tel__time {
  grid-area: 2/2/3/3;
  align-self: start;
}
.g-contact [data-tel-outer] {
  display: block;
  height: 100%;
}
html:has(.g-main .u-bg\:bg-ash:last-child) .g-contact {
  background-color: var(--color-light);
}
html:has(.g-main .u-bg\:bg-ash:last-child) .g-contact::before {
  background-color: var(--color-bg-ash);
}

.g-menu {
  position: fixed;
  z-index: calc(var(--header-z-index) - 100);
  isolation: isolate;
  left: 0;
  top: 0;
  height: 100svh;
  width: 100vw;
  min-width: var(--min-device-width);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: var(--sec);
}
.g-menu.is-open {
  opacity: 1;
  visibility: visible;
  --g-menu-translate-x: 0;
}
.g-menu .inner {
  overflow-y: scroll;
  overscroll-behavior: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: calc(100% - 150px);
  height: 100%;
  margin-inline-start: auto;
  padding-block-start: calc(var(--header-size) + var(--space-block-md));
  padding-block-end: var(--space-block-md);
  padding-inline: calc(var(--space-inline) - 5px);
  background-color: var(--color-light);
  translate: var(--g-menu-translate-x, 100%) 0;
  transition-property: translate;
  transition-duration: var(--sec);
}
.g-menu .inner::-webkit-scrollbar {
  display: none;
}
@media (width <= 960px) {
  .g-menu .inner {
    width: calc(100% - 120px);
  }
}
@media (width <= 560px) {
  .g-menu .inner {
    width: calc(100% - 50px);
  }
}
.g-menu .navi__link, .g-menu .navi__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  border-block-end: 1px solid var(--color-border);
  padding-block: var(--space-block-sm-trim);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.g-menu .link {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 10px;
  border-block-end: 1px solid var(--color-border);
  padding-block-end: var(--space-block-xs);
  text-decoration: none;
}
.g-menu .overlay {
  position: absolute;
  z-index: -10;
  inset: -10000px 0;
  background-color: rgba(var(--color-dark-rgb), 0.4);
}

.q-about-concept {
  --l-column-head-width-override: calc(50% - 20px);
  --l-column-rowGap-override: var(--space-block-md);
}
.q-about-concept .body {
  container: body/inline-size;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 55%;
}
@media (width <= 1120px) {
  .q-about-concept .body {
    width: 100%;
    max-width: 650px;
    margin-inline: auto;
  }
}
.q-about-concept .image {
  box-sizing: content-box;
  overflow: hidden;
}
.q-about-concept .image__in {
  height: 100%;
  overflow: hidden;
}
.q-about-concept .image img {
  width: 100%;
  height: calc(100% + 40px);
  object-fit: cover;
}
.q-about-concept .image._1 {
  position: relative;
  grid-area: 1/2/2/3;
}
.q-about-concept .image._1 .image__in {
  aspect-ratio: 308/200;
}
.q-about-concept .image._2 {
  grid-area: 2/1/3/2;
  margin-block: -50px -47px;
  padding-inline: 40px;
}
@media (width <= 1120px) {
  .q-about-concept .image._2 {
    margin-block-start: -40%;
  }
}
.q-about-concept .image._2 .image__in {
  aspect-ratio: 170/214;
}

.q-about-important .important {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  align-items: center;
  padding-block-end: var(--space-block-md);
  border-block-end: 1px solid rgba(var(--color-base-rgb), 0.2);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.q-about-important .important_wrapper {
  display: grid;
  grid-template-columns: 100px 1fr;
  row-gap: var(--space-block-md);
  column-gap: 20px;
}
@media (width <= 560px) {
  .q-about-important .important_wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media (width <= 560px) {
  .q-about-important .important {
    display: block;
  }
}
.q-about-important .important__index {
  display: grid;
  place-content: center;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  color: var(--color-light);
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
  background-color: var(--color-primary);
}
@media (width <= 560px) {
  .q-about-important .important__index {
    width: 40px;
    margin-block-end: var(--space-block-xs);
  }
}
.q-about-important .important__title {
  padding-inline-end: 0;
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
@media (width <= 560px) {
  .q-about-important .important__title {
    margin-block-end: var(--space-block-xxs);
  }
}
.q-about-important .important__desc {
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  grid-area: 2/2/3/3;
}
@media (width <= 560px) {
  .q-about-important .important__desc {
    grid-area: revert;
  }
}
.q-about-important .comment__item {
  display: grid;
  grid-template-columns: 300px 1fr;
  align-items: start;
  column-gap: 20px;
  border-block-start: 1px solid var(--color-border);
  padding-block-start: var(--space-block-md);
  padding: 30px var(--space-block-md);
  background-color: var(--color-light);
  margin-block-start: var(--space-block-md);
}
@media (width <= 960px) {
  .q-about-important .comment__item {
    grid-template-columns: 1fr;
  }
}
@media (width <= 768px) {
  .q-about-important .comment__item {
    padding-inline: var(--space-block-sm);
  }
}
.q-about-important .comment__title {
  width: fit-content;
  border-block-end: 4px solid currentColor;
  margin-block-end: var(--space-block-xs);
  padding-block-end: var(--space-block-xs-trim);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}

.q-about-person .table_wrap {
  width: 100%;
  overflow: auto;
}
.q-about-person .table {
  width: 100%;
  min-width: 880px;
}
.q-about-person .table :is(th,td) {
  padding: 16px 10px;
  border: 1px solid var(--color-base);
}
.q-about-person .table th {
  background-color: var(--color-bg-ash);
}
.q-about-person .link {
  color: var(--color-primary);
  text-decoration: underline;
}

.q-about-origin .item:not(:last-child) {
  padding-block-end: var(--space-block-md);
  margin-block-end: var(--space-block-md);
  border-block-end: 1px solid rgba(var(--color-dark-rgb), 0.2);
}

.p-blog-detail .eyecatch {
  margin-block-end: var(--space-block-md);
}
.p-blog-detail .eyecatch img {
  width: 100%;
}

.q-company {
  --l-column-head-width-override: 220px;
}
@media (1120px < width) {
  .q-company .l-column__body {
    padding-block-start: 60px;
  }
}
.q-company .company__table {
  width: 100%;
}
.q-company .company__table :is(th,td) {
  border-block: 1px solid rgba(var(--color-dark-rgb), 0.2);
  padding-block: calc(var(--space-block-sm) - 4px);
}
@media (width <= 768px) {
  .q-company .company__table :is(th,td) {
    border-block-end: 0;
  }
}
@media (width <= 768px) {
  .q-company .company__table tr:last-child td {
    border-block-end: 1px solid rgba(var(--color-dark-rgb), 0.2);
  }
}
.q-company .company__table th {
  position: relative;
  width: 200px;
  padding-inline-start: 14px;
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.q-company .company__table th:before {
  content: "・";
  position: absolute;
  top: calc(0.5lh + var(--space-block-sm) - 1px);
  left: -5px;
  translate: 0 -50%;
  font-weight: normal;
}
@media (width <= 560px) {
  .q-company .company__table, .q-company .company__table tbody, .q-company .company__table tr, .q-company .company__table th, .q-company .company__table td {
    display: block;
    width: auto;
  }
  .q-company .company__table th {
    border-block-end: 0;
  }
  .q-company .company__table td {
    border-block-start: 0;
    padding-block-start: 0;
  }
}

.q-greeting .greeting__item {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: var(--space-block-md) 60px;
  align-items: center;
}
@media (width <= 768px) {
  .q-greeting .greeting__item {
    grid-template-columns: 1fr;
  }
}
.q-greeting .greeting__item:not(:last-child) {
  padding-block-end: var(--space-block-md);
  border-block-end: 1px solid rgba(var(--color-dark-rgb), 0.2);
  margin-block-end: var(--space-block-md);
}
@media (width <= 768px) {
  .q-greeting .greeting__head {
    max-width: 400px;
    margin-inline: auto;
  }
}
.q-greeting .greeting__head img {
  width: 100%;
}
.q-greeting .greeting__body .quote {
  color: var(--color-primary);
}
.q-greeting .greeting__body .title {
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  margin-block: 30px var(--space-block-sm);
  color: var(--color-primary);
}
@media (width <= 768px) {
  .q-greeting .greeting__body .title {
    margin-block-start: var(--space-block-sm);
  }
}
.q-greeting .greeting__body .name {
  margin-block-start: var(--space-block-sm);
  text-align: right;
}

.q-philosophy .philosophy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-block-md);
  border: 1px solid var(--color-primary);
  padding: var(--space-block-md);
}
@media (width <= 768px) {
  .q-philosophy .philosophy {
    flex-direction: column;
  }
}
.q-philosophy .philosophy__head .sub {
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
  margin-block-end: var(--space-block-sm);
  color: var(--color-primary);
}
.q-philosophy .philosophy__head .title {
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  margin-block-end: var(--space-block-sm);
}

.q-strengths .strengths__column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-block-sm);
  margin-block-end: var(--space-block-md);
}
@media (width <= 768px) {
  .q-strengths .strengths__column {
    grid-template-columns: 1fr;
  }
}
.q-strengths .strengths__item {
  padding: 30px;
  background-color: var(--color-light);
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: var(--space-block-sm);
}
@media (768px < width <= 960px) {
  .q-strengths .strengths__item {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
@media (width <= 768px) {
  .q-strengths .strengths__item {
    grid-template-columns: 80px 1fr;
    padding-inline: var(--space-block-sm);
  }
}
.q-strengths .strengths__item .title {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  margin-block-end: var(--space-block-xs);
}
.q-strengths .comment__item {
  display: grid;
  grid-template-columns: 300px 1fr;
  align-items: start;
  column-gap: 20px;
  border-block-start: 1px solid var(--color-border);
  padding-block-start: var(--space-block-md);
  padding: 30px var(--space-block-md);
  background-color: var(--color-light);
  margin-block-start: var(--space-block-md);
}
@media (width <= 960px) {
  .q-strengths .comment__item {
    grid-template-columns: 1fr;
  }
}
@media (width <= 768px) {
  .q-strengths .comment__item {
    padding-inline: var(--space-block-sm);
  }
}
.q-strengths .comment__title {
  width: fit-content;
  border-block-end: 4px solid currentColor;
  margin-block-end: var(--space-block-sm);
  padding-block-end: var(--space-block-xs-trim);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}

.q-history .history {
  display: grid;
  grid-template-columns: auto 62%;
  align-items: flex-start;
}
@media (width <= 960px) {
  .q-history .history {
    grid-template-columns: 1fr;
  }
}
.q-history .history__table {
  width: 100%;
}
.q-history .history__table :is(th,td) {
  padding-block-end: var(--space-block-md);
}
@media (width <= 768px) {
  .q-history .history__table :is(th,td) {
    padding-block-end: var(--space-block-sm);
  }
}
.q-history .history__table tr {
  position: relative;
}
.q-history .history__table tr::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0.7lh;
  left: 2px;
  background-color: var(--color-primary);
}
@media (width <= 768px) {
  .q-history .history__table tr::after {
    top: 0.5lh;
  }
}
.q-history .history__table tr:last-child::after {
  content: none;
}
.q-history .history__table th {
  position: relative;
  width: 240px;
  padding-inline: 30px var(--space-block-md);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
@media (width <= 768px) {
  .q-history .history__table th {
    padding-inline-end: 0;
  }
}
.q-history .history__table th:before {
  content: "・";
  position: absolute;
  top: 0.7lh;
  left: -5px;
  translate: 0 -50%;
  font-weight: normal;
  color: var(--color-primary);
}
@media (width <= 768px) {
  .q-history .history__table th:before {
    top: 0.5lh;
  }
}
@media (width <= 768px) {
  .q-history .history__table td {
    padding-inline-start: 30px;
  }
}
@media (width <= 560px) {
  .q-history .history__table, .q-history .history__table tbody, .q-history .history__table tr, .q-history .history__table th, .q-history .history__table td {
    display: block;
    width: auto;
  }
  .q-history .history__table th {
    border-block-end: 0;
  }
  .q-history .history__table td {
    border-block-start: 0;
    padding-block-start: 0;
  }
}

.q-staff .staff__block:not(:last-child) {
  margin-block-end: 60px;
}
.q-staff .staff__title {
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  padding-block-end: var(--space-block-sm);
  border-block-end: 2px solid var(--color-primary);
  margin-block-end: var(--space-block-md);
  color: var(--color-primary);
}
.q-staff .staff__group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-block-md) 35px;
}
@media (width <= 768px) {
  .q-staff .staff__group {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 560px) {
  .q-staff .staff__group {
    grid-template-columns: 1fr;
  }
}
.q-staff .staff__item .image {
  margin-block-end: var(--space-block-sm);
}
.q-staff .staff__item .image img {
  width: 100%;
}
.q-staff .staff__item .title {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  margin-block-start: 0;
  margin-block-end: var(--space-block-xs);
}
.q-staff .staff__item .c-text {
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.q-staff .staff__item .c-text:not(:last-child) {
  margin-block-end: var(--space-block-xs);
}

.q-csr .l-column, .q-sdgs .l-column {
  --l-column-head-width-override: 50%;
}
@media (width <= 768px) {
  .q-csr .l-column, .q-sdgs .l-column {
    grid-template-columns: 1fr;
  }
}

.q-flow {
  --l-column-head-width-override: 220px;
}
@media (1120px < width) {
  .q-flow .l-column__body {
    padding-block-start: 60px;
  }
}
.q-flow .flow {
  --q-flow-icon-space: 120px;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
@media (width <= 768px) {
  .q-flow .flow {
    --q-flow-icon-space: 60px;
  }
}
.q-flow .flow__item {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: var(--q-flow-icon-space) 1fr;
  align-items: start;
  column-gap: 20px;
}
.q-flow .flow__item:not(:last-child) {
  padding-block-end: var(--space-block-lg);
}
@media (width <= 768px) {
  .q-flow .flow__item:not(:last-child) {
    padding-block-end: var(--space-block-md);
  }
}
.q-flow .flow__item:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: -10;
  top: 2px;
  bottom: 0;
  left: calc(var(--q-flow-icon-space) / 2);
  width: 1px;
  background-color: var(--color-border);
}
@media (width <= 768px) {
  .q-flow .flow__item:not(:last-child)::before {
    content: none;
  }
}
@media (width <= 768px) {
  .q-flow .flow__item {
    row-gap: var(--space-block-md);
  }
  .q-flow .flow__item svg {
    width: 32px;
  }
}
.q-flow .flow__icon {
  grid-area: 1/1/2/2;
  display: grid;
  place-content: center;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  background-color: var(--color-light);
}
.q-flow .flow__head {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 15px;
  padding-block-start: 45px;
  grid-area: 1/2/2/3;
}
@media (width <= 768px) {
  .q-flow .flow__head {
    padding-block-start: 17px;
  }
}
@media (width <= 560px) {
  .q-flow .flow__head {
    grid-template-columns: 1fr;
    row-gap: var(--space-block-xxs);
  }
}
.q-flow .flow__detail {
  grid-area: 2/2/3/3;
}
@media (width <= 768px) {
  .q-flow .flow__detail {
    grid-area: 2/1/3/3;
  }
}
.q-flow .flow__detail .link {
  color: var(--color-primary);
  text-decoration: underline;
}
@media (768px < width) {
  .q-flow .flow__detail .tel {
    pointer-events: none;
  }
}
.q-flow .flow__table {
  width: 100%;
}
.q-flow .flow__table tbody {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (width <= 768px) {
  .q-flow .flow__table tbody {
    grid-template-columns: 1fr;
  }
}
.q-flow .flow__table tr {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  text-align: center;
}
@media (width <= 768px) {
  .q-flow .flow__table tr:first-child {
    border-block-start: 1px solid var(--color-base);
  }
}
.q-flow .flow__table tr:first-child th, .q-flow .flow__table tr:first-child td {
  border-inline-start: 1px solid var(--color-base);
}
@media (width <= 768px) {
  .q-flow .flow__table tr {
    border-inline-start: 0;
  }
}
.q-flow .flow__table :is(th,td) {
  padding: 16px 10px;
  border-block-end: 1px solid var(--color-base);
  border-inline-end: 1px solid var(--color-base);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width <= 768px) {
  .q-flow .flow__table :is(th,td) {
    border-inline-start: 1px solid var(--color-base);
  }
}
.q-flow .flow__table th {
  width: 100%;
  background-color: var(--color-bg-ash);
  border-block-start: 1px solid var(--color-base);
}
@media (width <= 768px) {
  .q-flow .flow__table th {
    border-block-start: 0;
  }
}
.q-flow .flow__index {
  color: var(--color-primary);
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
}
.q-flow .flow__title {
  margin-inline-end: -10px;
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
}
.q-flow .flow__comment {
  background-color: var(--color-bg-ash);
  padding: 30px;
  margin-block-start: var(--space-block-md);
}
.q-flow .flow__comment .title {
  color: var(--color-primary);
  border-inline-start: 2px solid var(--color-primary);
  padding-inline-start: var(--space-block-sm);
  margin-block-end: var(--space-block-sm);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.q-flow .flow__comment .text_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-block-sm) var(--space-block-md);
}
@media (width <= 768px) {
  .q-flow .flow__comment .text_wrap {
    flex-direction: column;
  }
}
.q-flow .flow__comment .text_wrap .line {
  background-color: var(--color-base);
  width: 1px;
}
@media (width <= 768px) {
  .q-flow .flow__comment .text_wrap .line {
    width: 100%;
    height: 1px;
  }
}
.q-flow .flow__comment .text_wrap .link {
  color: var(--color-primary);
  text-decoration: underline;
}
.q-flow .flow__image {
  margin-block-start: var(--space-block-md);
}
.q-flow .flow__image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.q-flow .flow__staff {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-block-xs);
  margin-block-start: var(--space-block-md);
}
@media (768px < width <= 960px) {
  .q-flow .flow__staff {
    grid-template-columns: 1fr;
  }
}
@media (width <= 560px) {
  .q-flow .flow__staff {
    grid-template-columns: 1fr;
  }
}
.q-flow .flow__staff .staff {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 1;
  grid-template-columns: 130px 1fr;
  gap: var(--space-block-sm);
  border: 1px solid var(--color-border);
  align-items: start;
}
@media (width <= 768px) {
  .q-flow .flow__staff .staff {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
@media (width <= 768px) {
  .q-flow .flow__staff .staff .image {
    aspect-ratio: 325/230;
  }
}
.q-flow .flow__staff .staff .image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 7%;
}
.q-flow .flow__staff .desc {
  display: flex;
  flex-direction: column;
  gap: var(--space-block-xs);
  margin: var(--space-block-sm) 30px var(--space-block-sm) 0;
}
@media (width <= 768px) {
  .q-flow .flow__staff .desc {
    margin: 0 var(--space-block-sm) var(--space-block-sm) var(--space-block-sm);
  }
}
.q-flow .flow__staff .title {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.q-flow .flow__list {
  width: 100%;
}
.q-flow .flow__list :is(th,td) {
  border-block: 1px solid rgba(var(--color-dark-rgb), 0.2);
  padding-block: calc(var(--space-block-xs) - 1px);
}
@media (width <= 768px) {
  .q-flow .flow__list :is(th,td) {
    border-block-end: 0;
  }
}
@media (width <= 768px) {
  .q-flow .flow__list tr:last-child td {
    border-block-end: 1px solid rgba(var(--color-dark-rgb), 0.2);
  }
}
.q-flow .flow__list th {
  position: relative;
  width: 300px;
  padding-inline-start: 14px;
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.q-flow .flow__list th:before {
  content: "・";
  position: absolute;
  top: calc(0.5lh + var(--space-block-xs) - 1px);
  left: -5px;
  translate: 0 -50%;
  font-weight: normal;
}
@media (width <= 560px) {
  .q-flow .flow__list, .q-flow .flow__list tbody, .q-flow .flow__list tr, .q-flow .flow__list th, .q-flow .flow__list td {
    display: block;
    width: auto;
  }
  .q-flow .flow__list th {
    border-block-end: 0;
  }
  .q-flow .flow__list td {
    border-block-start: 0;
    padding-block-start: 0;
  }
}

.q-reform-category-value {
  --l-column-head-width-default: 400px;
}
@media (1120px < width) {
  .q-reform-category-value .l-column__body {
    padding-block-start: 60px;
  }
}
.q-reform-category-value .head {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  margin-block-end: var(--space-block-sm-trim);
}
@media (width <= 768px) {
  .q-reform-category-value .head {
    flex-direction: column;
  }
}
.q-reform-category-value .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-block-end: var(--space-block-sm);
}
@media (width <= 768px) {
  .q-reform-category-value .list {
    grid-template-columns: 1fr;
  }
}
.q-reform-category-value .list__item {
  display: grid;
  place-content: center;
  min-height: 150px;
  padding: var(--space-block-sm) 5px;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  background-color: var(--color-light);
}
@media (width <= 768px) {
  .q-reform-category-value .list__item {
    min-height: auto;
  }
}
.q-reform-category-value .line {
  height: 12px;
  margin-block-end: var(--space-block-sm-trim);
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2700" height="11.066" viewBox="0 0 2700 11.066"><g transform="translate(828 -1650.748)"><g transform="translate(-388 32)"><path d="M560,1619.248H893.339l16.661,10" fill="none" stroke="%230f8b6e" stroke-width="1"/><path d="M910,1619.248H576.661l-13.51,8.109L560,1629.248" transform="translate(350)" fill="none" stroke="%230f8b6e" stroke-width="1"/></g><line x2="1000" transform="translate(872 1651.248)" fill="none" stroke="%230f8b6e" stroke-width="1"/><line x2="1000" transform="translate(-828 1651.248)" fill="none" stroke="%230f8b6e" stroke-width="1"/></g></svg>');
}
.q-reform-category-value .idea {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
  width: fit-content;
  margin-inline: auto;
}
@media (width <= 768px) {
  .q-reform-category-value .idea {
    grid-template-columns: 40px 1fr;
    column-gap: 10px;
  }
}
.q-reform-category-value .idea__heading {
  margin-block-end: var(--space-block-xs-trim);
  color: var(--color-primary);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
@media (width <= 768px) {
  .q-reform-category-value .idea__heading {
    align-self: center;
    margin-block-end: 0;
  }
}
@media (width <= 768px) {
  .q-reform-category-value .idea__detail {
    display: contents;
  }
}
@media (width <= 768px) {
  .q-reform-category-value .idea__desc {
    grid-column: span 2;
    margin-block-start: var(--space-block-xs);
    padding-inline-start: 5px;
  }
}

.q-reform-questionnaire .questionnaire__title {
  margin-block-end: var(--space-block-md);
  text-align: center;
  font-weight: 700;
}
@media (width <= 768px) {
  .q-reform-questionnaire .questionnaire__title {
    line-height: 1.6;
  }
}
.q-reform-questionnaire .questionnaire__title .title_top {
  font-size: 1.25rem;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-block-end: var(--space-block-xs);
}
@media (width <= 768px) {
  .q-reform-questionnaire .questionnaire__title .title_top {
    font-size: 1rem;
  }
}
.q-reform-questionnaire .questionnaire__title .title_top::before, .q-reform-questionnaire .questionnaire__title .title_top::after {
  background-color: var(--color-base);
  border-radius: 9px;
  content: "";
  height: 3px;
  width: 24px;
}
@media (width <= 768px) {
  .q-reform-questionnaire .questionnaire__title .title_top::before, .q-reform-questionnaire .questionnaire__title .title_top::after {
    width: 42px;
  }
}
.q-reform-questionnaire .questionnaire__title .title_top::before {
  margin-inline-end: 4px;
  transform: rotate(60deg);
}
.q-reform-questionnaire .questionnaire__title .title_top::after {
  margin-inline-start: 4px;
  transform: rotate(-60deg);
}
.q-reform-questionnaire .questionnaire__title .title {
  font-size: 2.0625rem;
  line-height: 1.9393939394;
}
@media (width <= 768px) {
  .q-reform-questionnaire .questionnaire__title .title {
    font-size: 1.375rem;
    line-height: 1.6;
  }
}
.q-reform-questionnaire .questionnaire__title .title .emphasis {
  color: var(--color-primary);
  font-size: 2.75rem;
  display: inline-block;
}
@media (width <= 768px) {
  .q-reform-questionnaire .questionnaire__title .title .emphasis {
    font-size: 1.75rem;
  }
}
.q-reform-questionnaire .questionnaire__title .title .line {
  background: linear-gradient(transparent 60%, var(--color-attention3) 61%, var(--color-attention3) 90%, transparent 92%);
  display: inline-block;
}
.q-reform-questionnaire .questionnaire__title .title_bottom {
  font-size: 1.4375rem;
  margin-block-start: var(--space-block-xs);
}
@media (width <= 768px) {
  .q-reform-questionnaire .questionnaire__title .title_bottom {
    font-size: 1.25rem;
  }
}
.q-reform-questionnaire .questionnaire__title .title_bottom .emphasis {
  color: var(--color-attention);
  font-size: 1.6875rem;
  display: inline-block;
}
@media (width <= 768px) {
  .q-reform-questionnaire .questionnaire__title .title_bottom .emphasis {
    font-size: 1.5rem;
  }
}
.q-reform-questionnaire .content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-block-md) var(--space-block-sm);
}
@media (width <= 768px) {
  .q-reform-questionnaire .content {
    grid-template-columns: 1fr;
  }
}
.q-reform-questionnaire .content__item {
  display: grid;
}
.q-reform-questionnaire .content__graph {
  text-align: center;
}
.q-reform-questionnaire .content__graph img {
  max-height: 420px;
  width: auto;
}
.q-reform-questionnaire .content__detail {
  background-color: var(--color-light);
  border: 1px solid;
  padding: var(--space-block-sm) var(--space-block-xs) var(--space-block-sm) var(--space-block-sm);
  margin-block-start: 30px;
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 20;
}
@media (width <= 768px) {
  .q-reform-questionnaire .content__detail {
    padding-inline-end: var(--space-block-sm);
  }
}
.q-reform-questionnaire .content__detail::after {
  content: "";
  position: absolute;
  top: -36px;
  left: 50%;
  width: 34px;
  height: 34px;
  background: var(--color-light);
  border-left: 1px solid;
  border-top: 1px solid;
  transform: translate(-50%, 55%) rotate(45deg);
  transform-origin: center center;
}
.q-reform-questionnaire .content__list {
  display: flex;
  align-items: flex-start;
  gap: var(--space-block-xs);
}
.q-reform-questionnaire .content__list::before {
  content: "";
  display: inline-block;
  width: 20px;
  min-width: 20px;
  aspect-ratio: 1/1;
  background-color: var(--color-primary);
  margin-block-start: 8px;
}
@media (width <= 768px) {
  .q-reform-questionnaire .content__list::before {
    width: 14px;
    min-width: 14px;
  }
}
.q-reform-questionnaire .content__list:nth-child(2)::before {
  background-color: var(--color-primary2);
}
.q-reform-questionnaire .content__list:nth-child(3)::before {
  background-color: var(--color-primary3);
}
.q-reform-questionnaire .content__list:nth-child(4)::before {
  background-color: var(--color-primary4);
}
.q-reform-questionnaire .content__list:nth-child(5)::before {
  background-color: var(--color-primary5);
}
.q-reform-questionnaire .content__list:nth-child(6)::before {
  background-color: var(--color-primary6);
}
.q-reform-questionnaire .content__list:last-child::before {
  background-color: var(--color-bg-ash);
}

.q-reform-point .point__title {
  background: linear-gradient(transparent 65%, var(--color-attention3) 66%, var(--color-attention3) 95%, transparent 96%);
  font-size: 2.875rem;
  font-weight: 700;
  display: inline;
}
@media (width <= 768px) {
  .q-reform-point .point__title {
    font-size: 1.5rem;
  }
}
.q-reform-point .point__title img {
  vertical-align: baseline;
  margin-inline: -8px;
  display: inline-block;
}
@media (width <= 768px) {
  .q-reform-point .point__title img {
    margin-inline: -4px;
    width: 32px;
  }
}
.q-reform-point .content__item {
  padding: 1px var(--space-block-md) var(--space-block-md) var(--space-block-md);
  background-color: var(--color-bg-ash);
  margin-block-start: var(--space-block-md);
}
@media (width <= 768px) {
  .q-reform-point .content__item {
    padding: 1px var(--space-block-sm) var(--space-block-sm) var(--space-block-sm);
  }
}
.q-reform-point .content__number {
  color: var(--color-primary);
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
  font-weight: 400;
  font-size: 1.375rem;
  margin-block: -30px var(--space-block-sm);
}
.q-reform-point .content__number .number {
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
  font-size: 2rem;
  margin-inline-start: 6px;
}
.q-reform-point .content__text .title {
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  margin-block-end: var(--space-block-xs);
}

.q-reform-category-item .inner {
  border-block-end: 1px solid var(--color-base);
}

.q-reform-detail {
  --l-media-content-width-override: 560px;
  --l-media-columnGap-override: 40px;
  --l-media-rowGap-override: var(--space-block-md);
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
@media (width <= 1120px) {
  .q-reform-detail {
    --l-media-content-width-override: 50%;
    --l-media-columnGap-override: 20px;
  }
}
.q-reform-detail .inner {
  border-block-end: 1px solid var(--color-base);
}
.q-reform-detail .gallery {
  max-width: 640px;
  margin-inline: auto;
}
.q-reform-detail .gallery__mv {
  position: relative;
  aspect-ratio: 1040/960;
}
.q-reform-detail .gallery__mv img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.q-reform-detail .gallery__control {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
@media (width <= 960px) {
  .q-reform-detail .gallery__control {
    gap: 4px;
  }
}
.q-reform-detail .gallery__thumb {
  position: relative;
  display: block;
  aspect-ratio: 98/90;
  margin-block-start: var(--space-block-sm);
}
.q-reform-detail .gallery__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.q-reform-detail .head {
  display: flex;
  flex-direction: column;
  margin-block-end: var(--space-block-sm);
  border-block-end: 1px solid var(--color-border);
  padding-block-end: var(--space-block-sm);
}
.q-reform-detail .title {
  margin-block-end: var(--space-block-xs-trim);
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
}
.q-reform-detail .desc {
  margin-block-start: var(--space-block-sm);
}
.q-reform-detail .cat {
  order: -10;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 5px;
  margin-block-end: var(--space-block-xs);
}
.q-reform-detail .cat p {
  border-radius: 9999px;
  padding: 1px 10px;
  font-family: var(--typography-std_jp_small_bold-font-family);
  font-weight: var(--typography-std_jp_small_bold-font-weight);
  font-size: var(--typography-std_jp_small_bold-font-size);
  line-height: var(--typography-std_jp_small_bold-line-height);
  --letter-spacing: var(--typography-std_jp_small_bold-letter-spacing);
  background-color: var(--color-bg-ash);
}
.q-reform-detail .table {
  width: 100%;
}
.q-reform-detail .table :is(th,td) {
  padding: 16px 10px;
  border: 1px solid var(--color-base);
}
.q-reform-detail .table th {
  width: 160px;
  background-color: var(--color-bg-ash);
}
@media (width <= 560px) {
  .q-reform-detail .table {
    border: 1px solid var(--color-base);
  }
  .q-reform-detail .table, .q-reform-detail .table tbody, .q-reform-detail .table tr, .q-reform-detail .table th, .q-reform-detail .table td {
    display: block;
  }
  .q-reform-detail .table :is(th,td) {
    border: 0;
  }
  .q-reform-detail .table tr:not(:last-child) {
    border-block-end: 1px solid var(--color-base);
  }
  .q-reform-detail .table th {
    width: auto;
  }
}
.q-reform-detail .floating {
  position: fixed;
  z-index: calc(var(--header-z-index) - 200);
  padding-block: var(--space-block-md);
  color: var(--color-light);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
  background-color: var(--color-primary);
  text-decoration: none;
  transition-property: opacity, visibility;
  transition-duration: var(--sec);
}
html.is-footer-visible .q-reform-detail .floating {
  opacity: 0;
  visibility: hidden;
}

.q-reform-detail .floating__icon {
  margin-block-end: var(--space-block-xxs);
}
@media (width > 1300px) {
  .q-reform-detail .floating {
    display: grid;
    place-content: center;
    top: 30%;
    left: 0;
    width: 80px;
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
  .q-reform-detail .floating__title {
    writing-mode: vertical-rl;
    --letter-spacing: 0.1em;
  }
}
@media (width <= 1300px) {
  .q-reform-detail .floating {
    display: flex;
    align-items: center;
    column-gap: 15px;
    bottom: 0;
    right: 0;
    height: 60px;
    border-top-left-radius: var(--radius);
    padding-inline: 20px;
  }
}

.q-thanks {
  --l-column-head-width-override: calc(100% - 620px);
  --l-column-rowGap-override: var(--space-block-lg);
}
.q-thanks .title {
  font-family: var(--typography-std_en_xxl_regular-font-family);
  font-weight: var(--typography-std_en_xxl_regular-font-weight);
  font-size: var(--typography-std_en_xxl_regular-font-size);
  line-height: var(--typography-std_en_xxl_regular-line-height);
  --letter-spacing: var(--typography-std_en_xxl_regular-letter-spacing);
}
@media (960px < width) {
  .q-thanks .title {
    display: grid;
    place-content: center;
    max-width: 100%;
    width: 300px;
    aspect-ratio: 1/1;
    border: 1px solid var(--color-border);
    border-radius: 9999px;
    padding: 20px;
  }
}
@media (width <= 960px) {
  .q-thanks .title {
    text-align: center;
  }
}
.q-thanks .body {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-block-md);
}
.q-thanks .content {
  padding-block-end: var(--space-block-md);
  border-block-end: 1px solid var(--color-border);
}
.q-thanks .tel {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_en_xxl_regular-font-family);
  font-weight: var(--typography-std_en_xxl_regular-font-weight);
  font-size: var(--typography-std_en_xxl_regular-font-size);
  line-height: var(--typography-std_en_xxl_regular-line-height);
  --letter-spacing: var(--typography-std_en_xxl_regular-letter-spacing);
}

.q-top-mv {
  position: relative;
}
.q-top-mv .mv {
  display: grid;
}
.q-top-mv .mv__thumb_wrapper, .q-top-mv .mv__slide {
  grid-area: 1/1/2/2;
}
.q-top-mv .mv__thumb_wrapper {
  z-index: 500;
  align-self: end;
  padding-block: var(--space-block-md);
  color: var(--color-light);
}
@media (width <= 768px) {
  .q-top-mv .mv__thumb_wrapper {
    padding-block: var(--space-block-sm);
  }
}
.q-top-mv .mv__detail {
  position: relative;
  z-index: 1000;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  color: var(--color-light);
  padding-block: calc(var(--space-block-md) + 55px);
  color: var(--color-light);
}
@media (width <= 768px) {
  .q-top-mv .mv__detail {
    padding-block: calc(var(--space-block-sm) + 25px);
  }
}
.q-top-mv .mv__copy {
  margin-block-end: var(--space-block-sm);
  font-family: var(--typography-std_jp_xxxl_bold-font-family);
  font-weight: var(--typography-std_jp_xxxl_bold-font-weight);
  font-size: var(--typography-std_jp_xxxl_bold-font-size);
  line-height: var(--typography-std_jp_xxxl_bold-line-height);
  --letter-spacing: var(--typography-std_jp_xxxl_bold-letter-spacing);
  text-shadow: 0 0 10px var(--color-shadow);
}
@media (width <= 768px) {
  .q-top-mv .mv__copy {
    margin-block-end: var(--space-block-xs);
    font-size: calc(var(--vw) * 8.2666666667);
  }
}
.q-top-mv .mv__copy2 {
  width: fit-content;
  padding: 5px 20px;
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  background-color: var(--color-primary);
}
@media (width <= 768px) {
  .q-top-mv .mv__copy2 {
    padding-inline: 10px;
    font-size: calc(var(--vw) * 2.9333333333);
  }
}
.q-top-mv .mv__thumb {
  display: flex;
  column-gap: 20px;
  margin-block-start: var(--space-block-md);
}
@media (width <= 768px) {
  .q-top-mv .mv__thumb {
    column-gap: 10px;
    margin-block-start: var(--space-block-sm);
  }
}
.q-top-mv .mv__thumb li {
  position: relative;
  width: 14px;
  aspect-ratio: 1/1;
  border: 1px solid;
  border-radius: 9999px;
  background-color: currentColor;
  opacity: 1 !important;
  cursor: pointer;
}
.q-top-mv .mv__thumb li::before {
  content: "";
  position: absolute;
  inset: -10px;
}
.q-top-mv .mv__thumb li.active {
  background-color: transparent;
}
@media (width <= 768px) {
  .q-top-mv .mv__thumb li {
    width: 6px;
  }
  .q-top-mv .mv__thumb li::before {
    inset: -5px;
  }
}
.q-top-mv .slide {
  grid-area: 1/1/2/2;
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.q-top-mv .slide_wrapper {
  display: grid;
  height: calc(100svh - var(--header-size));
  min-height: 676px;
}
@media (width <= 768px) {
  .q-top-mv .slide_wrapper {
    min-height: 400px;
  }
}
.q-top-mv .slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.q-top-mv .slide.active img, .q-top-mv .slide.active-first img {
  scale: var(--zoom);
  opacity: 1 !important;
  transition-property: scale, opacity;
  transition-duration: 5s, 0.5s;
  transition-timing-function: linear;
}
.q-top-mv .scroll {
  position: absolute;
  z-index: 1000;
  bottom: 40px;
  right: 40px;
  display: grid;
}
@media (width <= 768px) {
  .q-top-mv .scroll {
    bottom: 20px;
    right: 5px;
  }
}
.q-top-mv .scroll::before, .q-top-mv .scroll::after {
  grid-area: 1/1/2/2;
  content: "";
  display: block;
  width: 2px;
  height: 160px;
  background-color: var(--color-light);
}
.q-top-mv .scroll::before {
  opacity: 0.5;
}
.q-top-mv .scroll::after {
  animation-name: scroll-down-bar;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-animation-fill-mode: both;
}
@keyframes scroll-down-bar {
  0% {
    clip-path: inset(0 0 0 0);
  }
  40% {
    clip-path: inset(100% 0 0 0);
  }
  69.99% {
    clip-path: inset(100% 0 0 0);
  }
  70% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}

.q-top-message {
  position: relative;
  z-index: 10;
}
.q-top-message .message {
  grid-area: message;
}
.q-top-message .image._1 {
  grid-area: image1;
}
.q-top-message .image._2 {
  grid-area: image2;
}
.q-top-message .image._3 {
  grid-area: image3;
}
.q-top-message .image._4 {
  grid-area: image4;
}
.q-top-message .container {
  container: container/inline-size;
  display: grid;
  grid-template: "message message image1" auto "image3  image2  image2" auto "image4  image2  image2" auto/50% auto 1fr;
}
@media (width <= 1120px) {
  .q-top-message .container {
    grid-template: "image1  image1" auto "message message" auto "image3  image2" auto "image4  image2" auto/60% 1fr;
  }
}
@media (width <= 560px) {
  .q-top-message .container {
    grid-template: "image1" auto "message" auto "image2" auto "image3" auto "image4" auto/1fr;
  }
}
.q-top-message .message {
  position: relative;
  z-index: 10;
  padding-inline-start: var(--site-gutter);
}
@media (width <= 1120px) {
  .q-top-message .message {
    margin-block-end: var(--space-block-sm);
  }
}
@media (width <= 560px) {
  .q-top-message .message {
    padding-inline: var(--space-inline);
  }
}
.q-top-message .image {
  position: relative;
  box-sizing: content-box;
  --q-image-height: calc(100% + var(--q-image-y));
}
.q-top-message .image__in {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.q-top-message .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: var(--q-image-height);
}
.q-top-message .image._1 {
  justify-self: end;
  width: 28.5714cqi;
  aspect-ratio: 800/480;
  padding-block-end: var(--space-block-xl);
  padding-inline: var(--space-inline);
  --q-image-y: 40px;
}
@media (width <= 1120px) {
  .q-top-message .image._1 {
    padding-block-end: 0;
  }
}
@media (width <= 560px) {
  .q-top-message .image._1 {
    width: 42.4cqi;
    padding-inline: 5px;
  }
}
.q-top-message .image._2 {
  width: 34cqi;
  aspect-ratio: 952/1200;
  margin-block-start: -68px;
  padding-inline-end: calc(var(--space-inline) * 2);
  --q-image-y: 120px;
}
@media (width <= 560px) {
  .q-top-message .image._2 {
    width: 76.2666cqi;
    margin-block-start: var(--space-block-md);
    margin-inline-start: auto;
    padding-inline-end: var(--space-inline);
  }
}
.q-top-message .image._3 {
  align-self: end;
  width: 27.1428cqi;
  aspect-ratio: 760/500;
  padding-block-start: var(--space-block-md);
  padding-inline: var(--space-inline);
  --q-image-y: 60px;
}
@media (width <= 560px) {
  .q-top-message .image._3 {
    width: 60.8cqi;
    padding-block-start: var(--space-block-sm);
    padding-inline-start: 0;
  }
}
.q-top-message .image._4 {
  align-self: end;
  justify-self: end;
  width: 16cqi;
  aspect-ratio: 448/564;
  padding-block-start: var(--space-block-md);
  padding-inline: 100px;
  --q-image-y: 60px;
}
@media (width <= 560px) {
  .q-top-message .image._4 {
    width: 35.7333cqi;
    margin-inline-start: auto;
    padding-inline-end: calc(var(--space-inline) * 2);
  }
}

.q-top-item {
  position: relative;
  isolation: isolate;
  margin-block-start: calc(var(--space-block-xl) * -1);
}
.q-top-item .bg-img {
  position: absolute;
  top: 0;
  right: 0;
}
.q-top-item .item {
  position: relative;
  display: block;
  padding-inline-start: 25px;
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
  text-decoration: none;
}
.q-top-item .item_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-block-md) 30px;
}
@media (width <= 960px) {
  .q-top-item .item_wrapper {
    grid-template-columns: 1fr;
  }
}
.q-top-item .item__head {
  position: relative;
  margin-block-end: var(--space-block-xs);
}
.q-top-item .item__image {
  position: relative;
}
.q-top-item .item__image img {
  width: 100%;
}
@media (width <= 960px) {
  .q-top-item .item__image {
    height: 280px;
  }
  .q-top-item .item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (width <= 768px) {
  .q-top-item .item__image {
    height: 190px;
  }
}
.q-top-item .item__title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 75px;
  border-top-right-radius: 20px;
  padding: 9px 27px 6px 0;
  font-family: var(--typography-std_jp_large_bold-font-family);
  font-weight: var(--typography-std_jp_large_bold-font-weight);
  font-size: var(--typography-std_jp_large_bold-font-size);
  line-height: var(--typography-std_jp_large_bold-line-height);
  --letter-spacing: var(--typography-std_jp_large_bold-letter-spacing);
  background-color: var(--color-bg-ash);
}
@media (width <= 768px) {
  .q-top-item .item__title {
    position: static;
    padding-inline-end: 0;
  }
}
.q-top-item .item__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 100%;
  width: 20px;
  aspect-ratio: 1/1;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="a"><rect width="20" height="20" transform="translate(308 311)" fill="%23fff" stroke="%23707070" stroke-width="1"/></clipPath></defs><g transform="translate(-308 -311)" clip-path="url(%23a)"><path d="M19.711,20.822H0V1.069a19.949,19.949,0,0,0,5.858,13.9,19.932,19.932,0,0,0,6.357,4.286,19.865,19.865,0,0,0,7.5,1.57Z" transform="translate(308.002 310.932)" fill="%23f2f2f2"/></g></svg>');
}
.q-top-item .item__title p {
  position: relative;
  padding-inline-start: 26px;
}
.q-top-item .item__title p::before {
  content: "";
  width: 14px;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  background-color: var(--color-primary);
  position: absolute;
  top: 0.5lh;
  left: 1px;
  translate: 0 -48%;
}
.q-top-item .item__index {
  position: absolute;
  bottom: 100%;
  left: 0;
  color: var(--color-primary);
  font-family: var(--typography-std_en_xs_bold-font-family);
  font-weight: var(--typography-std_en_xs_bold-font-weight);
  font-size: var(--typography-std_en_xs_bold-font-size);
  line-height: var(--typography-std_en_xs_bold-line-height);
  --letter-spacing: var(--typography-std_en_xs_bold-letter-spacing);
  rotate: 90deg;
  transform-origin: bottom left;
}
.q-top-item .item__arrow {
  position: absolute;
  z-index: 10;
  bottom: 10px;
  right: 10px;
}

.q-top-works {
  position: relative;
  isolation: isolate;
}
.q-top-works::before {
  content: "";
  position: absolute;
  z-index: -10;
  bottom: 0;
  inset-inline: 0;
  height: 140px;
  background-color: var(--color-bg-ash);
}
.q-top-works .p-works {
  width: 350px;
  max-width: 90%;
}
.q-top-works .swiper-container {
  position: relative;
}
@media (1120px < width) {
  .q-top-works .swiper-container {
    clip-path: inset(-100px -10000px -100px 0);
  }
}
.q-top-works .swiper-slide {
  height: auto;
}
.q-top-works .swiper-button {
  position: absolute;
  z-index: 100;
  top: 125px;
  width: 60px;
}
@media (width <= 768px) {
  .q-top-works .swiper-button {
    width: 50px;
  }
}
.q-top-works .swiper-button[disabled] {
  opacity: 0.6;
  cursor: default;
}
.q-top-works .swiper-button-prev-custom {
  left: 10px;
  scale: -1 1;
}
@media (width <= 1120px) {
  .q-top-works .swiper-button-prev-custom {
    left: -10px;
  }
}
.q-top-works .swiper-button-next-custom {
  right: 10px;
}
@media (width <= 1120px) {
  .q-top-works .swiper-button-next-custom {
    right: -10px;
  }
}

.q-top-topics .foot {
  margin-block-start: var(--space-block-md);
  text-align: right;
}

.q-works-detail {
  font-family: var(--typography-std_jp_regular_tight-font-family);
  font-weight: var(--typography-std_jp_regular_tight-font-weight);
  font-size: var(--typography-std_jp_regular_tight-font-size);
  line-height: var(--typography-std_jp_regular_tight-line-height);
  --letter-spacing: var(--typography-std_jp_regular_tight-letter-spacing);
}
.q-works-detail .other {
  border-block-start: 1px solid var(--color-base);
}
.q-works-detail .eyecatch {
  margin-block-end: var(--space-block-sm);
}
.q-works-detail .eyecatch img {
  width: 100%;
}
.q-works-detail .desc {
  margin-block-end: var(--space-block-md);
}
.q-works-detail .table {
  margin-block-end: var(--space-block-md-trim);
}
.q-works-detail .table :is(th,td) {
  border-block: 1px solid var(--color-border);
  padding-block: calc(var(--space-block-xs) - 1px);
}
.q-works-detail .table th {
  position: relative;
  width: 120px;
  padding-inline-start: 14px;
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}
.q-works-detail .table th:before {
  content: "・";
  position: absolute;
  top: calc(0.5lh + var(--space-block-xs) - 1px);
  left: -5px;
  translate: 0 -50%;
  font-weight: normal;
}
@media (width <= 560px) {
  .q-works-detail .table, .q-works-detail .table tbody, .q-works-detail .table tr, .q-works-detail .table th, .q-works-detail .table td {
    display: block;
    width: auto;
  }
  .q-works-detail .table th {
    border-block-end: 0;
  }
  .q-works-detail .table td {
    border-block-start: 0;
    padding-block-start: 0;
  }
}
.q-works-detail .before-after {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-block-md) 40px;
  margin-block-end: var(--space-block-md);
  overflow: hidden;
}
@media (width <= 640px) {
  .q-works-detail .before-after {
    grid-template-columns: 1fr;
  }
}
.q-works-detail .before-after__item {
  position: relative;
}
.q-works-detail .before-after__item::before {
  content: "";
  position: absolute;
  background-color: currentColor;
}
@media (640px < width) {
  .q-works-detail .before-after__item::before {
    inset-block: 0;
    margin-block: auto;
    left: -20px;
    translate: -50% 15px;
    width: 20px;
    aspect-ratio: 20/28;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
@media (width <= 640px) {
  .q-works-detail .before-after__item::before {
    inset-inline: 0;
    margin-inline: auto;
    top: -20px;
    translate: 0 -40%;
    width: 28px;
    aspect-ratio: 28/20;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
.q-works-detail .before-after__title {
  margin-block-end: var(--space-block-xs);
  font-family: var(--typography-std_en_regular-font-family);
  font-weight: var(--typography-std_en_regular-font-weight);
  font-size: var(--typography-std_en_regular-font-size);
  line-height: var(--typography-std_en_regular-line-height);
  --letter-spacing: var(--typography-std_en_regular-letter-spacing);
}
.q-works-detail .before-after__image img {
  width: 100%;
}
.q-works-detail .comment {
  display: flex;
  flex-direction: column;
  gap: var(--space-block-md-trim);
}
.q-works-detail .comment__item {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: start;
  column-gap: 20px;
  border-block-start: 1px solid var(--color-border);
  padding-block-start: var(--space-block-md);
}
@media (width <= 960px) {
  .q-works-detail .comment__item {
    grid-template-columns: 1fr;
  }
}
.q-works-detail .comment__title {
  width: fit-content;
  border-block-end: 4px solid currentColor;
  margin-block-end: var(--space-block-xs);
  padding-block-end: var(--space-block-xs-trim);
  font-family: var(--typography-std_jp_bold-font-family);
  font-weight: var(--typography-std_jp_bold-font-weight);
  font-size: var(--typography-std_jp_bold-font-size);
  line-height: var(--typography-std_jp_bold-line-height);
  --letter-spacing: var(--typography-std_jp_bold-letter-spacing);
}